body{color:#f4f4f6;background:#0d0e15;flex-direction:column;align-items:center;min-height:100vh;margin:0;font-family:"Press Start 2P",monospace;display:flex}header{text-align:center;padding:16px 12px 8px}header h1{color:#ff6f91;letter-spacing:2px;margin:0;font-size:26px}header p{opacity:.75;margin:10px 0 0;font-size:11px}main{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;width:100%;padding:12px;display:flex}#arena{width:min(960px,100%);height:auto;image-rendering:pixelated;border:3px solid #2f3140;border-radius:6px}#dashboard{border:3px solid #2f3140;border-radius:6px;width:min(440px,100%);height:auto}footer{opacity:.5;text-align:center;padding:8px 12px 16px;font-size:9px}.left{flex-direction:column;gap:16px;width:min(960px,100%);display:flex}#algo{border:3px solid #2f3140;border-radius:6px;width:100%;height:auto}.brand-logo{z-index:5;align-items:center;gap:12px;text-decoration:none;display:flex;position:absolute;top:18px;left:20px}.brand-logo .mark{width:auto;height:36px;display:block}.brand-logo .wordmark{width:auto;height:15px;display:block}@media (width<=760px){.brand-logo{gap:8px;top:10px;left:10px}.brand-logo .mark{height:24px}.brand-logo .wordmark{display:none}}