*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{margin:0;background-color:#000}.container{display:flex;gap:20px;width:100%}.container>:first-child{flex:0 0 100%}.full-width{width:100%}@media(min-width:900px){.container{align-items:stretch}.main-panel{flex:3;width:100%}.side-panel{flex:1;width:100%}}@media(max-width:899px){.container{flex-direction:column}}h2,h3{margin-top:0}table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid #ddd;text-align:center}th{background-color:#f5f5f5;font-weight:700}.button{background-color:#ffce0a;border:none;padding:8px 12px;font-weight:700;cursor:pointer;border-radius:4px}.button:hover{opacity:.85}.fullscreen{padding:10px}.fullscreen-btn{position:fixed;top:12px;right:16px;z-index:1300;background-color:#ffce0a;border:none;padding:8px 10px;border-radius:4px;font-weight:700;cursor:pointer}.fullscreen-btn:hover{opacity:.85}.score-updated{animation:flash .8s ease-in-out}@keyframes flash{0%{background-color:#ffce0a}to{background-color:transparent}}.leaderboard-item{transition:transform .35s ease,background-color .35s ease}.rank{font-weight:700;margin-right:8px}.rank-up{background-color:#00c80040;transform:translateY(-4px)}.rank-down{background-color:#ff000040;transform:translateY(4px)}