.play-page nav{max-width:1400px}.play-page nav>a:last-child{font-size:12px;color:var(--muted)}.game-shell{max-width:1240px;margin:auto;padding:22px 28px 40px}.game-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.game-top h1{font-size:30px;letter-spacing:-1px;margin:5px 0}.game-top h1 span{color:var(--accent)}.game-tools{display:flex;align-items:center;gap:12px}.game-tools>span{font:11px monospace;color:var(--muted)}.play-page button{border:1px solid #526149;border-radius:5px;background:#232c20;color:var(--ink);font:600 12px 'Segoe UI',sans-serif;padding:10px 15px;cursor:pointer;transition:background .15s,border-color .15s}.play-page button:hover{background:#34452c;border-color:#b5c99a}.play-page button:disabled{opacity:.45;cursor:default}.play-page button.primary{background:var(--accent);color:#171c16;border-color:var(--accent);font-weight:800}.play-page button.primary:hover{background:#ffa278}.play-page [hidden]{display:none!important}.arena-wrap{isolation:isolate;background:#151c14;border:1px solid #506043;border-radius:12px;overflow:hidden}.arena-wrap>canvas{border:0;border-radius:0}.game-screen{position:absolute;inset:0;background:linear-gradient(125deg,#172015f5,#101711fc);z-index:5;padding:24px 32px;overflow:auto;color:#f4f1e7}.game-screen h2{font-size:clamp(24px,3vw,39px);line-height:1.05;letter-spacing:-1.5px;margin:12px 0 15px}.game-screen p{color:#b3c0a8;font-size:13px;line-height:1.65}.mode-screen{display:flex;align-items:center;background:radial-gradient(ellipse at 85% 45%,#34452b,#172015 65%)}.mode-content{max-width:64%;position:relative;z-index:2}.mode-content h2{font-size:clamp(40px,6vw,76px);font-weight:950;line-height:.91;letter-spacing:-4px;margin:20px 0}.mode-content h2 span{color:var(--accent)}.mode-content>p{font-size:14px;margin:16px 0}.mode-options{display:flex;gap:12px;margin-top:24px}.play-page .mode-options button{text-align:left;min-width:180px;padding:18px;background:#101710b0;border-color:#657954}.mode-options button b{display:block;font-size:18px;letter-spacing:-.5px;margin-bottom:10px}.mode-options b span{float:right;color:var(--accent);margin-left:30px}.mode-options small{display:block;color:#a6b59b;font-size:11px;font-weight:400}.mode-orbit{position:absolute;width:300px;height:300px;border:1px solid #75885a66;border-radius:50%;right:8%;display:flex;align-items:center;justify-content:center;transform:rotate(-12deg);box-shadow:0 0 0 35px #75885a0b,0 0 0 70px #75885a0b}.mode-orbit b{font-size:95px;font-style:italic;color:#edebd880;letter-spacing:-8px}.mode-orbit span{position:absolute;padding:18px;border:1px solid #9db185;background:#23311e;color:#d1e5b3;font:700 24px monospace;border-radius:12px}.mode-orbit span:first-child{left:-25px;top:30px;color:var(--accent);border-color:var(--accent)}.mode-orbit span:last-child{right:-25px;bottom:25px;color:#bba0ee;border-color:#bba0ee}.setup-content{height:100%;max-width:540px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}.setup-content>p{margin:0 0 10px}.setup-content>.back-button{position:absolute;top:22px;left:25px}.setup-content>.primary{margin:10px 0;min-width:220px;padding:14px 25px}.play-page .back-button{border-color:transparent;background:transparent;color:#c2cdb8}.count-options{display:flex;gap:14px;margin:12px 0}.play-page .count-options button{width:76px;height:76px;font-size:35px;border-color:#6a7b58}.play-page .count-options button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#14200f}.game-screen .menu-note{font-size:11px;max-width:360px}.join-divider{font:10px monospace;color:#8da47b;margin:8px 0;letter-spacing:2px}.join-form{display:flex;gap:10px}.join-form input{font:700 19px monospace;color:#f3f4e8;background:#10170f;border:1px solid #7a8c66;border-radius:5px;width:170px;letter-spacing:4px;padding:12px 16px;text-transform:uppercase}.game-screen .menu-notice{font-size:12px;min-height:18px;color:#f5cc91;line-height:1.4;margin:10px 0 0}.lobby-screen{display:flex;flex-direction:column;gap:12px;padding:22px 26px}.lobby-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.lobby-top h2{font-size:28px;margin:6px 0}.lobby-top>div:last-child{display:flex;gap:5px}.player-seats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.play-page .seat{min-width:0;padding:9px 11px;text-align:left;border:1px solid #43513b;background:#1a2416;color:#d6dfca;border-top:3px solid var(--seat-color);border-radius:5px;font-size:11px}.seat span,.seat strong,.seat small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat span{font:9px monospace;letter-spacing:1px;color:var(--seat-color)}.seat strong{font-size:14px;margin:5px 0}.seat small{font:10px monospace;font-weight:400;color:#a7b59c}.play-page .seat.selected{background:#33422a;border-color:var(--seat-color)}.play-page .seat.vacant{opacity:.4;border-style:dashed}.seat .binding{margin-top:5px;color:#dce5d0;font-size:9px}.roster-heading{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#d7e2ca}.roster-heading>span:last-child{font:9px monospace;color:#8b9d7d;letter-spacing:1px}.fighter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;min-height:0}.play-page .fighter-tile{position:relative;padding:0 6px 6px;border-color:#43523a;background:#202b19;overflow:hidden}.fighter-tile svg{width:100%;height:66px;display:block;margin:auto}.fighter-tile strong{font-size:11px;font-weight:700;display:block;white-space:nowrap}.play-page .fighter-tile.picked{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#3f3d21}.fighter-tile .pick-mark{position:absolute;top:5px;right:5px;background:var(--accent);border-radius:3px;color:#15200f;padding:2px 4px;font:9px monospace}.lobby-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.lobby-bottom>p{font-size:11px;max-width:55%;margin:0}.lobby-bottom>div{display:flex;gap:8px}.lobby-screen>.menu-notice{margin:0;font-size:11px;min-height:15px}.lobby-top .eyebrow{font-size:10px}.pause-screen,.result-screen{background:#10180fed}.result-screen h2{max-width:500px}.match-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.match-footer #message{margin:0;text-align:left;line-height:1.5}.play-page .hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.play-page .fighter-card{display:block;padding:12px 15px;border:1px solid #3f4d37;border-left:3px solid var(--seat-color)}.fighter-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.fighter-card strong{font-size:14px}.fighter-card .damage{font-size:25px}.fighter-card .meter{width:100%}.fighter-card .player-label{font:10px monospace;color:var(--seat-color);margin-bottom:7px}.fighter-card .stocks{font-size:11px;color:var(--muted)}.fighter-card small{font-size:10px;min-height:12px}.controls-panel{border:1px solid #3c4a34;border-radius:6px;padding:20px;margin-top:15px;font-size:12px;line-height:1.8;color:#aebe9f}.controls-panel h3{font-size:16px;color:var(--ink)}.controls-panel p{margin:10px 0}.control-line{margin:7px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.arena-wrap:fullscreen{display:block;width:100vw;height:100vh}.arena-wrap:fullscreen>canvas{width:100%;height:100%;object-fit:contain;max-height:none}.arena-wrap:fullscreen .game-screen{padding:4vh 6vw}.arena-wrap:fullscreen .fighter-tile svg{height:12vh}.arena-wrap:fullscreen .lobby-screen{justify-content:center;gap:2vh}.arena-wrap:fullscreen .mode-content h2{font-size:clamp(60px,9vw,140px)}@media(max-width:1000px){.mode-orbit{width:220px;height:220px;right:7%}.mode-orbit b{font-size:70px}.mode-options{gap:8px}.play-page .mode-options button{min-width:150px;padding:14px}.lobby-screen{padding:16px 20px;gap:9px}.fighter-tile svg{height:54px}.lobby-top h2{font-size:24px}.lobby-bottom>p{font-size:10px}.play-page .seat{padding:7px 9px}.seat strong{font-size:12px}.game-screen .menu-notice{font-size:10px}}@media(max-width:750px){.game-shell{padding:16px 12px}.play-page nav{padding:18px}.play-page nav>span{display:none}.game-tools{gap:7px}.game-tools>span{font-size:9px;max-width:100px}.game-top h1{font-size:24px}.game-top .eyebrow{font-size:9px}.game-tools button{font-size:10px;padding:9px}.arena-wrap{min-height:560px}.arena-wrap>canvas{position:absolute;top:50%;transform:translateY(-50%)}.game-screen{padding:25px 20px}.mode-content{max-width:100%;width:100%}.mode-content h2{font-size:65px}.mode-orbit{display:none}.mode-options{flex-direction:column;max-width:100%}.play-page .mode-options button{padding:16px;width:100%;max-width:370px}.mode-options button b{font-size:19px;margin-bottom:5px}.mode-options small{font-size:12px}.player-seats{grid-template-columns:repeat(2,1fr)}.fighter-grid{grid-template-columns:repeat(4,1fr)}.fighter-tile svg{height:52px}.lobby-screen{gap:10px}.lobby-top h2{font-size:23px}.lobby-top button{padding:7px 9px;font-size:10px}.roster-heading>span:last-child{display:none}.lobby-bottom{display:block}.lobby-bottom>p{max-width:100%;margin-bottom:10px}.lobby-bottom>div{justify-content:flex-end}.play-page .hud{grid-template-columns:repeat(2,minmax(0,1fr))}.match-footer{align-items:start}.match-footer button{white-space:nowrap;font-size:10px}.match-footer p{font-size:11px}.setup-content h2{font-size:34px}.lobby-top .eyebrow{font-size:9px}.fighter-tile strong{font-size:10px}.seat strong{margin:4px 0}.game-screen .menu-notice{margin-top:5px}.arena-wrap:fullscreen{min-height:0}.arena-wrap:fullscreen>canvas{position:absolute;top:0;transform:none}.arena-wrap:fullscreen .fighter-grid{grid-template-columns:repeat(6,1fr)}.arena-wrap:fullscreen .player-seats{grid-template-columns:repeat(4,1fr)}}

.binding-row{display:flex;gap:6px;flex-wrap:wrap}.play-page .binding-row button{font-size:9px;padding:5px 8px;border-style:dashed}.lobby-screen:has(.binding-row:not([hidden])) .fighter-tile svg{height:52px}