:root{color:#f7f1df;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#1f211f;--panel-soft:#292b28;--line:#f7f1df29;--text-muted:#c8bea6;--accent:#24b3a5;--gold:#efb74f;--danger:#df5a66;--violet:#7d85df;--tile-size:clamp(38px, 8vw, 64px);background:#11100e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0}.app-shell{background:linear-gradient(135deg,#24b3a529,#0000 36%),radial-gradient(circle at 86% 18%,#efb74f29,#0000 26%),#11100e;min-height:100vh;padding:24px}.game-stage{width:min(1180px,100%);margin:0 auto}.top-bar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.84rem;font-weight:700}h1,h2{letter-spacing:0;margin:0}h1{font-size:2.5rem;line-height:1}h2{font-size:1.05rem}.status-pills{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pill{border:1px solid var(--line);color:#f7f1df;background:#1f211fc7;border-radius:999px;align-items:center;gap:8px;min-height:32px;padding:6px 11px;font-size:.85rem;display:inline-flex}.pill-button{cursor:pointer}.pill-button:hover{border-color:#24b3a59e}.status-won{color:#80eadf;border-color:#24b3a59e}.status-lost{color:#ff9aa4;border-color:#df5a66a3}.content-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:20px;display:grid}.side-panel>div{border:1px solid var(--line);background:#1f211fe0;border-radius:8px;box-shadow:0 18px 48px #0000003d}.board-zone{min-width:0}.score-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.metric{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;min-height:70px;padding:11px}.metric span{color:var(--text-muted);font-size:.78rem;display:block}.metric strong{color:#fff;overflow-wrap:anywhere;margin-top:6px;font-size:clamp(1rem,2vw,1.45rem);line-height:1;display:block}.help-panel{border:1px solid var(--line);color:var(--text-muted);background:#1f211fb8;border-radius:8px;gap:4px;margin-bottom:12px;padding:10px 12px;font-size:.88rem;display:grid}.help-panel strong{color:#f7f1df}.agent-note{color:#d8f7f2;background:#112320d1;border:1px solid #24b3a56b;border-radius:8px;gap:5px;margin-bottom:12px;padding:10px 12px;font-size:.82rem;line-height:1.45;display:grid}.agent-note strong{color:#80eadf}.agent-note code{color:#fff;overflow-wrap:anywhere;background:#00000038;border:1px solid #80eadf33;border-radius:4px;padding:1px 4px;font-size:.78rem}.board{grid-template-columns:repeat(8, var(--tile-size));grid-auto-rows:var(--tile-size);border:1px solid var(--line);background:#171815;width:max-content;max-width:100%;margin:0 auto;display:grid}.tile{background:#252721;border:1px solid #f7f1df14;place-items:center;display:grid;position:relative;overflow:hidden}.tile-player{background:#252721}.tile-player:after{content:"";z-index:1;pointer-events:none;border-radius:50%;position:absolute;inset:10%}.player-shield-3:after{border:2px solid #67cdfff0;box-shadow:0 0 0 7px #3faaff3d,0 0 0 13px #f54b5e47,0 0 22px #67cdffa8,0 0 28px #f54b5e6b}.player-shield-2:after{border:2px solid #67cdffe0;box-shadow:0 0 0 7px #3faaff3d,0 0 18px #67cdff94}.player-shield-1:after,.player-shield-0:after{display:none}.tile:before{content:"";background:#f7f1df09;border-radius:6px;position:absolute;inset:6px}.tile-mark{position:relative}.tile-wall{background:linear-gradient(135deg,#ffffff14,#0000),#34342d}.tile-wall:before{background:repeating-linear-gradient(135deg,#f7f1df1f 0 5px,#0000 5px 11px)}.tile-beacon .tile-mark{aspect-ratio:1;background:var(--gold);z-index:1;border-radius:50%;width:44%;box-shadow:0 0 0 6px #efb74f26,0 0 20px #efb74f8f}.tile-hazard .tile-mark{aspect-ratio:1;clip-path:polygon(50% 5%,95% 90%,5% 90%);background:var(--danger);z-index:1;width:52%;box-shadow:0 0 18px #df5a667a}.tile-goal .tile-mark{aspect-ratio:1;border:4px solid var(--violet);z-index:1;border-radius:50%;width:50%;box-shadow:0 0 20px #7d85df99}.tile-key .tile-mark{background:var(--gold);z-index:1;border-radius:999px;width:46%;height:14%;box-shadow:0 0 18px #efb74f80}.tile-key .tile-mark:before{content:"";aspect-ratio:1;border:3px solid var(--gold);border-radius:50%;width:16px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.tile-key .tile-mark:after{content:"";border-right:3px solid var(--gold);border-bottom:3px solid var(--gold);width:8px;height:8px;position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.tile-door{background:#292722}.tile-door .tile-mark{z-index:1;background:#2f2b26;border:3px solid #84735d;border-radius:12px 12px 4px 4px;width:54%;height:72%;box-shadow:inset 0 0 0 2px #efb74f29}.tile-door .tile-mark:after{content:"";background:var(--gold);border-radius:999px;width:8px;height:14px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.tile-warp .tile-mark{aspect-ratio:1;border:4px solid var(--accent);z-index:1;border-radius:50%;width:64%;box-shadow:inset 0 0 0 8px #24b3a526,0 0 20px #24b3a5a6}.drone-token{object-fit:contain;z-index:2;filter:drop-shadow(0 0 5px #df5a668c);pointer-events:none;-webkit-user-select:none;user-select:none;width:86%;height:86%;position:absolute}.player-token{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 0 5px #24b3a5a6)drop-shadow(0 2px 2px #000000b3);z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;width:118%;height:118%;position:absolute}.player-defeated .player-token{filter:drop-shadow(0 2px 2px #000000b3);width:138%;height:138%}.message-line{min-height:28px;color:var(--text-muted);text-align:center;margin-top:12px}.side-panel{gap:14px;display:grid}.control-panel,.leaderboard{padding:16px}.operator-panel{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;padding:10px;display:grid}.operator-panel p{color:var(--text-muted);margin:4px 0 0;font-size:.82rem;line-height:1.45}.operator-portrait{background:#181a1f;border:1px solid #7d85df8c;border-radius:8px;width:64px;height:64px;position:relative;overflow:hidden}.operator-portrait img{object-fit:contain;width:100%;height:100%;transform:scale(1.16)translateY(4px)}.pad{grid-template-columns:repeat(3,58px);grid-auto-rows:58px;justify-content:center;gap:8px;display:grid}.icon-button{color:#11100e;cursor:pointer;background:#f7f1df;border-radius:8px;place-items:center;transition:transform .12s,opacity .12s,background-color .12s;display:inline-grid}.icon-button:hover:not(:disabled){transform:translateY(-1px)}.icon-button:disabled{cursor:not-allowed;opacity:.34}.reset-button{background:var(--gold)}.submit-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:16px;display:grid}.comment-field{margin-top:8px;display:block}.comment-field input{border:1px solid var(--line);background:var(--panel-soft);color:#fff;border-radius:8px;outline:0;width:100%;height:40px;padding:0 10px}.name-field{border:1px solid var(--line);background:var(--panel-soft);min-width:0;color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.name-field input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;height:42px}.primary-button{background:var(--accent);color:#062421;cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 13px;font-weight:800;display:inline-flex}.primary-button:disabled{cursor:not-allowed;opacity:.42}.secondary-button{border:1px solid var(--line);background:var(--panel-soft);color:#f7f1df;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-top:8px;font-weight:700;display:inline-flex}.secondary-button:hover{border-color:#efb74f8c}.api-status{min-height:22px;color:var(--text-muted);margin-top:10px;font-size:.85rem}.panel-heading{color:var(--gold);align-items:center;gap:8px;margin-bottom:8px;display:flex}.leaderboard-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.leaderboard-tabs button{border:1px solid var(--line);min-height:32px;color:var(--text-muted);cursor:pointer;background:#1f211fb8;border-radius:8px;font-size:.78rem;font-weight:800}.leaderboard-tabs button.active{color:#80eadf;background:#24b3a52e;border-color:#24b3a5b3}.leaderboard ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.leaderboard li{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:38px;padding:8px 10px;display:grid}.rank-type{border-radius:999px;padding:3px 7px;font-size:.7rem;font-weight:800}.rank-human{color:#80eadf;background:#24b3a529}.rank-ai{color:#b7bcff;background:#7d85df33}.rank-comment{color:var(--text-muted);overflow-wrap:anywhere;grid-column:1/-1;font-size:.82rem}.rank-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-score{color:#fff;font-weight:800}.empty-row{color:var(--text-muted)}@media (width<=880px){.app-shell{padding:16px}.top-bar,.content-grid{display:grid}.content-grid{grid-template-columns:1fr}.status-pills{justify-content:start}.side-panel{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){h1{font-size:2rem}.score-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.submit-row{grid-template-columns:1fr}.primary-button{justify-content:center}}