:root{--bg:#0a101b;--panel:#151f2f;--edge:#36485b;--text:#eff4f7;--muted:#8fa3b1;--accent:#67dfcc;--win:#71d98e;--lose:#ee7491;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}body{border-top:6px solid var(--accent);background-image:repeating-linear-gradient(#0000 0 11px,#3e5e7412 11px 12px)}button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--edge);cursor:pointer;border-radius:8px;padding:.5rem .9rem}button:hover{border-color:var(--accent)}button.active,button.primary{border-color:var(--accent);background:#1b3340}button.primary{color:var(--bg);background:var(--accent);font-weight:700}button.primary:hover{filter:brightness(1.1)}kbd{font-family:var(--mono);border:1px solid var(--edge);border-bottom-width:2px;border-radius:4px;margin-right:.15em;padding:0 .3em;font-size:.8em}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem;display:block}#menu{flex-direction:column;gap:1rem;max-width:760px;margin:0 auto;padding:1.5rem 1rem 2rem;display:flex}.title h1{font-family:var(--mono);letter-spacing:.06em;margin:0;font-size:clamp(1.8rem,6vw,2.8rem)}.title h1 span{color:var(--accent)}.title p{color:var(--muted);margin:.4rem 0 0}.banner,.daily{text-align:left;border:1px solid var(--accent);background:linear-gradient(120deg, #17323b, var(--panel));border-radius:10px;flex-direction:column;gap:.2rem;padding:.8rem 1rem;display:flex}.banner button{align-self:flex-start;margin-top:.4rem}.daily b{font-size:1.1rem}.daily span:last-child{color:var(--muted);font-size:.9rem}.tabs{flex-wrap:wrap;gap:.5rem;display:flex}.tabs.small button{min-width:3rem;font-family:var(--mono);padding:.35rem .7rem}.row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.goal{color:var(--muted);margin:0}.bots{gap:.5rem;display:grid}.bot-card{text-align:left;grid-template-columns:2rem 1fr;column-gap:.6rem;padding:.7rem .9rem;display:grid}.bot-card .rank{font-family:var(--mono);color:var(--muted);grid-row:span 3;align-self:center;font-size:1.4rem}.bot-card.active .rank{color:var(--accent)}.bot-name{align-items:center;gap:.6rem;font-weight:700;display:flex}.bot-blurb{color:var(--muted);font-size:.92rem}.bot-stats{color:var(--muted);font-size:.8rem;font-family:var(--mono)}.medal{font-size:.75rem;font-weight:400;font-family:var(--mono);color:var(--muted);border:1px solid var(--edge);border-radius:99px;padding:0 .5rem}.medal.won{color:#e9da6f;border-color:#e9da6f}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.actions .primary{padding:.7rem 1.4rem;font-size:1.1rem}.help{color:var(--muted);flex-wrap:wrap;gap:.4rem 1.1rem;font-size:.85rem;display:flex}#arena{flex-direction:column;gap:.6rem;min-height:calc(100dvh - 6px);padding:.6rem;display:flex}.hud{align-items:center;gap:.6rem;display:flex}.hud button{padding:.35rem .7rem}.hud-buttons{gap:.4rem;display:flex}.status{text-align:center;flex:1;min-width:0}#status-title{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}#status-main{font-family:var(--mono);font-size:1.1rem}.lead{background:var(--panel);border-radius:3px;max-width:320px;height:6px;margin:.25rem auto 0;position:relative;overflow:hidden}.lead:after{content:"";background:var(--muted);width:1px;position:absolute;top:0;bottom:0;left:50%}#lead-bar{transition:width .2s,left .2s;position:absolute;top:0;bottom:0}#lead-bar.ahead{background:var(--win)}#lead-bar.behind{background:var(--lose)}.boards{flex:1;justify-content:center;align-items:flex-start;gap:clamp(.8rem,3vw,3rem);display:flex}.player{--cell:min(3.6vh, 3.4vw);grid-template-rows:auto auto;grid-template-columns:auto auto;gap:.4rem .6rem;display:grid}.player.them{--cell:min(2.7vh, 2.6vw)}.player .name{letter-spacing:.04em;grid-column:span 2;font-weight:700}.player.them .name{color:var(--accent)}.field{position:relative}.board{width:calc(var(--cell) * 10);height:calc(var(--cell) * 20);outline:2px solid var(--accent);outline-offset:3px;border-radius:1px;display:block}.player.them .board{outline-color:var(--edge)}.board-overlay{font:700 calc(var(--cell) * 1.4) var(--mono);pointer-events:none;opacity:0;place-items:center;display:grid;position:absolute;inset:0}.board-overlay.show{opacity:1;background:#060d168c}.pop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pop-text{text-align:center;font:800 calc(var(--cell) * 1.3) var(--mono);text-shadow:0 2px #000;animation:1.4s ease-out forwards rise;position:absolute;top:40%;left:0;right:0}.pop-text.tetris{color:#5bdce5}.pop-text.level{color:#e9da6f}@keyframes rise{0%{opacity:0;transform:translateY(20%)scale(.6)}15%{opacity:1;transform:translateY(0)scale(1.1)}70%{opacity:1}to{opacity:0;transform:translateY(-120%)scale(1)}}.side{width:calc(var(--cell) * 4.6);flex-direction:column;gap:.4rem;display:flex}.box{background:var(--panel);border:1px solid var(--edge);border-radius:6px;padding:.3rem .5rem}.box b{font-family:var(--mono);font-size:calc(var(--cell) * .6)}.next{aspect-ratio:2;width:100%;margin-top:.2rem;display:block}.boards.single .player{--cell:min(3.9vh, 6vw)}.touch{padding:0 .4rem env(safe-area-inset-bottom);-webkit-user-select:none;user-select:none;justify-content:space-between;display:none}.touch-device .touch{display:flex}.pad{gap:.6rem;display:flex}.pad button{touch-action:none;border-radius:50%;width:4rem;height:4rem;font-size:1.3rem;font-weight:700}.pad button.held{border-color:var(--accent);background:#1b3340}.overlay{z-index:10;background:#060d1699;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.overlay:has(.slim){pointer-events:none;background:0 0;place-items:end center;padding-bottom:12vh}.card{background:var(--panel);border:1px solid var(--edge);pointer-events:auto;border-radius:12px;flex-direction:column;gap:.6rem;min-width:min(360px,92vw);max-width:92vw;padding:1.2rem 1.4rem;display:flex}.card h2{font-family:var(--mono);margin:0}.card p{color:var(--muted);margin:0}.card.slim{flex-direction:row;align-items:center;min-width:0;padding:.6rem .8rem}.result.you{border-color:var(--win)}.result.you h2{color:var(--win)}.result.bot{border-color:var(--lose)}.result.bot h2{color:var(--lose)}.result .best{color:#e9da6f;font-weight:700}.result table{border-collapse:collapse;font-family:var(--mono);font-size:.95rem}.result th,.result td{text-align:right;padding:.2rem .6rem}.result th:first-child,.result td:first-child{text-align:left;color:var(--muted)}.buttons{flex-wrap:wrap;gap:.5rem;margin-top:.3rem;display:flex}@media (width<=640px){.player{--cell:min(3.1vh, 5.4vw);grid-template-columns:auto}.player.them{--cell:min(2vh, 3.3vw)}.player .name{grid-column:auto}.side{width:calc(var(--cell) * 10);flex-flow:wrap}.side .box{flex:40%}.side .box:last-child{display:none}}