.game-editor .editor-head{flex-wrap:wrap;gap:.6rem}.home-account-links{display:flex;justify-content:flex-end;gap:1rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap}.home-account-links a{padding:.4rem 0}.account-dialog{width:min(440px,90vw)}.creation-dialog{color:#f2f2f6;background:#171c2b;border:1px solid #66728b;border-radius:14px;padding:1.5rem;width:min(480px,90vw);max-height:85vh;overflow:auto}.creation-dialog::backdrop{background:#050815b8}.creation-dialog label{display:grid;gap:.35rem;margin:.8rem 0}.creation-dialog h2{color:#e8cc92}.arena-footprint{pointer-events:none;fill:none;stroke:#efc775;stroke-width:.09;stroke-dasharray:.2 .1}.arena-hover{pointer-events:none;fill:#ffffff25;stroke:#fff;stroke-width:.06}.game-editor nav{padding:.7rem 0;border-bottom:1px solid #576176;margin-bottom:1rem}.game-editor fieldset{border:1px solid #576176;border-radius:8px;padding:.8rem;margin:.6rem 0}.game-editor legend{padding:0 .4rem;color:#e8cc92}.game-editor fieldset>label{display:flex;gap:.7rem;align-items:center;margin:.4rem 0;justify-content:space-between}.game-editor input[type=number]{width:6rem}.game-editor .saved-boards li{flex-wrap:wrap;gap:.5rem}.game-editor .saved-boards strong{flex:1}.arena-grid{width:100%;max-height:65vh;background:#182333;touch-action:manipulation}.arena-grid [role=button]{cursor:crosshair}.arena-grid [role=button]:hover rect,.arena-grid [role=button]:focus rect{stroke:#fff;stroke-width:.12}.arena-preview{width:100%;height:55vh;min-height:320px;touch-action:none}.block-palette,.spell-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.block-palette button{text-transform:capitalize;text-align:left}.character-list{display:flex;flex-direction:column;gap:.35rem}.character-list button{display:flex;align-items:center;text-align:left;min-height:48px}.character-list img{width:48px;height:48px;object-fit:contain;margin-right:.6rem}.character-fields{min-width:0}.editor-notice{padding:.8rem;border-left:3px solid #ddbd76;background:#243142}.game-editor .editor-canvas .cell.has-arena{stroke:#48d9d2;stroke-width:2.5px}.game-editor input:not([type=checkbox]):not([type=color]),.game-editor select{background:#242b3b;color:#f2f2f6;border:1px solid #566073;border-radius:6px;padding:.45rem;max-width:100%}@media(max-width:760px){.game-editor .editor-body{display:flex;flex-direction:column}.game-editor .editor-side-panel{width:100%;max-height:none}.character-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.game-editor .menu-actions{flex-wrap:wrap}}:root{color-scheme:dark;--bg: #0b0f1a;--panel: rgba(12, 16, 30, .72);--panel-border: rgba(255, 255, 255, .12);--text: #e8ecf5;--muted: #9aa4bd;--accent: #f2d27a;--accent-2: #5b7cff;--ok: #58d68d;--warn: #f5b041;--bad: #ec7063;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.account-panel{max-width:560px}.account-panel form{display:grid;gap:14px;margin:20px 0}.account-panel label{display:grid;gap:7px;font-size:14px}.account-panel input{padding:12px;border:1px solid #536079;border-radius:6px;background:#111827;color:#e8ecf5;font:inherit;width:100%}.account-panel .consent{display:flex;align-items:start;line-height:1.5}.account-panel .consent input{width:auto;margin-top:4px}.account-links{display:flex;flex-wrap:wrap;gap:8px}.account-panel [role=alert]{color:#ffb4aa}.account-panel [role=status]{color:#a3e6c0}.leaderboard{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}.leaderboard th,.leaderboard td{padding:10px 6px;text-align:left;border-bottom:1px solid #394256}.leaderboard th{color:#f2d27a}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden}canvas.scene{display:block;width:100%;height:100%;outline:none;touch-action:none}.overlay{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.panel{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:14px 18px;backdrop-filter:blur(10px);max-width:360px}.title{margin:0;font-size:1.6rem;letter-spacing:.12em;font-weight:700;color:var(--accent)}.subtitle{margin:2px 0 12px;color:var(--muted);font-size:.9rem}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.pill{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:#ffffff0f;font-size:.85rem}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}button.primary{pointer-events:auto;font:inherit;font-weight:600;padding:10px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,var(--accent-2),#8a5bff);color:#fff;cursor:pointer}button.primary:disabled{opacity:.45;cursor:not-allowed}.hint{color:var(--muted);font-size:.8rem;margin-top:8px}.footer{pointer-events:none;align-self:flex-end;color:var(--muted);font-size:.75rem}@media(max-width:480px){.panel{max-width:100%}}.overlay{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px}.top-bar{display:flex;width:100%;justify-content:space-between;align-items:flex-start;gap:16px;pointer-events:none}.column{display:flex;flex-direction:column;gap:12px;max-width:380px;pointer-events:none}.column.right{position:absolute;right:16px;bottom:16px;align-items:flex-end}.panel.compact{padding:10px 14px}.turn{font-size:1.25rem;font-weight:700;letter-spacing:.04em}.luminosity{display:inline-flex;gap:4px;align-items:center;padding:4px 8px;border-radius:999px;background:#ffffff0f}.lum{width:12px;height:12px;border-radius:50%;border:2px solid transparent}.lum[data-phase="0"]{background:#152366}.lum[data-phase="1"]{background:#2c46b8}.lum[data-phase="2"]{background:#7d5fb3}.lum[data-phase="3"]{background:#b58fbf}.lum[data-phase="4"]{background:#dcc3a0}.lum[data-phase="5"]{background:#ecd57f}.lum.active{border-color:#fff}.event{margin:8px 0 0;font-size:.9rem;animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.card{margin-bottom:6px}button,select{pointer-events:auto;font:inherit;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--text);cursor:pointer}button:disabled,select:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,.pad-focus{outline:3px solid rgba(255,224,140,.95);outline-offset:2px;box-shadow:0 0 12px #ffc85a99}.spells{gap:6px}@media(max-width:720px){.top-bar{gap:8px}.column.right{align-items:stretch}}.persistent-controls{position:fixed;top:12px;right:16px;z-index:100;display:flex;align-items:flex-start;gap:8px;pointer-events:none}.screen-root{position:fixed;inset:0;pointer-events:none}.screen-root>.menu,.screen-root>.online-banner{pointer-events:auto}.floating-page-source{background:#0c1020;pointer-events:auto}.floating-page-source .menu{padding-top:150px;padding-bottom:55px;background:#0c1020}.floating-page-source .persistent-controls{z-index:1000}.xr-page-tools{position:fixed;bottom:6px;left:12px;right:12px;z-index:900;display:flex;justify-content:center;gap:12px;pointer-events:auto}.xr-input-panel{position:fixed;inset:auto 2% 55px;max-height:60%;overflow:auto;background:#17202c;border:2px solid #d9bb79;padding:12px;z-index:950;pointer-events:auto}.xr-input-panel button{margin:3px;min-width:36px;min-height:36px}.xr-input-panel output{display:block;overflow-wrap:anywhere;margin:8px}.persistent-controls .vr-toggle{pointer-events:auto;margin-top:14px;color:#fff;background:#17202c;min-width:44px;min-height:44px}.persistent-controls .vr-toggle.active{color:#ffe34a}.persistent-controls [role=alert]{background:#17202c;color:#fff;max-width:220px}.radio-controls{--radio-width: 48px;--radio-height: 16px;--radio-gap: 4px;--radio-font: .42rem;width:calc(var(--radio-width) * 3 + var(--radio-gap) * 2);display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:6px 4px;pointer-events:none}.radio-controls:not(.settings-radio){padding-top:14px}.radio-buttons{display:grid;grid-template-columns:repeat(3,var(--radio-width));gap:var(--radio-gap);pointer-events:auto}.radio-button{width:var(--radio-width);height:var(--radio-height);min-width:0;padding:0 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:5px;border:1px solid rgba(255,255,255,.5);background:linear-gradient(#e2e2de,#c3c3bd);color:#3a3a36;box-shadow:inset 0 1px #ffffffa6;font-size:var(--radio-font);font-weight:750;letter-spacing:.055em;line-height:1;white-space:nowrap;text-overflow:ellipsis;transition:background .15s ease,box-shadow .15s ease}.radio-button span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.radio-button.selected{background:linear-gradient(#b9f0a5,#8fd97a);color:#15300d;box-shadow:inset 0 1px #ffffffbf,0 0 10px 2px #96f0788c}.radio-button.out{background:linear-gradient(#c49090,#9d7474);color:#3a2a2ab8}.radio-button small{margin-top:0;font-size:.3rem;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.radio-button:focus-visible,.audio-volume input:focus-visible{outline:2px solid white;outline-offset:2px}.audio-volume{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:4px;width:100%;height:14px;pointer-events:auto}.audio-volume-label{color:#ffffffb8;font-size:.39rem;font-weight:750;letter-spacing:.08em}.audio-volume input{width:100%;margin:0;accent-color:#9be786}.audio-volume.muted{filter:grayscale(1);opacity:.48}.settings-radio{--radio-width: 96px;--radio-height: 32px;--radio-gap: 8px;--radio-font: .65rem;width:100%;padding:0}.settings-radio .menu-label{margin-bottom:2px}.settings-radio .radio-buttons,.settings-radio .audio-volume{align-self:flex-start}.settings-radio .audio-volume{grid-template-columns:54px minmax(120px,288px) 48px;height:24px}.settings-radio .audio-volume-label{font-size:.75rem;letter-spacing:normal}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.audio-toggle{display:none}:root{--floating-controls-clearance: 124px;--floating-controls-width: 152px}.screen-root:not(.floating-page-source)>.menu{padding-top:var(--floating-controls-clearance)}@media(max-width:560px){:root{--floating-controls-clearance: 84px;--floating-controls-width: 64px}.screen-root:not(.floating-page-source) .persistent-audio{position:relative;pointer-events:auto}.screen-root:not(.floating-page-source) .audio-toggle{display:block;min-width:64px;min-height:44px;color:#fff;background:#17202c}.screen-root:not(.floating-page-source) .persistent-audio:not([data-open=true]) .audio-panel{display:none}.screen-root:not(.floating-page-source) .audio-panel{position:fixed;top:64px;right:16px;width:min(288px,calc(100vw - 32px));max-height:calc(100dvh - 80px);overflow:auto;padding:12px;border:1px solid #667080;border-radius:12px;background:#17202c;box-shadow:0 8px 24px #0008}.screen-root:not(.floating-page-source) .audio-panel .radio-controls{--radio-width: 1fr;--radio-height: 44px;--radio-gap: 8px;--radio-font: .65rem;width:100%;padding:0}.screen-root:not(.floating-page-source) .audio-panel .radio-button{width:100%}.screen-root:not(.floating-page-source) .audio-panel .audio-volume{grid-template-columns:48px minmax(0,1fr);height:44px}.screen-root:not(.floating-page-source) .audio-panel .audio-volume-label{font-size:.65rem}.screen-root:not(.floating-page-source) .audio-panel input{min-height:44px}}@media(prefers-reduced-motion:reduce){.radio-button{transition:none}}.overlay.battle{justify-content:flex-start;padding-right:calc(var(--floating-controls-width) + 32px)}.overlay.battle .column{max-width:none;align-items:flex-start}.panel.battle-hud{max-width:none;padding:8px 12px}.panel.battle-hud .hud-row{margin-top:0;gap:6px}.panel.battle-hud .pill{padding:3px 8px;font-size:.78rem}.panel.battle-hud button{padding:6px 12px;font-size:.8rem}.panel.battle-hud .hint{margin-top:4px}.panel.battle-hud .hud-handle{padding:6px 10px;font-size:.72rem;opacity:.8}.panel.battle-hud.folded{padding:4px 6px}.panel.battle-hud .outcome{margin-top:6px;font-size:1.1rem}.crosshair{position:fixed;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 2px #00000059;pointer-events:none}.outcome{margin:12px 0 0;font-size:1.4rem;font-weight:700;color:var(--accent);animation:fade-in .4s ease-out}.hint.warn{color:var(--warn)}.plate{pointer-events:auto;padding:6px 4px;text-shadow:0 2px 8px rgba(0,0,0,.7)}.plate .subtitle{margin-bottom:8px}.footer{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.footer .pill{pointer-events:auto}.version{color:var(--muted);font-size:.75rem;text-shadow:0 1px 4px rgba(0,0,0,.7)}.menu{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#080b1659,#050810c7);backdrop-filter:blur(3px);overflow:auto}.menu-card{width:min(100%,560px);max-height:100%;overflow:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:24px 26px 16px;backdrop-filter:blur(12px);box-shadow:0 24px 60px #0000008c}.menu-card.rule-card{width:min(100%,1040px);padding:20px 24px}.rule-book{line-height:1.45}.rule-book-head{position:sticky;top:-20px;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 0 12px;background:var(--panel)}.rule-index{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.rule-index a{padding:6px 10px;border:1px solid var(--panel-border);border-radius:8px;color:var(--accent)}.rule-book section{scroll-margin-top:90px;padding:12px 0;border-top:1px solid rgba(255,255,255,.1)}.rule-book h3,.rule-book h4{color:var(--accent)}.rule-book h3{margin:0 0 8px}.rule-character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:10px}.rule-character{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#00000029}.rule-character h3,.rule-character p{margin:0 0 6px}.rule-character-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rule-character-portrait{display:grid;place-items:center;flex:0 0 72px;height:80px;border:1px solid var(--panel-border);border-radius:8px;background:#17202c;color:var(--accent);font-size:1.5rem}.rule-character-portrait img{width:72px;height:80px;object-fit:contain}.rule-character-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}.rule-character-stats div{padding:8px;border-radius:6px;background:#ffffff0a}.rule-character dt{color:var(--muted);font-size:.85rem}.rule-character dd{margin:0}.rule-character-stats dd{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums}.rule-character-details{display:grid;grid-template-columns:100px minmax(0,1fr);gap:6px 10px;font-size:.9rem;margin:0 0 16px}.rule-character-details dd{overflow-wrap:anywhere}.rule-level-scroll{overflow-x:auto}.rule-levels{width:100%;min-width:390px;border-collapse:collapse;font-size:.8rem;font-variant-numeric:tabular-nums}.rule-levels caption{text-align:left;padding-bottom:8px;font-weight:600}.rule-levels th,.rule-levels td{padding:7px 5px;text-align:right;border-bottom:1px solid var(--panel-border);white-space:nowrap}.rule-levels th:first-child{text-align:left}.rule-levels thead,.rule-levels tbody tr:nth-child(odd){background:#ffffff0a}@media(max-width:600px){.menu-card.rule-card{padding:14px}.rule-book-head{top:-14px;padding-top:14px}.rule-character-grid{grid-template-columns:1fr}}.menu-card .title{font-size:2.2rem}.menu-heading{margin:0 0 14px;font-size:1.3rem;letter-spacing:.06em;color:var(--accent)}.menu-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:16px}.menu-buttons button{padding:12px 16px;font-weight:600;font-size:1rem}.menu-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0;border-top:1px solid rgba(255,255,255,.06)}.menu-row:first-of-type{border-top:none}.menu-label{display:inline-flex;align-items:center;gap:8px;min-width:110px;color:var(--muted);font-size:.9rem}.menu-value{flex:1}.menu-text{margin:0 0 8px;line-height:1.45}.swatch{width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.25)}.choice{display:inline-flex;gap:2px;padding:2px;border-radius:10px;background:#ffffff0f}.choice button{border:1px solid transparent;background:transparent;padding:6px 12px}.choice button.active{background:#f2d27a2e;border-color:#f2d27a80;color:var(--accent)}.menu-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.menu-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.board-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.board-card{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px 14px;border-radius:12px}.board-list li.active .board-card{border-color:#f2d27a80;background:#f2d27a1a}.muted{color:var(--muted);font-size:.85rem}.small{font-size:.78rem}input.code{font:inherit;font-size:1.2rem;letter-spacing:.3em;text-transform:uppercase;width:9em;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--text)}.menu-card.editor-card{width:min(100%,1180px)}.editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.editor-head .menu-heading{margin-bottom:0}.editor-head .menu-actions{margin-top:0;flex-wrap:wrap}.editor-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;margin-top:14px}@media(max-width:900px){.editor-body{grid-template-columns:1fr}}.editor-stage{min-width:0}.editor-canvas{display:block;width:100%;max-height:68vh;border-radius:10px;background:#00000040;padding:6px}.editor-canvas .cell{stroke:#0000008c;stroke-width:1;cursor:pointer}.editor-canvas .cell:hover{stroke:#fff;stroke-width:2}.editor-canvas .cell.void{stroke:#fff3;stroke-dasharray:3 3}.editor-canvas .cell.picked{stroke:var(--accent);stroke-width:3}.editor-canvas .power-point{fill:none;stroke-width:3;pointer-events:none}.editor-canvas .board-outline{fill:none;stroke:#ffffff8c;stroke-width:2;pointer-events:none}.editor-canvas .wall{stroke:#ffb347;stroke-width:5;stroke-linecap:round;pointer-events:none}.editor-canvas .piece{pointer-events:none}.editor-canvas .piece circle{stroke:#0009;stroke-width:1.5}.editor-canvas .piece text{font-weight:700;font-family:inherit}.editor-status{min-height:2.2em}.problems{margin:8px 0 0;padding-left:18px;color:var(--warn);font-size:.85rem}.hint.ok{color:var(--ok)}.editor-side-panel{display:flex;flex-direction:column;gap:12px;min-width:0}.editor-section{padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.editor-section h3{margin:0 0 8px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.editor-field{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 0}.editor-field>span:first-child{min-width:78px;color:var(--muted);font-size:.85rem}.editor-field input:not([type=color]):not(.size),.editor-side input:not([type=color]){flex:1;min-width:0;font:inherit;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--text)}input.size{width:4.2em;font:inherit;padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--text)}input[type=color]{width:32px;height:28px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:transparent;cursor:pointer}.editor-field .choice{flex-wrap:wrap}.editor-field .choice button{display:inline-flex;align-items:center;gap:6px;padding:5px 10px}.swatch.cell-L{background:#ecd57f}.swatch.cell-D{background:#2c46b8}.swatch.cell-cycling{background:#7d5fb3}.swatch.cell-void{background:transparent;border-style:dashed}.editor-side{display:flex;align-items:center;gap:8px;padding:3px 0}.editor-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.editor-row .hint{margin-top:0}.editor-new{margin-top:12px;padding:10px 12px;border-radius:12px;background:#f2d27a14;border:1px solid rgba(242,210,122,.3)}.editor-new .menu-actions{margin-top:8px}.saved-boards{list-style:none;margin:0;padding:0;display:grid;gap:6px}.saved-boards li{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:#ffffff0a}.saved-boards li.active{border:1px solid rgba(242,210,122,.5)}.saved-boards .saved-name{flex:1;display:flex;flex-direction:column;min-width:0}.saved-boards button{padding:4px 8px;font-size:.8rem}.cloud-library .saved-boards li{flex-wrap:wrap}.cloud-library .saved-boards li>span{flex-basis:100%;min-width:0;overflow-wrap:anywhere}.board-section{margin:12px 0 6px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.slider{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.slider input[type=range]{width:120px;accent-color:var(--accent)}.slider-value{min-width:3.2em;color:var(--text);text-align:right}button.active{border-color:#f2d27a80;background:#f2d27a2e;color:var(--accent)}.code-display{margin:4px 0 6px;font-size:2.2rem;font-weight:700;letter-spacing:.35em;text-align:center;color:var(--accent)}.lobby{list-style:none;margin:8px 0 0;padding:0}input.name,.menu-select{font:inherit;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--text)}.menu-select option{color:#111}.online-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:999px;background:#0c101ed9;border:1px solid rgba(255,255,255,.15);color:var(--text);font-size:.9rem;box-shadow:0 8px 24px #00000073}.online-banner.over{border-color:#f2d27a80}.replay-list{list-style:none;margin:8px 0 0;padding:0}.replay-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.replay-list li:first-child{border-top:none}.replay-title{font-weight:600}.replay-meta{color:var(--muted);font-size:.85rem}.online-banner.replay{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 32px)}.online-banner .choice button{padding:4px 10px}.seat-row{align-items:center}.seat-ai{display:inline-flex;gap:6px;flex-wrap:wrap}.check{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text)}.check input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.menu-buttons button .button-hint{display:block;font-size:.75rem;font-weight:400;opacity:.75;margin-top:.15rem}.plate.guide{max-width:420px}.plate.guide h2{margin:0 0 4px;font-size:1rem;letter-spacing:.04em;color:var(--accent)}.plate.guide p{margin:0 0 10px;line-height:1.35}.confirm{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:#050810b8;backdrop-filter:blur(2px);z-index:10}.confirm-card{width:min(100%,360px);background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:20px;text-align:center}.settings-dialog{width:min(100%,560px);max-height:min(86vh,760px);overflow-y:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:24px 26px 16px;box-shadow:0 24px 60px #0000008c}.settings-dialog:focus-visible{outline:none}.confirm-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.confirm-actions button{min-width:108px}button.danger{border-color:#a5433a;background:linear-gradient(180deg,#7d2f28,#5d221d);color:#ffe9e6}button.danger:hover:not(:disabled){background:linear-gradient(180deg,#92382f,#6d2822)}button.danger:active:not(:disabled){transform:translateY(1px)}.touch-controls{position:fixed;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 16px max(16px,env(safe-area-inset-bottom)) 16px;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;z-index:8}.touch-stick-zone{position:relative;flex:1 1 0;max-width:50vw;height:min(46vh,320px);pointer-events:auto;touch-action:none}.touch-stick-ring{position:absolute;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid rgba(236,213,127,.35);background:#080b1659;opacity:.45;transition:opacity .12s ease-out;pointer-events:none}.touch-stick-zone.held .touch-stick-ring{opacity:1}.touch-stick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;border:1px solid rgba(236,213,127,.6);background:#ecd57f47;pointer-events:none}.touch-buttons{display:flex;align-items:flex-end;gap:14px;pointer-events:auto;touch-action:none}.touch-button{display:grid;place-items:center;border-radius:50%;border:1px solid var(--panel-border);background:#080b168c;color:var(--text);font:inherit;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;touch-action:none}.touch-button.touch-attack{width:96px;height:96px;border-color:#a5433acc;background:#7d2f288c;color:#ffe9e6}.touch-button.touch-dash{width:68px;height:68px;margin-bottom:14px}.touch-button.held{transform:scale(.94);border-color:#ecd57fe6;background:#ecd57f4d}@media(max-height:460px){.touch-stick-zone{height:62vh}.touch-button.touch-attack{width:76px;height:76px}.touch-button.touch-dash{width:56px;height:56px}}.card-battle{position:fixed;inset:0;z-index:40;display:grid;place-items:center;color:#fff8dc;background:radial-gradient(circle,#132f1cc7,#040806f0)}.card-arena{width:min(1100px,96vw);text-align:center}.card-arena-title{font:700 clamp(22px,3vw,38px) Georgia,serif;letter-spacing:.16em}.card-hex-board{position:absolute;left:50%;top:46%;width:340px;height:300px;transform:translate(-50%,-50%);opacity:.52}.card-hex{position:absolute;width:60px;height:68px;background:#397a3f;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);border:1px solid #a9d58a}.main-cards{position:relative;z-index:1;display:flex;justify-content:space-between;gap:30px;margin:30px auto 20px;max-width:900px}.battle-card{border:2px solid #b89855;border-radius:7px;background:linear-gradient(#372a1c,#17120d);box-shadow:0 8px 24px #000a}.main-card{width:190px;padding:12px}.card-portrait{height:170px;display:grid;place-items:center;overflow:hidden;background:#0f1912;font-size:64px}.card-portrait img{width:100%;height:100%;object-fit:contain}.card-portrait.small{height:88px;font-size:34px}.battle-card h2,.battle-card p{margin:7px 0}.battle-card small{display:block;margin-top:6px;text-transform:capitalize}.card-hand{position:relative;z-index:2;padding:12px;background:#10140ee8;border:1px solid #7f9a6c}.card-hand h2{margin:0 0 10px}.card-hand h2 small{font-size:.55em;font-weight:400}.support-cards{display:flex;justify-content:center;align-items:stretch;gap:10px;flex-wrap:wrap}.support-card{width:130px;padding:8px}.support-card>strong{display:block;min-height:38px}.support-card button,.no-support{margin-top:6px;text-transform:capitalize}.water-roles{display:grid;gap:3px}.card-reveal{position:relative;z-index:2;display:inline-block;padding:10px 20px;background:#10140eeb}.muster-panel{width:min(760px,92vw);padding:28px;text-align:center;border:2px solid #829e6c;background:#10140ef2}.muster-card{width:140px;padding:9px;color:inherit}.muster-card .card-portrait{display:block}@media(max-width:650px){.card-hex-board{transform:translate(-50%,-50%) scale(.72)}.main-card{width:145px}.card-portrait{height:120px}.support-card{width:105px}}.gamepad-monitor{margin-top:6px}.gamepad-reading{padding:8px 12px;border:1px solid var(--panel-border);border-radius:10px}.gamepad-reading .menu-text{margin:0 0 4px;word-break:break-word}