*{box-sizing:border-box} [hidden]{display:none!important}
:root{color-scheme:dark;--bg:#101721;--panel:#192330;--line:#324153;--text:#edf2ef;--muted:#a3b3bd;--green:#c4f576;--orange:#ffae68}
html{background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif}
body{margin:0}header,main,footer{max-width:1180px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}header a{font-weight:800;font-size:18px;text-decoration:none}header span{color:var(--green);font:12px monospace;letter-spacing:2px;margin-left:10px}a{color:var(--green)}main{padding:30px 24px}h1{font-size:clamp(30px,5vw,54px);margin:8px 0;line-height:1.2;letter-spacing:-1px}h2{font-size:20px;margin:0 0 12px}h3{font-size:15px;color:var(--orange);margin:20px 0 8px}p{margin:12px 0}.intro{margin-bottom:28px}.intro p,.hint{color:var(--muted)}.eyebrow{color:var(--green);font-size:12px;letter-spacing:3px}
.lobby-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;align-items:start}.panel{padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.challenge{grid-column:1/-1}.challenge #agent-prompt{padding:18px;background:var(--bg);border-left:3px solid var(--green);user-select:text}.rules{padding-left:24px;margin:0 0 26px}.rules li{padding:4px 0}.rules li::marker{color:var(--green);font-weight:bold}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.row h2{margin:0}.modes{border:0;padding:0;margin:0 0 24px}.modes legend{font-size:13px;color:var(--muted);margin-bottom:8px}.modes label{display:inline-flex;gap:4px;align-items:center;padding:8px 9px;background:var(--bg);border-radius:8px;cursor:pointer}input[type=radio]{accent-color:var(--green)}button,select,input{font:inherit;color:inherit}button,select,input:not([type=radio]):not([type=range]){border:1px solid var(--line);border-radius:9px;background:var(--bg);padding:10px 14px}button{cursor:pointer;touch-action:manipulation}button:hover{border-color:var(--green)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.primary{background:var(--green);color:#15220b;border:0;font-weight:800;min-width:140px}#start{width:100%;padding:14px}#opponents{display:grid;gap:8px;margin:14px 0}#opponents label{display:flex;align-items:center;justify-content:space-between;gap:10px}#opponents select{width:65%}.speed{display:flex;align-items:center;justify-content:space-between}.speed select{width:65%}.hint,#loading,#copy-status{font-size:13px}.error{color:#ff9999}#replay-settings{display:block;margin-bottom:20px}#replay-settings input{width:100%;margin-top:8px}.leaderboard ol{padding-left:24px;margin:0;font-size:14px}.leaderboard li{padding:6px 0;border-bottom:1px solid #ffffff0c}.badge{font-size:10px;color:var(--green);border:1px solid var(--line);padding:2px 4px;border-radius:4px;margin-left:5px}.board-score{float:right;color:var(--muted);margin-left:8px}footer{color:var(--muted);font-size:12px;padding:12px 24px 28px}
.game-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.game-toolbar strong{margin-right:auto}.game-toolbar span{font-size:13px;color:var(--muted)}.arena-grid{display:grid;grid-template-columns:minmax(0,800px) minmax(160px,1fr);gap:18px;align-items:start}.board-wrap{position:relative;width:100%;max-width:800px;aspect-ratio:1}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;background:#0e1628;border-radius:8px}#paused{position:absolute;inset:0;background:#07101bc9;display:grid;place-items:center;color:var(--green);font-size:22px;font-weight:bold;border-radius:8px}.seat{padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;font-size:14px;background:var(--panel)}.seat b{display:block;border-left:4px solid var(--seat-color);padding-left:8px}.seat small{color:var(--muted)}.seat.dead{opacity:.5}.seat.human{border-color:var(--green)}.result{margin:18px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px;margin-bottom:18px}td,th{padding:9px 7px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:12px}.controls{display:flex;justify-content:center;align-items:center;gap:28px;margin:12px auto;user-select:none}.dpad{display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(2,52px);gap:6px}.dpad button{font-size:25px;padding:0;touch-action:none}.dpad button[data-action=up]{grid-column:2}.dpad button[data-action=left]{grid-column:1;grid-row:2}.dpad button[data-action=down]{grid-column:2;grid-row:2}.dpad button[data-action=right]{grid-column:3;grid-row:2}#fire{height:75px;width:75px;background:#443225;color:#ffc992;touch-action:none}.pressed{border-color:var(--green);background:#3d512e}#control-hint{font-size:12px;color:var(--muted);max-width:190px}#timeline{display:flex;gap:20px;align-items:center;margin:18px 0}#timeline label:first-child{flex:1;display:flex;align-items:center;gap:10px}#seek{width:100%;accent-color:var(--green)}#nickname{padding:14px 0;margin-bottom:14px;border-bottom:1px solid var(--line)}#nickname input{margin:5px 10px 5px 0;max-width:100%}body.playing{overscroll-behavior:none}body.playing canvas,body.playing .controls{touch-action:none}
@media(max-width:760px){header{padding:14px 16px}header span{display:none}main{padding:22px 16px}.lobby-grid{grid-template-columns:1fr}.panel{padding:20px}.leaderboard{grid-row:3}.challenge{grid-column:auto}.arena-grid{grid-template-columns:1fr;gap:8px}.seat-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.seat{padding:6px;margin:0;font-size:11px;overflow:hidden}.seat b{padding-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat small{font-size:10px;line-height:1.25;display:block}.game-toolbar{gap:7px}.game-toolbar button{padding:7px 10px}#control-hint{display:none}body.playing{height:100dvh;overflow:hidden;touch-action:none}body.playing header{height:52px;padding:8px 12px}body.playing #arena{height:calc(100dvh - 52px);overflow:hidden;padding:10px 10px max(10px,env(safe-area-inset-bottom));overscroll-behavior:none}body.playing .board-wrap{width:min(100%,calc(100dvh - 330px));min-width:160px;margin:auto}body.playing footer{display:none}.game-toolbar span{display:none}.controls{margin:8px auto;gap:20px}#timeline{margin:10px 0;gap:8px}#timeline select{padding:6px}body.finished #arena{touch-action:pan-y;overflow:auto}body.finished .board-wrap{width:min(100%,calc(100dvh - 330px))}#result{padding:15px}#nickname label{display:block}}
@media(max-width:760px) and (orientation:landscape){body.playing .arena-grid{grid-template-columns:minmax(0,1fr) 170px}body.playing .board-wrap{width:min(100%,calc(100dvh - 116px));min-width:120px}body.playing .seat-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.playing .controls{position:absolute;right:20px;bottom:10px;transform:scale(.8);transform-origin:bottom right;background:#101721dd;padding:6px;border-radius:12px}body.playing .result{position:relative}body.finished .controls{display:none}body.playing .dpad{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,42px)}}