:root{--bg-deep:#060e26;--bg-mid:#0b1b47;--bg-elevated:#13295f;--border:#26448d;--border-bright:#3d63bd;--text:#eaf3ff;--text-muted:#a6bee6;--accent:#3fd7ff;--accent-dim:#1c66df;--accent-glow:#3fd7ff66;--accent-warm:#ffca31;--accent-warm-dim:#ef8f00;--danger:#f87171;--success:#4ade80;--hud-surface:#0f2252;--hud-border:#2e4f9f;--panel-cream:#f8fafc}body{background:radial-gradient(ellipse 120% 75% at 60% -20%, #3fd7ff29 0%, transparent 56%), radial-gradient(circle at 8% 8%, #ffca311f 0%, transparent 34%), linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-mid) 46%, #08163a 100%);color:var(--text);min-height:100dvh;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0);margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,sans-serif;overflow-x:hidden}.app{max-width:1280px;margin:0 auto;padding:16px 12px 28px;position:relative}.app-locale-row{justify-content:flex-end;margin-bottom:8px;display:flex}.lang-switcher{align-items:center;gap:8px;display:flex}.lang-switcher-label{color:var(--text-muted);font-size:13px;font-weight:600}.lang-switcher-select{background:var(--bg-elevated);border:1px solid var(--border-bright);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:13px}.app.app--in-match{max-width:1360px;padding-left:max(8px, env(safe-area-inset-left,0px));padding-right:max(8px, env(safe-area-inset-right,0px))}.app-header{margin:0 0 10px}.app-brand{align-items:center;margin:0;display:flex}.app-brand-logo{filter:drop-shadow(0 8px 18px #00000059);width:clamp(180px,32vw,360px);height:auto;display:block}button.app-brand--home{appearance:none;cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;border-radius:12px;padding:0;transition:opacity .15s,transform .15s}button.app-brand--home:hover{opacity:.92}button.app-brand--home:focus-visible{outline:2px solid var(--accent,#6cf);outline-offset:4px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.toolbar input[type=text]{background:var(--bg-elevated);border:1px solid var(--border-bright);color:var(--text);border-radius:8px;min-width:8rem;padding:8px 12px}.toolbar input[type=text]::placeholder{color:var(--text-muted)}.toolbar button{background:linear-gradient(180deg, var(--accent-warm) 0%, var(--accent-warm-dim) 100%);color:#13295f;cursor:pointer;border:1px solid #ffb300;border-radius:8px;padding:8px 16px;font-weight:700;box-shadow:0 0 0 1px #ffb30059}.toolbar button:hover{filter:brightness(1.08);transform:translateY(-1px)}.home-lobby{margin-bottom:16px}.home-lobby__grid{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;max-width:640px;display:flex}.home-panel{background:linear-gradient(145deg,#1e3a8a59 0%,#0f172ab8 48%,#08163ae0 100%);border:1px solid #3d63bd8c;border-radius:16px;padding:18px 20px;box-shadow:inset 0 1px #ffffff0f,0 18px 40px #00000047}.home-panel__title{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:.82rem;font-weight:800}.home-panel__lead{color:var(--text-muted);margin:0 0 14px;font-size:14px;line-height:1.55}.home-panel__lead--inline{margin-bottom:10px}.home-field{flex-direction:column;gap:6px;display:flex}.home-field__label{color:var(--text-muted);font-size:13px;font-weight:600}.home-field__input{box-sizing:border-box;border:1px solid var(--border-bright);width:100%;color:var(--text);background:#0f2252d9;border-radius:12px;outline:none;padding:12px 14px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.home-field__input::placeholder{color:#a6bee6a6}.home-field__input:hover{border-color:#3fd7ff73}.home-field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.home-field__input--mono{font-variant-numeric:tabular-nums;letter-spacing:.04em}.home-layout-radios{flex-wrap:wrap;gap:10px;display:flex}.home-layout-radios__option{cursor:pointer;color:var(--text);background:#060e2673;border:1px solid #3d63bd73;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.home-layout-radios__option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.home-layout-radios__option:has(input:checked){background:#3fd7ff1a;border-color:#3fd7ffa6;box-shadow:0 0 0 1px #3fd7ff33}.home-layout-radios__option input{accent-color:var(--accent);width:1rem;height:1rem}.home-room-meta{color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:0;font-size:14px;line-height:1.5;display:flex}.home-room-meta__label{color:var(--text);font-weight:700}.home-room-meta__value{color:var(--accent);font-weight:800}.home-room-meta__badge{color:var(--accent);background:#3fd7ff1f;border:1px solid #3fd7ff59;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.home-play-create{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.home-play-join__row{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.home-play-join__row .home-field__input{flex:1;min-width:8rem}.home-play-join__row .home-btn{flex-shrink:0}.home-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:800;transition:filter .15s,transform .15s,opacity .15s}.home-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.home-btn--primary{background:linear-gradient(180deg, var(--accent-warm) 0%, var(--accent-warm-dim) 100%);color:#0f172a;border-color:#ffb300;box-shadow:0 0 0 1px #ffb30059}.home-btn--primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.home-btn--ghost{color:var(--accent);border-color:var(--border-bright);background:#0f225299;font-weight:700}.home-btn--ghost:hover:not(:disabled){filter:brightness(1.08);border-color:#3fd7ff8c}.home-dev-tools{background:#02061759;border:1px dashed #94a3b859;border-radius:12px;max-width:640px;margin-top:12px;padding:12px 14px}.home-dev-tools__row{color:var(--text-muted);align-items:center;gap:10px;font-size:13px;display:flex}.home-dev-tools__row--buttons{flex-wrap:wrap;gap:8px;margin-top:10px}.home-room-browser{box-sizing:border-box;background:linear-gradient(145deg,#1e3a8a47 0%,#0f172aa6 50%,#08163ad1 100%);border:1px solid #3d63bd8c;border-radius:16px;width:100%;max-width:640px;margin:0 0 16px;padding:18px 20px;box-shadow:inset 0 1px #ffffff0d,0 14px 36px #00000038}.home-room-browser__section{margin-bottom:18px}.home-room-browser__section:last-child{margin-bottom:0}.home-room-browser__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.home-room-browser__title{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.82rem;font-weight:800}.home-room-browser__lead{color:var(--text-muted);margin:8px 0 12px;font-size:14px}.home-room-browser__empty{color:var(--text-muted);margin:8px 0 0;font-size:14px}.home-room-browser__list{margin:8px 0 0;padding:0;list-style:none}.open-room-row{border-bottom:1px solid #94a3b833;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 0;display:flex}.open-room-row:last-child{border-bottom:none}.home-room-browser__list--continue{margin-top:4px}.continue-last-row{border-bottom:1px solid #94a3b833;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 0;display:flex}.continue-last-row:last-child{border-bottom:none}.continue-last-row__code{letter-spacing:.05em;font-variant-numeric:tabular-nums;flex:1;min-width:0;font-weight:800}.open-room-row__code{letter-spacing:.05em;font-variant-numeric:tabular-nums;font-weight:800}.open-room-row__meta{min-width:0;color:var(--text-muted);flex:1;font-size:13px}.home-room-browser__btn{background:linear-gradient(180deg, var(--accent-warm) 0%, var(--accent-warm-dim) 100%);color:#13295f;cursor:pointer;border:1px solid #ffb300;border-radius:8px;padding:8px 16px;font-weight:700;box-shadow:0 0 0 1px #ffb30059}.home-room-browser__btn--small{padding:6px 12px;font-size:13px}.home-room-browser__refresh{border:1px solid var(--border-bright);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.home-room-browser__refresh:hover{filter:brightness(1.1)}.toolbar label{color:var(--text-muted);font-size:14px;font-weight:600}.status-strip{color:var(--text-muted);border:1px solid var(--border);background:#0a1e4eb8;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:10px;padding:6px 10px;font-size:12px;display:flex}.status-strip--compact{gap:8px 12px;margin:0;padding:4px 8px;font-size:11px}.status-strip strong{color:var(--accent);font-weight:700}.status-strip-hint{color:var(--text-muted);font-size:11px;font-weight:500}.hint{color:var(--text-muted);margin:0 0 8px;font-size:12px;line-height:1.5}.hint--compact{margin-bottom:5px}.hint-note{color:var(--text-muted);opacity:.95;margin-top:-2px;font-size:11px;line-height:1.5}.hint kbd{border:1px solid var(--border-bright);background:var(--bg-elevated);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:.85em}.lobby-panel{border:1px solid var(--border-bright);background:linear-gradient(165deg,#13295feb 0%,#08163af5 100%);border-radius:14px;margin:0 0 14px;padding:18px 20px;box-shadow:0 12px 36px #00000059}.lobby-panel-title{letter-spacing:.02em;color:var(--text);margin:0 0 8px;font-size:1.25rem;font-weight:700}.lobby-panel-lead{color:var(--text-muted);margin:0 0 14px;font-size:.9rem;line-height:1.45}.lobby-panel-code-row{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:12px;display:flex}.lobby-panel-code{letter-spacing:.08em;color:var(--accent-warm);text-shadow:0 0 20px #ffca3159;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.5rem;font-weight:700}.lobby-panel-copy{background:linear-gradient(180deg, var(--accent-warm) 0%, var(--accent-warm-dim) 100%);color:#13295f;cursor:pointer;border:1px solid #ffb300;border-radius:8px;padding:8px 14px;font-weight:700;box-shadow:0 0 0 1px #ffb30059}.lobby-panel-copy:hover{filter:brightness(1.06)}.lobby-panel-meta{color:var(--text-muted);margin:0;font-size:.85rem}.layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:12px;display:grid}.layout>.board-main-stack,.layout>.sidebar-rail{min-width:0;max-width:100%}.board-main-stack{flex-direction:column;gap:10px;width:100%;min-width:0;display:flex}.layout--stacked{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:16px 18px;width:100%;max-width:1320px;margin:0 auto;padding-inline:0;display:grid}.layout--stacked>.board-column,.layout--stacked>.sidebar-rail{min-width:0;max-width:100%}@media (width<=960px){.layout{grid-template-columns:1fr}.layout--stacked{grid-template-columns:1fr;column-gap:12px;padding-inline:0}}.board-column{flex-direction:column;gap:10px;width:100%;min-width:0;display:flex}.sidebar-rail{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.sidebar-rail .graveyard-panel,.sidebar-rail .hud--compact{max-width:none}.sidebar-stack{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.board-well{box-sizing:border-box;border:1px solid var(--border);background:linear-gradient(165deg,#1e293b 0%,#0f172a 55%,#0b1220 100%);border-radius:14px;width:100%;max-width:min(100%,1180px);margin-inline:auto;padding:8px 10px 10px;transition:box-shadow .35s,border-color .35s,background .35s;box-shadow:0 0 0 1px #22d3ee1f,0 16px 48px #00000073}.board-column .board-well{max-width:100%}.board-well--your-turn{background:linear-gradient(165deg,#083344f2 0%,#0f172afa 42%,#050b14 100%);border-color:#22d3eee6;box-shadow:0 0 0 1px #22d3ee80,0 0 0 3px #22d3ee38,0 0 36px #22d3ee61,0 16px 48px #00000080}.board-well--your-turn .board{border-color:#22d3ee66;box-shadow:inset 0 0 36px #22d3ee1f,inset 0 0 0 1px #22d3ee26}.turn-banner-slot{box-sizing:border-box;flex-direction:row;flex-shrink:0;justify-content:center;align-items:stretch;gap:10px;width:100%;min-height:2.9rem;display:flex}.turn-banner-slot__brand{flex:none;justify-content:center;align-self:center;align-items:center;display:flex}button.turn-banner-slot__brand--home{appearance:none;cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;border-radius:8px;margin:0;padding:0;transition:opacity .15s}button.turn-banner-slot__brand--home:hover{opacity:.9}button.turn-banner-slot__brand--home:focus-visible{outline:2px solid var(--accent,#6cf);outline-offset:2px}.in-match-home-bar{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:4px 0 2px;display:flex}.in-match-home-bar__btn{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;transition:opacity .15s;display:flex}.in-match-home-bar__btn:hover{opacity:.9}.in-match-home-bar__btn:focus-visible{outline:2px solid var(--accent,#6cf);outline-offset:2px}.turn-banner-slot .in-game-brand-logo{object-fit:contain;filter:drop-shadow(0 2px 8px #00000059);width:auto;max-width:5.5rem;height:2.9rem;display:block}.turn-banner-slot__banner{flex:1 1 0;justify-content:center;align-items:stretch;min-width:0;display:flex}.turn-banner-slot .turn-banner{flex:0 auto;width:auto;min-width:0;max-width:min(100%,560px)}.turn-banner{box-sizing:border-box;border:1px solid var(--border);text-align:center;background:#0f172ae6;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:2.9rem;padding:8px 14px;display:flex}.turn-banner--yours{border-color:var(--accent-dim);background:linear-gradient(90deg,#0e749059 0%,#0f172af2 100%);box-shadow:0 0 20px #22d3ee33}.turn-banner--wait{border-color:var(--border)}.turn-banner-text{color:var(--text);font-size:1rem;font-weight:700;line-height:1.25}.turn-banner-text strong{color:var(--accent);font-weight:800}.turn-banner-color{color:var(--text-muted);font-size:12px;font-weight:600}.turn-banner-dot{vertical-align:middle;border:1px solid #00000059;border-radius:50%;width:10px;height:10px;margin-left:2px;display:inline-block}.turn-banner-dot--red{background:#fb7185}.turn-banner-dot--blue{background:#38bdf8}.turn-banner-dot--yellow{background:#facc15}.board{border:1px solid var(--border);-webkit-user-select:none;user-select:none;background:radial-gradient(90% 70% at 50% 35%,#1e293b 0%,#0f172a 100%);border-radius:10px;width:100%;max-width:100%;height:min(82vh,920px);max-height:none;display:block;box-shadow:inset 0 0 40px #00000059}.board.pannable{touch-action:pan-x pan-y;cursor:grab}.board.pannable:active{cursor:grabbing}.cell{cursor:pointer}.board .cell-hex--remote-from,.board .cell-hex--remote-to{animation:.85s ease-in-out 2 boardRemoteMovePulse}@keyframes boardRemoteMovePulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.38}}.board .piece-remote-land{transform-box:fill-box;transform-origin:50%;animation:.58s cubic-bezier(.34,1.45,.64,1) boardPieceRemoteLand}@keyframes boardPieceRemoteLand{0%{transform:scale(.78)}55%{transform:scale(1.09)}to{transform:scale(1)}}.cell-label{fill:var(--text-muted);font-size:14px;font-weight:700}.piece-value-text{paint-order:stroke fill;stroke:#00000073;stroke-width:.65px}.hud{background:var(--hud-surface);border:1px solid var(--hud-border);color:var(--text);border-radius:12px;padding:12px 14px;box-shadow:0 8px 32px #00000059}.hud--compact{width:100%;max-width:1180px;padding:8px 12px}.hud--compact h2,.hud--compact h3{margin:.4em 0;font-size:.95rem}.hud h2,.hud h3{color:var(--text)}.hud-status{border:1px solid var(--border);background:#0f172ad9;border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:12px;line-height:1.45}.hud-status:not(:has(.hud-status-row)):not(:has(.hud-resign)){display:none}.hud-status-row{margin-bottom:6px}.hud-status-row:last-child{margin-bottom:0}.hud-status-label{min-width:5.25rem;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600;display:inline-block}.hud-status-you{color:var(--success);letter-spacing:.01em;font-size:1.02em;font-weight:800}.hud-status-sub{color:var(--text-muted);font-weight:500}.hud-code{background:var(--bg-deep);border:1px solid var(--border);color:var(--accent);border-radius:4px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:11px}.hud-pool-focus{margin:6px 0 8px;font-size:13px}.hud-pool-focus.muted{color:#94a3b8}.pool-btn-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.pool-btn{cursor:pointer;border:2px solid #0000;border-radius:8px;min-width:2.25rem;height:2.25rem;font-weight:700}.pool-btn:disabled{opacity:.45;cursor:not-allowed}.pool-btn--red{color:#fecdd3;background:#fb71852e;border-color:#fb7185}.pool-btn--blue{color:#bae6fd;background:#38bdf82e;border-color:#38bdf8}.pool-btn--yellow{color:#fef08a;background:#facc1529;border-color:#eab308}.pool-btn--selected{outline:2px solid var(--accent);box-shadow:inset 0 0 0 2px #22d3ee40}.debug-label{fill:#cbd5e1;font-size:9px}.events{border:1px solid var(--border);background:var(--bg-deep);border-radius:8px;max-height:220px;padding:8px;font-size:11px;overflow:auto}.hud--compact .events{max-height:120px}.events-details{margin-top:8px}.events-details>summary{cursor:pointer;color:var(--accent);font-size:11px;font-weight:700;list-style:none}.events-details>summary::-webkit-details-marker{display:none}.error{color:#fecaca;border:1px solid var(--danger);background:#7f1d1d73;border-radius:8px;padding:8px 12px;font-weight:600}.connection-banner{text-align:center;color:#fef3c7;background:#78350f8c;border:1px solid #fbbf2473;border-radius:8px;margin:0 0 10px;padding:10px 14px;font-weight:600}.app--in-match .connection-banner{z-index:50;margin:0 0 8px;position:sticky;top:0}.start-confirm-overlay{z-index:1800;background:#020617b8;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out game-on-fade;display:flex;position:fixed;inset:0}.player-name-overlay{z-index:2200;-webkit-backdrop-filter:blur(10px);background:#020617c7}.tutorial-overlay{z-index:2400}.tutorial-card{text-align:left;max-width:min(560px,100%)}.tutorial-card .tutorial-card__title{text-align:center}.tutorial-step-progress{letter-spacing:.04em;color:var(--text-muted);text-align:center;margin:0 0 8px;font-size:12px;font-weight:600}.tutorial-body{text-align:left;max-height:min(52vh,420px);margin:0 0 20px;padding-right:4px;overflow-y:auto}.tutorial-body__p{color:var(--text-muted);margin:0 0 12px;font-size:14px;line-height:1.55}.tutorial-body__p:last-child{margin-bottom:0}.tutorial-actions{justify-content:flex-start}.tutorial-actions .start-confirm-btn{flex:7rem;min-width:0}.home-tutorial-entry{box-sizing:border-box;justify-content:flex-start;align-items:stretch;gap:0;width:100%;margin-top:0;display:flex}.home-tutorial-entry--row{flex-wrap:wrap;align-items:center;gap:10px}.tutorial-run-overlay{z-index:2500;padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(8px);background:#020617e0;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0;overflow:auto}.tutorial-run-shell{flex-direction:column;gap:14px;width:min(1100px,100%);margin:auto;display:flex}.tutorial-run-series{background:linear-gradient(145deg,#1e3a8a59 0%,#0f172abf 100%);border:1px solid #60a5fa47;border-radius:14px;padding:14px 16px}.tutorial-run-series-title{color:#e0f2fe;letter-spacing:.02em;margin:0 0 10px;font-size:1.1rem;font-weight:800}.tutorial-run-series-p{color:#e2e8f0eb;max-width:68ch;margin:0 0 10px;font-size:13px;line-height:1.55}.tutorial-run-series-p:last-child{margin-bottom:0}.tutorial-run-dice-legend{background:#1e1b4b73;border:1px solid #a78bfa59;border-radius:12px;padding:12px 14px}.tutorial-run-dice-legend-title{color:#e9d5ff;margin:0 0 8px;font-size:.95rem;font-weight:800}.tutorial-run-dice-legend-p{color:#e2e8f0eb;max-width:72ch;margin:0 0 8px;font-size:12.5px;line-height:1.55}.tutorial-run-dice-legend-p:last-child{margin-bottom:0}.tutorial-run-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 20px;display:flex}.tutorial-run-title{color:var(--text);margin:0 0 6px;font-size:1.25rem;font-weight:800}.tutorial-run-lead{color:var(--text-muted);max-width:52ch;margin:0 0 6px;font-size:14px;line-height:1.5}.tutorial-run-meta{color:var(--text-muted);margin:0;font-size:12px;font-weight:600}.tutorial-run-meta--chapter{text-transform:uppercase;letter-spacing:.06em;color:#94c5fff2;margin-bottom:4px;font-size:11px}.tutorial-run-teach{color:var(--text-muted);max-width:60ch;margin:0;font-size:14px;line-height:1.55}.tutorial-run-objective-card{background:#0f172aa6;border:1px solid #fbbf2459;border-radius:12px;padding:14px 16px;box-shadow:0 0 0 1px #fbbf2414}.tutorial-run-objective-label{letter-spacing:.08em;text-transform:uppercase;color:#fcd34d;margin:0 0 8px;font-size:11px;font-weight:800}.tutorial-run-objective-text{color:#fef9c3;margin:0;font-size:14px;font-weight:600;line-height:1.5}.tutorial-run-epilogue{border-top:1px solid #94a3b859;margin-top:14px;padding-top:14px}.tutorial-run-epilogue-title{color:var(--text);margin:0 0 8px;font-size:1rem;font-weight:800}.tutorial-run-epilogue-p{color:var(--text-muted);margin:0 0 10px;font-size:13px;line-height:1.55}.tutorial-run-epilogue-p:last-child{margin-bottom:0}.tutorial-run-header-actions{flex-wrap:wrap;gap:8px;display:flex}.tutorial-run-error{color:#fecaca;background:#7f1d1d59;border:1px solid #f8717173;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.tutorial-run-body{flex-direction:column;gap:14px;display:flex}@media (width>=900px){.tutorial-run-body{flex-direction:row;align-items:flex-start}.tutorial-run-aside{flex:0 0 min(300px,34vw)}.tutorial-run-board-column{flex:1;min-width:0}}.tutorial-run-aside{order:-1}.tutorial-run-board-column{flex-direction:column;gap:10px;display:flex;position:relative}.tutorial-run-match-layout{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.tutorial-run-board-stack{flex-direction:column;gap:10px;width:100%;min-width:0;display:flex}@media (width>=900px){.tutorial-run-match-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:10px 12px;display:grid}}.tutorial-run-blocker{z-index:5;cursor:default;background:0 0;position:absolute;inset:0}.tutorial-run-callout{background:linear-gradient(165deg,#1e293bf2 0%,#0f172afa 100%);border:1px solid #22d3ee59;border-radius:12px;padding:14px 16px}.tutorial-run-callout-title{color:var(--text);margin:0 0 10px;font-size:1.05rem;font-weight:800}.tutorial-run-callout-sub{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.tutorial-run-hud-wrap{max-height:40vh;overflow:auto}.player-name-card{background:linear-gradient(135deg,#3fd7ff8c 0%,#ffca3140 42%,#1c66df80 100%);border-radius:20px;width:100%;max-width:460px;padding:2px;animation:.35s cubic-bezier(.22,1,.36,1) both player-name-card-in;position:relative;box-shadow:0 28px 80px #0000008c,0 0 0 1px #3fd7ff26}@keyframes player-name-card-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.player-name-card__glow{pointer-events:none;z-index:0;background:radial-gradient(50% 40% at 50% 0,#3fd7ff38,#0000 70%);position:absolute;inset:-40%}.player-name-card__inner{z-index:1;background:linear-gradient(168deg,#1a2744 0%,#0c1228 52%,#060b18 100%);border:1px solid #3d63bd80;border-radius:18px;padding:22px 22px 20px;position:relative}.player-name-card__hero{text-align:left;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.player-name-card__avatar{color:#0f172a;background:linear-gradient(145deg, var(--accent) 0%, #22d3ee 45%, var(--accent-dim) 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 0 0 2px #0f172a59,0 8px 24px #3fd7ff59}.player-name-card__headlines{min-width:0}.player-name-card__title{letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-size:1.45rem;font-weight:800;line-height:1.2}.player-name-card__sub{color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.player-name-form{text-align:left;margin:0}.player-name-field-label{color:#eaf3ffe0;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.player-name-field{box-sizing:border-box;width:100%;color:var(--text);background:#060e26eb;border:1px solid #3d63bdbf;border-radius:14px;outline:none;margin:0;padding:14px 16px;font-size:1.05rem;transition:border-color .15s,box-shadow .15s}.player-name-field::placeholder{color:#a6bee68c}.player-name-field:hover{border-color:#3fd7ff73}.player-name-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.player-name-field-meta{justify-content:space-between;align-items:flex-start;gap:12px;min-height:1.35em;margin-top:10px;margin-bottom:18px;display:flex}.player-name-field-meta__messages{flex:1;min-width:0}.player-name-char-count{font-variant-numeric:tabular-nums;color:#a6bee6d9;flex-shrink:0;font-size:12px;font-weight:600}.player-name-error{color:#fecaca;margin:0;font-size:13px;font-weight:600}.player-name-actions{flex-direction:column;align-items:stretch;gap:12px;display:flex}.player-name-tutorial-link{appearance:none;width:100%;font:inherit;color:#94c5fff2;cursor:pointer;text-align:center;text-underline-offset:3px;background:0 0;border:none;margin:0;padding:0;font-size:.9rem;font-weight:600;text-decoration:underline}.player-name-tutorial-link:hover{color:#e0f2fe}.player-name-submit{appearance:none;width:100%;font:inherit;cursor:pointer;border:2px solid var(--accent-dim);color:#ecfeff;box-shadow:0 0 20px var(--accent-glow);background:linear-gradient(#0891b2 0%,#0e7490 100%);border-radius:14px;padding:14px 22px;font-size:1.05rem;font-weight:800;transition:filter .15s,transform .15s}.player-name-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.player-name-submit:active{transform:translateY(0)}.start-confirm-card{text-align:center;border:1px solid var(--border-bright);background:linear-gradient(165deg,#1e293b 0%,#0f172a 100%);border-radius:14px;width:100%;max-width:420px;padding:24px 22px;box-shadow:0 24px 64px #00000080,0 0 0 1px #22d3ee33}.start-confirm-title{color:var(--text);margin:0 0 10px;font-size:1.35rem;font-weight:800}.start-confirm-sub{color:var(--text-muted);margin:0 0 14px;font-size:13px;line-height:1.5}.start-confirm-status{color:var(--text-muted);margin:0 0 18px;font-size:12px;line-height:1.55}.start-confirm-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.start-confirm-actions--split{justify-content:stretch}.start-confirm-actions--split .start-confirm-btn{flex:1;min-width:8rem}.start-confirm-btn{cursor:pointer;border:3px solid #0000;border-radius:14px;padding:12px 20px;font-size:1.05rem;font-weight:800}.start-confirm-btn--primary{border-color:var(--accent-dim);color:#ecfeff;box-shadow:0 0 16px var(--accent-glow);background:linear-gradient(#0891b2 0%,#0e7490 100%)}.start-confirm-btn--primary:hover:not(:disabled){filter:brightness(1.08)}.start-confirm-btn--primary:disabled{opacity:.55;cursor:default}.start-confirm-btn--secondary{background:var(--bg-elevated);border-color:var(--border-bright);color:var(--text)}.hud-inline-btn{border:1px solid var(--accent-dim);background:var(--bg-deep);color:var(--accent);cursor:pointer;border-radius:8px;padding:6px 14px;font-weight:700}.hud-resign{border-top:none;flex-direction:column;align-items:flex-start;gap:0;margin-top:0;padding-top:0;display:flex}.hud-resign:not(:first-child){margin-top:8px}.hud--compact .hud-status:has(>.hud-resign:only-child){background:0 0;border:none;margin-bottom:0;padding:0}.hud-resign-trigger{opacity:.92;padding:5px 12px;font-size:12px;font-weight:600}.hud-resign-confirm{flex-direction:column;gap:10px;min-width:0;max-width:100%;display:flex}.hud-resign-warn{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.hud-resign-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hud-resign-commit{color:#fecaca;background:#7f1d1d59;border-color:#f871718c}.hud-resign-commit:hover{filter:brightness(1.08)}.die-picker-overlay{z-index:2600;pointer-events:auto;display:flex;position:fixed;inset:0}.die-picker-overlay--modern{-webkit-backdrop-filter:blur(14px);background:#0f172ac7;justify-content:center;align-items:center;padding:24px}.die-picker-overlay--modern.die-picker-overlay--spectator{background:#0f172aad}.die-picker-spectator-stack{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:min(360px,100vw - 32px);display:flex}.die-picker-spectator-head{text-align:center;padding:0 8px}.die-picker-spectator-name{letter-spacing:.02em;color:#f8fafc;word-break:break-word;font-size:1.25rem;font-weight:800;line-height:1.25;display:block}.die-picker-spectator-line{color:#cbd5e1e0;margin-top:4px;font-size:.82rem;font-weight:600;display:block}.die-picker-shell{background:linear-gradient(155deg,#3341558c 0%,#1e293beb 38%,#0f172afa 100%);border:1px solid #94a3b847;border-radius:20px;width:100%;max-width:min(340px,100vw - 32px);padding:28px 24px 24px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,0 24px 64px #0000008c,0 0 80px #22d3ee0f}.die-picker-shell--idle{padding-top:28px;padding-bottom:24px}.die-picker-shell--compact.die-picker-shell--idle{padding-top:36px;padding-bottom:28px}.die-picker-shell--rolling{padding:32px 26px 28px;box-shadow:inset 0 0 0 1px #ffffff0f,0 24px 64px #0000008c,0 0 56px #22d3ee24}.die-picker-shell--result{padding:30px 26px 24px;box-shadow:inset 0 0 0 1px #ffffff0f,0 24px 64px #00000080,0 0 56px #34d39929}.die-picker-shell--spectator{border-color:#a78bfa59;box-shadow:inset 0 0 0 1px #ffffff0d,0 24px 64px #00000080,0 0 64px #8b5cf61f}.die-picker-shell--spectator.die-picker-shell--rolling{box-shadow:inset 0 0 0 1px #ffffff0d,0 24px 64px #00000080,0 0 56px #a78bfa33}.die-picker-dismiss{color:#94a3b8;cursor:pointer;background:#94a3b81f;border:none;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.45rem;line-height:1;transition:background .15s,color .15s,transform .12s;display:flex;position:absolute;top:8px;right:8px}.die-picker-dismiss:hover{color:#fecaca;background:#f8717129}.die-picker-dismiss:active{transform:scale(.94)}.die-picker-idle{flex-direction:column;align-items:center;gap:22px;display:flex}.die-picker-idle--actor,.die-picker-idle--spectator{justify-content:center;gap:0;min-height:0}.die-picker-spectator-die-stage{justify-content:center;align-items:center;padding:6px 0 10px;display:flex}.die-picker-stage.die-picker-spectator-die-stage{min-height:7.25rem}.die-picker-spectator-die{filter:drop-shadow(0 10px 18px #00000061);justify-content:center;align-items:center;width:5.75rem;height:5.75rem;display:flex}.die-picker-spectator-die--rolling{animation:.2s ease-in-out infinite alternate die-spectator-die-wobble}.die-picker-spectator-die--waiting{animation:1.85s ease-in-out infinite die-glyph-breathe}@keyframes die-spectator-die-wobble{0%{transform:rotate(-7deg)scale(1)}to{transform:rotate(7deg)scale(1.05)}}.die-picker-spectator-result{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12px 10px 16px;display:flex}.die-picker-spectator-result-dice{object-fit:contain;flex-shrink:0;width:3.6rem;height:3.6rem}.die-picker-spectator-result-face{line-height:1}.die-picker-glyph{color:#fef3c7;background:linear-gradient(145deg,#fbbf2473 0%,#d977061f 100%);border:1px solid #fde0478c;border-radius:20px;justify-content:center;align-items:center;width:76px;height:76px;font-size:2.4rem;font-weight:800;display:flex;box-shadow:0 10px 28px #f59e0b38}.die-picker-glyph--pulse{color:#ddd6fe;background:linear-gradient(145deg,#8b5cf66b 0%,#5b21b626 100%);border-color:#c4b5fd8c;animation:1.85s ease-in-out infinite die-glyph-breathe;box-shadow:0 10px 28px #7c3aed33}@keyframes die-glyph-breathe{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.die-picker-roll-die{cursor:pointer;width:5.75rem;height:5.75rem;box-shadow:none;filter:drop-shadow(0 10px 18px #0006);background:0 0;border:none;border-radius:22%;margin:0 auto;padding:0;line-height:0;transition:transform .2s cubic-bezier(.34,1.45,.64,1),filter .18s;display:block;position:relative;overflow:visible}.die-picker-roll-die:hover{filter:drop-shadow(0 14px 22px #00000073)brightness(1.06);transform:translateY(-4px)scale(1.06)rotate(-4deg)}.die-picker-roll-die:active{filter:drop-shadow(0 4px 10px #00000059)brightness(.96);transform:translateY(2px)scale(.94)rotate(3deg)}.die-picker-roll-die:focus-visible{outline-offset:4px;outline:3px solid #2dd4bfd9}.die-picker-roll-die-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.die-picker-stage{background:radial-gradient(85% 70% at 50% 28%,#475569bf 0%,#0f172a8c 62%);border:1px solid #64748b66;border-radius:16px;justify-content:center;align-items:center;min-height:148px;display:flex}.die-picker-stage--spinning{border-color:#2dd4bf8c;animation:.24s ease-in-out infinite alternate die-stage-pulse}.die-picker-stage--final{background:radial-gradient(90% 75% at 50% 30%,#10b98147 0%,#0f172ab8 68%);border-color:#34d3998c;animation:none}@keyframes die-stage-pulse{0%{box-shadow:0 0 #2dd4bf00}to{box-shadow:0 0 36px #2dd4bf2e}}.die-picker-face{letter-spacing:.08em;-webkit-user-select:none;user-select:none;font-weight:900}.die-picker-face--roll{color:#f1f5f9;text-shadow:0 2px 16px #00000073;font-size:2.35rem;animation:.1s linear infinite die-face-slot}@keyframes die-face-slot{0%,to{opacity:1}50%{opacity:.78}}.die-picker-face--final{color:#6ee7b7;text-shadow:0 0 48px #34d39980;font-size:3rem;animation:.45s cubic-bezier(.34,1.45,.64,1) forwards die-result-pop}@keyframes die-result-pop{0%{opacity:.45;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.die-picker-meta{color:var(--text-muted);text-align:center;background:#00000038;border:1px solid #94a3b824;border-radius:10px;margin:18px 0 0;padding:10px 12px;font-size:11px;line-height:1.45}.outcome-overlay{z-index:2100;background:#020617c7;justify-content:center;align-items:center;padding:24px;animation:.28s ease-out game-on-fade;display:flex;position:fixed;inset:0}.outcome-card{text-align:center;border:1px solid var(--border-bright);background:linear-gradient(165deg,#1e293b 0%,#0f172a 100%);border-radius:16px;width:100%;max-width:420px;padding:26px 24px 22px;box-shadow:0 24px 64px #0000008c,0 0 0 1px #94a3b81f}.outcome-card--victory{border-color:#22d3ee8c;box-shadow:0 0 40px #22d3ee40,0 24px 64px #00000080}.outcome-card--defeat{border-color:#f8717159;box-shadow:0 0 32px #f871711f,0 24px 64px #0000008c}.outcome-card--draw{border-color:#c4b5fd73;box-shadow:0 0 28px #a78bfa33,0 24px 64px #0000008c}.outcome-title{letter-spacing:.06em;color:var(--text);margin:0 0 14px;font-size:1.65rem;font-weight:800}.outcome-card--victory .outcome-title{color:#a5f3fc;text-shadow:0 0 28px #22d3ee73}.outcome-card--defeat .outcome-title{color:#fecaca}.outcome-card--draw .outcome-title{color:#ddd6fe;text-shadow:0 0 20px #a78bfa59}.outcome-lead{color:var(--text-muted);margin:0 0 12px;font-size:14px;line-height:1.55}.outcome-body{color:#e2e8f0;margin:0 0 22px;font-size:1.05rem;font-weight:600;line-height:1.65}.outcome-body--victory{color:#cbd5e1;font-style:italic}.outcome-btn{cursor:pointer;border:2px solid var(--accent-dim);color:#ecfeff;box-shadow:0 0 18px var(--accent-glow);background:linear-gradient(#155e75 0%,#0e7490 100%);border-radius:12px;padding:12px 28px;font-size:1rem;font-weight:800}.outcome-btn:hover{filter:brightness(1.06)}.outcome-modal-actions{margin-top:6px}.post-game-bar{border:1px solid var(--border-bright);background:var(--bg-elevated);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;margin:0 16px 12px;padding:12px 16px;display:flex;box-shadow:0 8px 24px #00000040}.post-game-bar__text{color:var(--text-muted);text-align:center;flex:220px;margin:0;font-size:14px;line-height:1.5}.post-game-bar__btn{cursor:pointer;border:3px solid var(--accent-dim);color:#ecfeff;box-shadow:0 0 14px var(--accent-glow);background:linear-gradient(#0891b2 0%,#0e7490 100%);border-radius:12px;flex:none;padding:10px 22px;font-size:1rem;font-weight:800}.post-game-bar__btn:hover{filter:brightness(1.08)}.game-start-overlay{z-index:2000;pointer-events:none;background:radial-gradient(circle,#0f172a59 0%,#0f172aa6 100%);justify-content:center;align-items:center;animation:.35s ease-out game-on-fade;display:flex;position:fixed;inset:0}.game-start-card{pointer-events:none;text-align:center;border:1px solid var(--accent-dim);box-shadow:0 0 48px var(--accent-glow), 0 24px 48px #0000008c;background:linear-gradient(145deg,#1e293b 0%,#0f172a 60%,#164e63 100%);border-radius:14px;padding:28px 40px}.game-start-title{letter-spacing:.08em;color:var(--accent);text-transform:uppercase;font-size:2rem;font-weight:800;display:block}.game-start-sub{color:var(--text-muted);margin-top:8px;font-size:1rem;font-weight:600;display:block}@keyframes game-on-fade{0%{opacity:0}to{opacity:1}}.hud-callout{border-radius:10px;margin:12px 0;padding:10px 12px;font-size:13px;line-height:1.45}.hud-callout--wait{border:1px solid var(--accent-dim);color:var(--text);background:#0e749033}.graveyard-panel{border:1px solid var(--border);color:var(--text-muted);background:linear-gradient(#0f172a 0%,#020617 100%);border-radius:10px;width:100%;max-width:1180px;padding:10px 12px;box-shadow:inset 0 1px #22d3ee14}.graveyard-panel--empty{opacity:.92}.graveyard-title{color:var(--text);margin:0 0 4px;font-size:.95rem;font-weight:800}.graveyard-hint{color:var(--text-muted);margin:0 0 8px;font-size:11px}.graveyard-empty-msg{color:var(--text-muted);margin:0;font-size:12px}.graveyard-row{grid-template-columns:minmax(0,7.5rem) 1fr;align-items:start;gap:8px 10px;margin-bottom:8px;display:grid}.graveyard-row:last-child{margin-bottom:0}.graveyard-label{color:var(--text-muted);word-break:break-all;font-size:11px;font-weight:700}.graveyard-color{color:var(--text);font-weight:600}.graveyard-chips{flex-wrap:wrap;align-items:center;gap:4px;min-height:1.75rem;display:flex}.graveyard-dash{color:var(--border-bright);font-size:12px}.grave-chip{border:2px solid #00000014;border-radius:8px;justify-content:center;align-items:center;min-width:1.65rem;height:1.65rem;padding:0 4px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 2px #0000001f}.grave-chip--red{color:#881337;background:#fecdd3;border-color:#fb7185}.grave-chip--blue{color:#1e3a8a;background:#bfdbfe;border-color:#60a5fa}.grave-chip--yellow{color:#fef9c3;background:#eab30859;border-color:#ca8a04}@media (width<=640px){.app{padding:10px 8px 16px;padding-bottom:max(16px, env(safe-area-inset-bottom,0px));box-sizing:border-box}.app.app--in-match{padding-left:max(6px, env(safe-area-inset-left,0px));padding-right:max(6px, env(safe-area-inset-right,0px))}.app-locale-row{margin-bottom:6px}.lang-switcher{justify-content:space-between;width:100%}.app-header{margin-bottom:8px}.toolbar{flex-direction:column;align-items:stretch;gap:8px}.toolbar input[type=text]{box-sizing:border-box;width:100%;min-width:0;font-size:16px}.toolbar button{box-sizing:border-box;width:100%;padding:11px 14px;font-size:15px}.toolbar label{font-size:13px}.home-lobby__grid{gap:12px}.home-panel{border-radius:14px;padding:16px}.home-play-create{grid-template-columns:1fr}.home-play-join__row{flex-direction:column}.home-play-join__row .home-btn{width:100%}.home-field__input,.player-name-field{font-size:16px}.home-btn{box-sizing:border-box;width:100%;padding:12px 16px;font-size:15px}.home-btn--ghost{flex:1;width:auto;min-width:0}.home-dev-tools__row--buttons{display:flex}.home-dev-tools__row--buttons .home-btn--ghost{flex:1}.player-name-card{max-width:100%}.player-name-card__inner{padding:18px 16px 16px}.player-name-card__hero{text-align:center;flex-direction:column;align-items:center}.player-name-card__headlines{text-align:center}.player-name-card__title{font-size:1.25rem}.player-name-field-meta{flex-direction:column-reverse;align-items:stretch;gap:6px}.player-name-char-count{text-align:right}.status-strip{box-sizing:border-box;width:100%;margin-bottom:8px}.lobby-panel{border-radius:12px;margin-bottom:12px;padding:14px 14px 16px}.lobby-panel-title{font-size:1.1rem}.lobby-panel-code{letter-spacing:.05em;word-break:break-all;font-size:1.2rem}.lobby-panel-copy{width:100%;padding:10px 14px}.board-well{border-radius:12px;padding:6px 8px 8px}.board{border-radius:8px;height:min(70dvh,640px);min-height:280px}.turn-banner{border-radius:8px;min-height:2.5rem;padding:7px 10px}.turn-banner-text{font-size:.9rem}.turn-banner-slot{gap:8px;min-height:2.5rem}.turn-banner-slot .in-game-brand-logo,.in-match-home-bar .in-game-brand-logo{max-width:4.25rem;height:2.5rem}.turn-banner-slot .turn-banner{min-width:0;max-width:100%}.graveyard-panel{padding:10px}.graveyard-row{grid-template-columns:1fr;gap:4px 0}.graveyard-label{font-size:10px}.hud{border-radius:10px;padding:10px 12px}.hud--compact{padding:8px 10px}.hud-status-label{min-width:0;margin-bottom:2px;display:block}.hud-status-row{margin-bottom:8px}.pool-btn-row{justify-content:flex-start;gap:8px}.pool-btn{min-width:2.75rem;height:2.75rem;font-size:15px}.events{max-height:160px}.hud--compact .events{max-height:100px}.events-details>summary{align-items:center;min-height:44px;padding:10px 0;display:flex}.hud-inline-btn{box-sizing:border-box;width:auto;max-width:100%;padding:8px 14px;font-size:14px}.hud-callout .hud-inline-btn{width:100%}.hud-resign .hud-inline-btn{width:auto}.hud-resign-trigger{padding:6px 12px;font-size:13px}.hud section button:not(.pool-btn):not(.hud-inline-btn){box-sizing:border-box;cursor:pointer;background:linear-gradient(180deg, var(--accent-warm) 0%, var(--accent-warm-dim) 100%);color:#13295f;border:1px solid #ffb300;border-radius:10px;width:100%;margin-top:6px;padding:12px 14px;font-size:15px;font-weight:700;box-shadow:0 0 0 1px #ffb30059}.hud section button:not(.pool-btn):not(.hud-inline-btn):disabled{opacity:.45;cursor:not-allowed}.outcome-btn{box-sizing:border-box;width:100%;padding:14px 20px}.start-confirm-overlay,.tutorial-overlay,.outcome-overlay{padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom,0px))}.start-confirm-card,.tutorial-card,.outcome-card{border-radius:12px;padding:18px 16px 16px}.player-name-submit{box-sizing:border-box;width:100%;padding:14px 16px}.start-confirm-title{font-size:1.15rem}.start-confirm-btn{box-sizing:border-box;width:100%;padding:14px 16px}.start-confirm-actions--split{flex-direction:column}.start-confirm-actions--split .start-confirm-btn{min-width:0}.game-start-card{box-sizing:border-box;max-width:calc(100vw - 32px);padding:18px 20px}.game-start-title{letter-spacing:.04em;font-size:1.35rem}.game-start-sub{font-size:.9rem}.die-picker-overlay--modern{padding:16px;padding-bottom:max(20px, env(safe-area-inset-bottom,0px))}.die-picker-shell{margin-bottom:env(safe-area-inset-bottom,0px);border-radius:18px;padding:22px 18px 20px}.die-picker-shell--idle{padding-top:28px}.die-picker-shell--rolling,.die-picker-shell--result{padding:24px 18px 20px}.die-picker-glyph{border-radius:18px;width:68px;height:68px;font-size:2.1rem}.die-picker-roll-die,.die-picker-spectator-die{width:5.15rem;height:5.15rem}.die-picker-stage.die-picker-spectator-die-stage{min-height:6.5rem}.die-picker-spectator-name{font-size:1.1rem}.die-picker-stage{min-height:128px}.die-picker-face--roll{font-size:2rem}.die-picker-face--final{font-size:2.55rem}.hint{font-size:11px}.hint kbd{font-size:.8em}}@media (width<=380px){.board{height:min(64dvh,560px);min-height:260px}.lobby-panel-code{font-size:1.05rem}}