:root{color-scheme:dark;--bg:#101719;--panel:#172022;--line:#2a3537;--text:#e2e9e4;--muted:#8e9f9e;--cyan:#80d6c6;--gold:#dab975;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{border:0;color:inherit}a{color:inherit;text-decoration:none}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 40px}.brand{display:flex;align-items:center;gap:18px}.brand-symbol{font:700 29px Georgia,serif;letter-spacing:-2px;width:68px;flex-shrink:0}.brand-symbol span{color:var(--cyan);padding:0 3px}.brand-title{font-weight:600;font-size:16px;letter-spacing:3px}.brand-title small{display:block;font:9px monospace;letter-spacing:2px;color:var(--muted);margin-top:6px}.top-status{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%}.version{font:11px monospace;border:1px solid var(--line);padding:3px 6px;margin-left:8px}.topbar nav{display:flex;gap:24px}.quiet{background:none;color:var(--muted);padding:8px 0;font-size:12px}.quiet:hover{color:var(--text)}.quiet span{margin-left:12px}main{max-width:1640px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;padding:34px 40px}.arena-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font:10px monospace;letter-spacing:2px;color:var(--cyan)}h1{font-size:27px;font-weight:500;letter-spacing:1px;margin:12px 0 9px}p{color:var(--muted);line-height:1.85;margin:8px 0}.arena-heading p{font-size:13px}.round-box{border-left:1px solid var(--line);padding:0 12px 0 27px}.round-box small{display:block;font:10px monospace;letter-spacing:2px;color:var(--muted)}.round-box strong{font:38px Georgia,serif;font-weight:400}.round-box>span{font:11px monospace;color:var(--muted);padding-left:7px}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.player-card{border:1px solid var(--line);border-radius:6px;padding:17px 18px;display:flex;align-items:center;gap:12px;background:#141d1f;position:relative}.player-card.current{border-color:#517c73;background:linear-gradient(110deg,#1d302e,#172022)}.player-card.gold.current{border-color:#887b51;background:linear-gradient(110deg,#2e2b21,#172022)}.player-mark{width:33px;height:33px;display:grid;place-items:center;border:1px solid #54877d;color:var(--cyan);border-radius:50%;font:17px Georgia,serif}.gold .player-mark{color:var(--gold);border-color:#89754e}.player-name{font-size:13px;font-weight:600}.player-name small{color:var(--muted);font-size:10px;font-weight:400;margin-left:7px}.player-data{margin-top:6px;font:11px monospace;color:var(--muted)}.player-energy{margin-left:auto;font:22px monospace;color:var(--cyan)}.gold .player-energy{color:var(--gold)}.player-energy small{font:10px sans-serif;color:var(--muted)}.board-shell{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#111b1d}.board-toolbar{height:45px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:0 17px;font-size:11px}.board-hint{margin-left:auto;color:#748584}.compact{padding:4px 0;font-size:11px}#turn-label{color:var(--cyan)}.board-wrap{background-image:radial-gradient(#30413f 1px,transparent 1px);background-size:24px 24px}#board{display:block;width:100%;min-height:360px;max-height:620px;touch-action:none;user-select:none}.board-footer{padding:13px 17px;display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.addition{background:#ee9273}.prime{background:#b3d985}.factor{background:#59cbb0}.tuple{background:#8ba7f5}.core-legend{margin-left:auto;color:var(--gold)}.graph-node{cursor:grab}.graph-node:active{cursor:grabbing}.graph-node .node-body{fill:#17282b;stroke:#80d6c6;stroke-width:1.5}.graph-node.gold .node-body{fill:#2a2921;stroke:#dab975}.graph-node.selected .node-body{stroke-width:3;fill:#29413f}.graph-node.gold.selected .node-body{fill:#423b29}.graph-node text{pointer-events:none}.core-ring{fill:none;stroke:#80d6c6;stroke-width:1.5;stroke-dasharray:8 4;opacity:.75}.gold .core-ring{stroke:#dab975}.node-text{font:23px Georgia,serif;fill:#e4efeb;text-anchor:middle;dominant-baseline:middle}.tuple-text{font-size:19px}.hp-text{font:10px monospace;fill:#a3b5ae;text-anchor:middle}.node-tag{font:9px monospace;fill:#829791;text-anchor:middle;letter-spacing:1px}.threat-ring{fill:none;stroke:#ee9273;stroke-width:2;stroke-dasharray:5 3}.edge-label{font:11px monospace;text-anchor:middle;paint-order:stroke;stroke:#111b1d;stroke-width:5;stroke-linejoin:round}.board-zone{font:10px monospace;letter-spacing:3px;fill:#607873}.board-note{font:12px sans-serif;fill:#7d918c;text-anchor:middle}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:23px}.explain-card{padding:6px 0}.explain-card h3{font-size:14px;font-weight:500;margin:13px 0 5px}.explain-card p{font-size:12px}.journal{border-left:1px solid var(--line);padding-left:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-heading h3{font-size:13px;font-weight:500;margin:0}.section-heading>span{font:10px monospace;color:var(--muted)}#log{margin:0;padding:0;list-style:none;max-height:127px;overflow:auto}#log li{font-size:11px;color:var(--muted);padding:5px 0;line-height:1.55;border-bottom:1px solid #23302f}#log li:first-child{color:#ccd8d2}#threat-note{font-size:12px;color:#eeaa8c;line-height:1.7;margin-top:12px}.control-column{border-left:1px solid var(--line);padding-left:27px}.turn-card{padding:5px 0 22px;border-bottom:1px solid var(--line)}.turn-title{display:flex;align-items:center;justify-content:space-between;margin:9px 0}.turn-title h2{font-size:19px;font-weight:500;margin:0}.turn-title>span{color:var(--cyan);font:24px monospace}.turn-title>span small{color:var(--muted);font-size:12px}.turn-card p{font-size:11px;min-height:20px}.energy-track{height:3px;background:#2a3838;margin-top:17px}.energy-track>div{height:100%;background:var(--cyan);transition:width .25s}.panel{padding:23px 0;border-bottom:1px solid var(--line)}.step{font:10px monospace;color:#688c82;margin-right:10px}.segmented{display:flex;border:1px solid var(--line);border-radius:5px;padding:3px;margin-bottom:17px;background:#0f181a}.segmented button{flex:1;padding:8px;background:transparent;color:var(--muted);border-radius:3px;font-size:12px}.segmented button.active{background:#2a3e3a;color:#d3e8df}label{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}input{background:#111b1d;border:1px solid #384944;color:var(--text);padding:12px 14px;width:100%;border-radius:4px;font:22px monospace}input:focus{outline:none;border-color:var(--cyan)}.tuple-inputs{display:flex;align-items:center;gap:10px}.tuple-inputs input{min-width:0}.microcopy{font-size:11px;color:var(--muted);line-height:1.7;margin:10px 0 14px}.primary{background:var(--cyan);color:#142725;padding:12px 15px;border-radius:4px;font-weight:600;font-size:12px}.primary:hover{background:#a0e6d8}.wide{width:100%;display:block}.primary>span{float:right}.selected-panel{min-height:190px}.empty-selection{font-size:12px;color:var(--muted);line-height:1.9;padding:0 0 10px}.selected-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.selected-heading strong{font:27px Georgia,serif}.badge{font-size:10px;color:var(--cyan);background:#243c36;padding:4px 7px;border-radius:3px}.badge.enemy{color:var(--gold);background:#383326}.node-detail{font-size:11px;color:var(--muted);margin-bottom:12px}.danger{color:#e8aa90}.relation-list{max-height:215px;overflow:auto}.relation-button{width:100%;display:flex;justify-content:space-between;align-items:center;background:#1c2a29;border:1px solid #33443d;border-radius:4px;padding:10px;margin:6px 0;font:12px monospace;text-align:left}.relation-button:hover{background:#293c35}.relation-button small{font-size:10px;color:var(--muted)}.relation-button.existing{background:transparent;border-color:#293735}.list-title{color:var(--muted);font-size:10px;margin-top:14px}.attack-controls{display:flex;gap:10px;align-items:center}.attack-controls input{width:75px;font-size:15px;padding:8px}.attack-button{flex:1;background:#573e30;color:#f0bd9d;font-size:12px;padding:11px;border:1px solid #825e48;border-radius:4px}.end-panel{padding-top:20px}#core-status{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:12px}.end-button{display:flex;justify-content:space-between;width:100%;padding:15px;background:#dcd8c8;color:#212b25;border-radius:4px;font-weight:600;font-size:13px}.end-button:hover{background:#eeebdf}.undo{width:100%;margin-top:8px;font-size:11px}.mode-note{display:flex;align-items:center;gap:7px;margin-top:24px;font-size:10px;color:var(--muted)}.mode-note>span:last-child{margin-left:auto;color:#60756f}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(30px);opacity:0;pointer-events:none;background:#e2dbc4;color:#202b25;padding:13px 22px;border-radius:6px;box-shadow:0 8px 30px #0006;transition:.2s;font-size:13px;z-index:10;max-width:90vw}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}dialog{color:var(--text);background:#172322;border:1px solid #40554c;border-radius:12px;padding:30px;max-width:720px;width:calc(100% - 40px);max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#071012c9;backdrop-filter:blur(5px)}dialog h2{font-size:25px;font-weight:500;margin:18px 0}dialog h3{font-size:14px;font-weight:500;margin:15px 0 5px}dialog p{font-size:12px}.dialog-top{display:flex;justify-content:space-between;align-items:center}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 25px;margin:20px 0}.mode-option{display:block;width:100%;text-align:left;background:#20352f;border:1px solid #41594c;border-radius:6px;padding:20px;margin:15px 0}.mode-option:hover{background:#2a443a}.mode-option strong{font-size:17px;font-weight:500}.mode-option strong span{font-size:10px;color:var(--cyan);margin-left:10px}.mode-option small{display:block;margin-top:10px;color:var(--muted);line-height:1.8}.ai-working #action-panels{opacity:.55;pointer-events:none}[hidden]{display:none!important}
@media(min-width:1500px){main{grid-template-columns:minmax(0,1fr) 370px;gap:38px}.control-column{padding-left:32px}}
@media(max-width:1050px){.topbar{padding:0 22px}main{padding:25px 22px;gap:20px;grid-template-columns:minmax(0,1fr) 285px}.control-column{padding-left:18px}h1{font-size:21px}.board-hint{display:none}.board-toolbar .compact{margin-left:auto}.player-card{padding:12px;gap:8px}.player-name small{display:block;margin:4px 0 0}.player-energy{font-size:18px}.bottom-grid{grid-template-columns:1fr}.journal{padding:15px 0;border-left:0;border-top:1px solid var(--line)}.core-legend{margin-left:0}.board-footer{gap:10px}.turn-title h2{font-size:16px}}
@media(max-width:760px){.topbar{height:72px;padding:0 16px}.top-status{display:none}.brand{gap:10px}.brand-title{font-size:13px}.brand-title small{font-size:8px}.topbar nav{gap:17px}main{display:flex;flex-direction:column;padding:24px 16px;gap:26px}.arena-heading{margin-bottom:18px}h1{font-size:20px}.round-box{padding-left:15px;padding-right:0}.round-box strong{font-size:32px}.control-column{border-left:0;padding-left:0;display:grid;grid-template-columns:1fr}.bottom-grid{display:none}#board{min-height:300px}.board-footer{font-size:9px;gap:9px}.scoreboard{gap:8px}.player-data{font-size:10px}.rules-grid{grid-template-columns:1fr}.mode-note{margin-top:12px}.panel{padding:19px 0}dialog{padding:23px}.turn-card p{min-height:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.spectator-controls{display:flex;align-items:center;gap:16px;padding:0 0 15px;color:var(--cyan);font-size:11px}.spectator-controls>span{margin-right:auto}.spectator-controls label{margin:0}.spectator-controls select{background:#1b2d29;border:1px solid var(--line);color:var(--text);padding:4px;font:11px sans-serif}.batch-form{display:flex;gap:14px;align-items:flex-end;margin:24px 0 10px}.batch-form label{flex:1;margin:0}.batch-form input{font-size:15px;margin-top:8px;padding:10px}.batch-form button{margin-bottom:1px;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.stat-cell{background:#20302b;border:1px solid #34473c;padding:15px;border-radius:5px}.stat-cell strong{display:block;font:25px monospace;color:var(--cyan)}.stat-cell span{display:block;font-size:10px;color:var(--muted);margin-top:8px}.export-buttons{display:flex;gap:18px;flex-wrap:wrap}#match-list{max-height:230px;overflow:auto;margin-top:12px}.match-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:10px 0;border-bottom:1px solid var(--line)}.replay-note{color:var(--gold)}@media(max-width:760px){.spectator-controls{gap:9px}.batch-form{flex-wrap:wrap}.batch-form label{min-width:100px}.stats-grid{grid-template-columns:repeat(2,1fr)}.topbar nav{gap:10px}.topbar .quiet{font-size:10px}.topbar .quiet span{margin-left:3px}.brand-title small{letter-spacing:1px}}

.session-notice{max-width:1560px;margin:18px auto 0;padding:12px 18px;border:1px solid #655a3c;border-radius:5px;background:#29291f;color:#d6c38e;font-size:12px;line-height:1.7}
.base-panel{padding:18px 0}.base-panel .section-heading{margin-bottom:10px}.base-panel h3 strong{font:12px monospace;color:var(--gold);margin-left:7px}#base-stats{font:12px monospace;color:#c4d4cc}.base-panel .microcopy{font-size:10px;margin:7px 0 0}.upgrade-button{font-size:10px;color:var(--gold);background:#302e23;border:1px solid #655d3e;border-radius:4px;padding:8px 9px;white-space:nowrap}.upgrade-button:hover:not(:disabled){background:#423d2c}
.hand-count{font-size:10px;color:var(--muted);margin-bottom:10px}.hand{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:8px}.hand-card{position:relative;min-width:0;min-height:86px;border:1px solid #3e5149;border-radius:5px;background:linear-gradient(155deg,#22372f,#172522);padding:9px 2px 7px;color:#c7dbd0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px}.hand-card.tuple{border-color:#465574;background:linear-gradient(155deg,#283448,#1a222d);color:#b9c9ec}.hand-card small{font-size:8px;white-space:nowrap;font-weight:400;opacity:.8}.hand-card strong{font:18px Georgia,serif;white-space:nowrap}.hand-card.tuple strong{font-size:11px;font-family:inherit}.hand-card span{font-size:8px;opacity:.65}.hand-card.active{border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan);background:linear-gradient(155deg,#365d4d,#213d32);color:#e2f8ec}.hand-card.tuple.active{border-color:#b1c5ff;box-shadow:inset 0 0 0 1px #b1c5ff;background:linear-gradient(155deg,#3a4d6c,#24314a)}.hand-card.active span{opacity:1;color:#dffbf1}.hand-card:hover:not(:disabled){transform:translateY(-2px)}.hand-card:disabled{opacity:.8;cursor:default}.hand-rule{font-size:9px;color:#80948a;margin:8px 0 17px}.empty-hand{grid-column:1/-1;padding:10px;border:1px dashed #3e5149;border-radius:4px;margin:0}.cards-panel .microcopy{font-size:10px;margin:8px 0}.form-status{font-size:10px;line-height:1.6;color:var(--cyan);margin:8px 0 13px;min-height:16px}.form-status.invalid{color:#d8af87}.player-data{line-height:1.5}.cards-panel .segmented{margin-bottom:13px}.cards-panel{padding-top:20px}.ai-working #action-panels{opacity:.8}.cards-panel .section-heading{margin-bottom:11px}
@media(max-width:1050px){.player-data{font-size:9px}.hand{gap:4px}.hand-card.tuple strong{font-size:9px}.hand-card small{font-size:7px}.hand-card strong{font-size:16px}.session-notice{margin:14px 22px 0}.base-panel h3 strong{margin-left:2px}.base-panel .step{margin-right:5px}}
@media(max-width:760px){.hand{gap:9px}.hand-card{min-height:90px}.hand-card strong{font-size:22px}.hand-card.tuple strong{font-size:14px}.hand-card small{font-size:10px}.hand-card span{font-size:9px}.session-notice{margin:14px 16px 0}.base-panel h3 strong{margin-left:8px}.player-data{font-size:9px}}

/* Spectator controls remain close to the board; the observer log is visible on mobile too. */
.watch-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-6px 0 20px;padding:13px 16px;background:#192a27;border:1px solid #35524a;border-radius:6px}
.watch-entry>span{font-size:11px;color:#a6bdb3;line-height:1.7}
.watch-start{display:flex;align-items:center;gap:23px;flex-shrink:0;background:var(--cyan);color:#142725;border-radius:4px;padding:10px 15px;font-size:12px;font-weight:600;white-space:nowrap}
.watch-start:hover{background:#a0e6d8}
body.is-spectator .watch-entry,body.is-spectator .bottom-grid{display:none}
.spectator-controls{flex-wrap:wrap;gap:11px 17px;padding:14px 16px;margin-bottom:15px;border:1px solid #3b5149;border-radius:6px;background:#192823}
#spectator-title{flex-basis:100%;font-size:12px;color:var(--cyan);line-height:1.6}
.watch-playback,.watch-run{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;width:100%}
.watch-playback>.quiet,.watch-run>.quiet{padding:7px 0;white-space:nowrap}
.watch-control{background:#2a463b;border:1px solid #557364;color:#d6e9dc;border-radius:4px;padding:7px 13px;font-size:11px;min-width:58px}
.watch-control:hover:not(:disabled){background:#385b4a}
.watch-playback>label{margin-left:auto;font-size:10px}
.spectator-controls select{border-color:#40564b;border-radius:4px;padding:6px;font-family:inherit}
.watch-run{border-top:1px solid #314139;padding-top:9px}
.auto-watch-label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;cursor:pointer}
.auto-watch-label input{width:14px;height:14px;margin:0;padding:0;accent-color:var(--cyan)}
#watch-config{font:10px monospace;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}
.watch-panel{padding-top:21px;min-width:0}
.watch-panel>.section-heading{margin-bottom:12px}
.watch-action{font-size:13px;line-height:1.85;padding:12px 13px;border-left:2px solid var(--cyan);background:#21382f;color:#d4e9dc;border-radius:0 4px 4px 0;overflow-wrap:anywhere;min-height:49px}
.watch-summary{font-size:11px;line-height:1.8;margin:10px 0 15px}
.observer-player{border:1px solid #334c44;background:#162621;border-radius:5px;margin:11px 0;padding:12px}
.observer-player.gold{border-color:#534b36;background:#25251d}
.observer-player>header,.observer-player>.observer-heading{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:9px;color:var(--cyan);font-size:12px}
.observer-player.gold>header,.observer-player.gold>.observer-heading{color:var(--gold)}
.observer-player h4{font-size:12px;font-weight:600;color:var(--cyan);margin:0 0 10px}
.observer-player.gold h4{color:var(--gold)}
.observer-player p{font-size:10px;line-height:1.7;margin:7px 0 0}
.observer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 5px;margin:10px 0}
.watch-metric{font-size:10px;color:var(--muted);line-height:1.65;min-width:0}
.watch-metric strong{display:block;color:#d6e5dc;font:16px monospace;line-height:1.4}
.watch-metric span,.watch-metric small{font-size:9px;color:var(--muted)}
.observer-hand{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;min-width:0;font-size:10px;line-height:1.7}
.observer-hand>span{display:inline-block;padding:3px 6px;border:1px solid #456150;border-radius:3px;background:#213a2d;color:#c6dccb;white-space:nowrap}
.observer-player.gold .observer-hand>span{border-color:#61553a;background:#343022;color:#e3d4ad}
.pending-threat{color:#e5ac8f;font-size:10px;line-height:1.8;margin-top:9px;padding-top:7px;border-top:1px solid #6b4c3a;overflow-wrap:anywhere}
.watch-outcome{padding:13px;margin:15px 0;border:1px solid #7d7044;background:#302f22;color:#e7d7a8;border-radius:5px;font-size:12px;line-height:1.8}
.watch-outcome strong{display:block;font-size:15px;margin-bottom:4px}
.watch-session{font-size:10px;color:var(--muted);line-height:1.8;margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}
.watch-session strong{color:#ceddd3;font-weight:500}
.watch-log-heading{margin-top:23px;margin-bottom:9px!important}
.watch-log{padding:0;margin:0;list-style:none;max-height:350px;overflow:auto;scrollbar-width:thin;scrollbar-color:#42584c transparent}
.watch-log li{padding:9px 0 9px 9px;border-left:2px solid #486055;border-bottom:1px solid #293832;font-size:11px;line-height:1.8;color:#a9bcb1;overflow-wrap:anywhere}
.watch-log li.owner-0{border-left-color:#6baa94}.watch-log li.owner-1{border-left-color:#b69b61}
.watch-log li:first-child{color:#d9e7dd;background:#1e2d26}
.watch-log li small{color:#799185;font-size:9px}
body.is-spectator .control-column{align-self:start}
@media(max-width:1050px){.watch-entry{padding:11px 12px;gap:10px}.watch-start{gap:12px;padding:10px 12px}.spectator-controls{padding:12px;gap:9px}.watch-playback,.watch-run{gap:7px 10px}.observer-player{padding:10px}.watch-metric strong{font-size:15px}}
@media(max-width:760px){.watch-panel{padding-top:19px}.watch-log{max-height:360px}.observer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.observer-player{padding:13px}body.is-spectator .control-column{width:100%}.watch-entry{margin-bottom:16px}.watch-entry>span{font-size:10px}.watch-playback>label{margin-left:auto}.player-energy{white-space:nowrap}.player-mark{flex-shrink:0}}
@media(max-width:460px){.topbar{height:auto;min-height:76px;flex-wrap:wrap;padding:13px 16px 9px;gap:9px}.brand-title small{display:none}.brand-title{font-size:12px;white-space:nowrap}.brand-symbol{font-size:25px;width:57px}.topbar nav{width:100%;justify-content:space-between;gap:12px}.topbar nav .quiet{padding:4px 0;font-size:11px}.arena-heading{align-items:flex-start;gap:10px}.arena-heading .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:18px;line-height:1.65;margin-top:8px}.arena-heading p{font-size:11px}.round-box{padding-left:11px;flex-shrink:0}.round-box strong{font-size:27px}.round-box>span{padding-left:3px;font-size:9px}.round-box small{font-size:8px}.scoreboard{grid-template-columns:1fr;gap:7px}.player-card{padding:11px 12px}.player-name small{display:inline;margin:0 0 0 7px}.player-data{font-size:10px}.player-energy{font-size:21px}.watch-entry{align-items:flex-start;flex-direction:column;gap:8px}.watch-start{width:100%;justify-content:space-between}.watch-playback{gap:9px 13px}.watch-playback>label{margin-left:0}.watch-playback .quiet{font-size:11px}.watch-run{gap:8px 15px}#watch-config{flex-basis:100%}.board-toolbar{padding:0 11px;gap:9px}.board-footer{padding:11px;gap:9px 12px}.hand{gap:5px}.hand-card.tuple strong{font-size:11px}.hand-card small{font-size:8px}.hand-card strong{font-size:20px}main{padding-top:20px}.batch-form{gap:10px}.watch-log{max-height:330px}}

/* The portrait viewBox is supplied by the board renderer for narrow panes. */
.temperature-bar{margin:0 0 15px;padding:10px 13px;border:1px solid #64513a;border-radius:5px;background:#29251d;color:#ddb68b}
.opening-bar{margin:0 0 10px;padding:11px 13px;border:1px solid #375950;border-radius:5px;background:#192c27}
#opening-status{display:block;font-size:11px;font-weight:500;line-height:1.7;color:#b5decc}
#opening-note{font-size:10px;line-height:1.75;color:#8ea99b;margin:4px 0 0;overflow-wrap:anywhere}
.temperature-reading{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.5}
.temperature-reading>strong{font:19px monospace;color:#f0c694;white-space:nowrap}
.temperature-trend{margin-left:auto;font-size:10px;color:#a89c86;white-space:nowrap}
#temperature-note{margin:5px 0 0;font-size:10px;line-height:1.7;color:#b4a38c;overflow-wrap:anywhere}
#board.portrait{height:auto;min-height:0;max-height:none}
#board.portrait .node-text{font-size:25px}
#board.portrait .tuple-text{font-size:21px}
#board.portrait .hp-text{font-size:14px}
#board.portrait .edge-label{font-size:16px}
#board.portrait .board-zone{font-size:12px}
@media(max-width:760px){body.is-spectator .arena-heading{align-items:center;margin-bottom:15px}body.is-spectator .arena-heading h1,body.is-spectator .arena-heading p{display:none}body.is-spectator .arena-heading .round-box{display:flex;align-items:center;gap:7px}body.is-spectator .arena-heading .round-box small{font-size:8px}body.is-spectator .arena-heading .round-box strong{font-size:25px}}
@media(max-width:460px){.brand{gap:16px}.brand-symbol{width:74px;letter-spacing:-1px}.brand-title{letter-spacing:2px}body.is-spectator .arena-heading .eyebrow{max-width:125px;line-height:1.7}body.is-spectator .arena-heading .round-box{gap:5px}body.is-spectator .arena-heading .round-box small{display:none}.observer-player{padding:12px}.watch-action{font-size:12px}.watch-summary,.watch-log li{font-size:11px}.watch-metric{font-size:10px}.watch-metric span,.watch-metric small{font-size:10px}.watch-metric strong{font-size:16px}.observer-hand>span{font-size:11px}}


.strategy-selectors{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.strategy-selectors label{display:grid;gap:8px;font-size:13px}.strategy-selectors select{width:100%;min-height:40px;background:#172326;color:#e5eee8;border:1px solid #3b514e;border-radius:8px;padding:8px}.strategy-stats p{font-size:13px;line-height:1.7;padding:12px;background:#172326;border-radius:8px}

.generalized-ring{fill:none;stroke:#84918a;stroke-width:1;stroke-dasharray:3 4;opacity:.5}.graph-node.capturable .node-body{stroke:#ee9273;stroke-dasharray:4 3}.capture-panel{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.capture-relations{font:11px monospace;line-height:1.9;color:var(--cyan);padding-left:18px}

.hand-card.weaken{border-color:#bb83bf;background:#35243c;color:#ecd0ef}.weaken-panel{margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}

.seed-setting{display:grid;gap:8px;margin-top:18px;font-size:13px}.seed-setting input{width:100%;min-height:40px}

.hand-card.defense{border-color:#80aee0;background:#213443;color:#c8e3ff}.defense-panel{margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}

.hand-card.defense strong{font-size:14px;letter-spacing:0;white-space:nowrap}
/* Account-backed invitation rooms */
#online-panel{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 40px;padding:18px 20px;background:#14282a;border:1px solid #345957;border-radius:10px;font-size:14px;color:#d9ece6}
#online-panel strong{font-size:17px;margin-right:8px;color:#8dd8c7}
#online-panel button{padding:9px 14px;border:1px solid #456765;border-radius:6px;color:#d9ece6;background:#1b3436;font-size:13px}
#online-panel button:hover{background:#294848}#online-panel [hidden]{display:none!important}
#online-panel #online-code{width:230px;max-width:100%;padding:9px 12px;margin:0;font-size:14px}
#online-status{flex-basis:100%;margin:4px 0;font-size:15px;line-height:1.7;overflow-wrap:anywhere}
#online-rooms{display:flex;flex-wrap:wrap;gap:8px}#online-resign{border-color:#a66d55!important}
@media(max-width:680px){#online-panel{margin:12px 16px;padding:14px}#online-panel strong{flex-basis:100%}#online-panel #online-code{flex:1;min-width:150px}#online-status{font-size:14px}}

.human-ai-setting select{display:block;width:100%;min-height:42px;margin-top:7px;padding:8px;background:#142321;color:#dceae4;border:1px solid #49645c;border-radius:5px;font-size:16px}