.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.panel-head h2{margin:0}.info-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:12px;font-weight:600;padding:5px 10px;cursor:pointer}.info-btn:hover{color:var(--text);border-color:var(--accent)}.info-box{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:14px}.info-box p{margin:0 0 8px;font-size:13px;color:var(--muted)}.info-box p:last-child{margin-bottom:0}.info-box strong{color:var(--text)}.skins{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.skin{position:relative;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:14px;padding:14px;overflow:hidden;transition:transform .12s,border-color .12s}.skin:active{transform:scale(.98)}.skin[data-selected=true]{border-color:var(--skin);box-shadow:0 0 0 1px var(--skin),0 0 24px -6px var(--skin)}.skin[data-locked=true]{opacity:.85}.skin .glyph{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:24px;margin-bottom:10px;background:color-mix(in srgb,var(--skin) 18%,transparent);border:1px solid var(--skin)}.skin .nm{font-weight:700;font-size:15px}.skin .bl{font-size:12px;color:var(--muted);margin-top:2px;min-height:2.4em}.skin .cost{margin-top:8px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.skin .cost.owned{color:var(--good)}.skin .cost.locked{color:var(--warn)}.skin .lockpill{position:absolute;top:10px;right:10px;display:grid;place-items:center;color:var(--muted)}.board-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.board-title .name{font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px}.board-title .name svg{color:var(--accent)}.board-title .hint{font-size:12px;color:var(--muted);margin-left:auto}.board{display:grid;grid-template-columns:.7fr repeat(10,1fr);gap:2px;background:var(--surface);padding:6px;border-radius:12px;border:1px solid var(--border);-webkit-user-select:none;user-select:none;touch-action:manipulation;max-width:560px;margin-inline:auto}.board.enemy.active{border-color:var(--accent);box-shadow:0 0 22px -8px var(--accent)}.board .hdr{display:grid;place-items:center;font-size:9px;color:var(--muted);font-weight:600}.cell{aspect-ratio:1 / 1;border:none;padding:0;border-radius:3px;background:var(--sea);box-shadow:inset 0 0 0 1px var(--sea-line);display:grid;place-items:center;font-size:clamp(9px,2.6vw,16px);color:var(--text);cursor:default;position:relative;transition:background .1s}.cell.clickable{cursor:pointer}.cell.clickable:active{background:#12294a}.cell.ship{background:color-mix(in srgb,var(--skin) 30%,var(--sea));box-shadow:inset 0 0 0 1px var(--skin)}.cell.ship:after{content:"";width:38%;height:38%;border-radius:3px;background:var(--skin);opacity:.9}.cell.miss:after{content:"";width:26%;height:26%;border-radius:50%;background:var(--muted);opacity:.7}.cell.hit,.cell.miss,.cell.sunk{z-index:6}.cell.hit{background:color-mix(in srgb,#ff7a2e 12%,var(--sea))}.board.own .cell.hit{background:transparent;box-shadow:none}.cell.hit:after{content:"";width:46%;height:46%;border-radius:50%;background:radial-gradient(circle,#fff2c4,#ff9d3c 45%,#ff4d2e 78%,#ff4d2e00);box-shadow:0 0 9px 2px #ff7828b3}.cell.sunk{background:color-mix(in srgb,#000 34%,var(--sea));box-shadow:inset 0 0 0 1px #7852348c}.cell.sunk:after{content:none}.cell.preview{background:color-mix(in srgb,var(--skin) 45%,var(--sea));box-shadow:inset 0 0 0 1px var(--skin)}.cell.preview.bad{background:color-mix(in srgb,var(--bad) 45%,var(--sea));box-shadow:inset 0 0 0 1px var(--bad)}.ship-overlay{position:relative;z-index:5;color:var(--skin);cursor:grab;touch-action:none;min-height:0;min-width:0}.ship-overlay svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.ship-overlay:not(.selected) svg{opacity:.8}.ship-overlay.selected{z-index:6}.ship-overlay.selected svg{filter:drop-shadow(0 0 6px var(--skin)) drop-shadow(0 1px 2px rgba(0,0,0,.5))}.ship-overlay.dragging{z-index:8;cursor:grabbing}.ship-overlay.dragging svg{filter:drop-shadow(0 0 8px var(--skin))}.ship-overlay.bad{color:var(--bad)}.ship-overlay.static{cursor:default;pointer-events:none}.ship-overlay.damaged{color:#9fb0c6}.ship-overlay.sunk{color:#23282f;z-index:7}.ship-overlay.sunk svg{opacity:1;filter:drop-shadow(0 0 5px rgba(255,120,40,.85)) drop-shadow(0 1px 2px rgba(0,0,0,.6))}.board.dragging .ship-overlay{pointer-events:none}.ship-ctrl{position:absolute;z-index:9;width:21px;height:21px;display:grid;place-items:center;background:#0f172ae6;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;padding:0;box-shadow:0 1px 3px #00000080}.ship-ctrl:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}.ship-ctrl.h.start:before{left:-9px;right:-4px}.ship-ctrl.h.end:before{left:-4px;right:-9px}.ship-ctrl.v.start:before{top:-9px;bottom:-4px}.ship-ctrl.v.end:before{top:-4px;bottom:-9px}.ship-ctrl.h.start{left:2px;top:50%;transform:translateY(-50%)}.ship-ctrl.h.end{right:2px;top:50%;transform:translateY(-50%)}.ship-ctrl.v.start{top:2px;left:50%;transform:translate(-50%)}.ship-ctrl.v.end{bottom:2px;left:50%;transform:translate(-50%)}.ship-ctrl:hover{border-color:var(--accent)}.ship-ctrl.danger:hover{color:var(--bad);border-color:var(--bad)}.drag-ghost{position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-50%) rotate(-4deg);color:var(--skin);opacity:.92;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55))}.drag-ghost svg{display:block;width:100%;height:100%}.cell.target{cursor:crosshair}.board-fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;z-index:20}.ship-list{display:grid;gap:8px}.ship-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid transparent;cursor:pointer;transition:border-color .12s,background .12s;user-select:none;-webkit-user-select:none}.ship-chip[data-placed=false]{cursor:grab}.ship-chip[data-selected=true]{border-color:var(--skin);background:color-mix(in srgb,var(--skin) 14%,var(--surface-2))}.ship-chip[data-placed=true] .nm{color:var(--muted)}.ship-art{display:inline-flex;align-items:center;min-width:64px}.chip-actions{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.chip-btn{display:grid;place-items:center;width:36px;height:36px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--muted);cursor:pointer}.chip-btn:hover{color:var(--text);border-color:var(--accent)}.chip-btn.danger:hover{color:var(--bad);border-color:var(--bad)}.ship-chip .status{font-size:12px;color:var(--warn)}.ship-chip .status.todo{color:var(--warn)}.or-divider{display:flex;align-items:center;gap:10px;margin:14px 0 10px;color:var(--muted);font-size:12px}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.turn-pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;font-weight:700;letter-spacing:.01em;padding:6px 12px;border-radius:999px;border:1px solid var(--border)}.turn-pill.mine{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.turn-pill.theirs{color:var(--warn);border-color:var(--warn);background:#fbbf241f}.battle-narrow{display:block}.battle-wide{display:none}@media (min-width: 720px){.battle-narrow{display:none}.battle-wide{display:block}.battle-wide .boards{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-bottom:14px}}@media (min-width: 1024px){.battle-wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:16px;align-items:start}.battle-wide .boards{margin-bottom:0}.battle-wide .movelog{max-height:min(70vh,640px)}}.placement-layout{display:grid;gap:14px}@media (min-width: 900px){.placement-layout{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start}}.view-tabs{display:flex;gap:6px;margin-bottom:12px}.view-tabs button{flex:1;padding:10px;border-radius:10px;font-weight:700;font-size:13px;background:var(--surface);color:var(--muted);border:1px solid var(--border);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.view-tabs button[data-active=true]{color:var(--text);border-color:var(--accent);background:var(--accent-dim)}.movelog{max-height:220px;overflow-y:auto;display:grid;gap:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.movelog .entry{display:flex;gap:8px;font-size:12.5px;align-items:baseline}.movelog .prompt{color:var(--accent);font-weight:700}.movelog .who{font-weight:700;min-width:3.2em}.movelog .who.me{color:var(--accent)}.movelog .who.them{color:var(--warn)}.movelog .coord{font-variant-numeric:tabular-nums;color:var(--muted)}.movelog .res.hit{color:var(--bad);font-weight:700}.movelog .res.miss{color:var(--muted)}.movelog .res.sunk{color:#fff;font-weight:800}.fleet-roster{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.fs-ship{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:42px}.fs-art{height:16px;display:grid;place-items:center}.fs-name{font-size:10px;color:var(--muted);letter-spacing:.01em}.fs-ship.sunk .fs-art{color:#93a1b5;opacity:.6}.fs-ship.sunk .fs-name{text-decoration:line-through}.fleet-dims{display:inline-flex;margin:0 0 0 4px}.fleet-dims button{flex:0 0 auto;padding:4px 10px;font-size:11px;min-height:32px}.bs3d-wrap{display:flex;flex-direction:column;gap:6px}.bs3d{width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;box-shadow:0 0 0 2px #0b1220,0 0 0 4px color-mix(in srgb,var(--accent) 32%,#1a2740),0 18px 40px -18px #000000d9}.bs3d canvas{display:block;width:100%!important;height:100%!important}.bs3d-hint{margin:0;font-size:11.5px}.bs3d-fallback{padding:30px 10px}.chess-wrap{position:relative;display:grid;grid-template-columns:16px 1fr;grid-template-rows:1fr 16px;gap:4px;width:min(92vw,92vh,560px);margin:0 auto}.chess-board{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1 / 1;width:100%;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 2px #0b1220,0 0 0 4px color-mix(in srgb,var(--accent) 32%,#1a2740),0 22px 46px -18px #000000d9;touch-action:manipulation}.chess-ranks,.chess-files{display:grid;color:var(--muted);font-size:11px;font-weight:600}.chess-ranks{grid-column:1;grid-row:1;grid-template-rows:repeat(8,1fr)}.chess-ranks span{display:flex;align-items:center;justify-content:center}.chess-files{grid-column:2;grid-row:2;grid-template-columns:repeat(8,1fr)}.chess-files span{display:flex;align-items:center;justify-content:center}.chess-board .sq{position:relative;display:flex;align-items:center;justify-content:center;border:none;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.chess-board .sq svg{width:84%;height:84%}.chess-board .sq.light{background:linear-gradient(150deg,#efe8d7,#d8cbaa)}.chess-board .sq.dark{background:linear-gradient(150deg,#6b563b,#4c3a25)}.chess-board .sq.last{position:relative}.chess-board .sq.last:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--warn) 70%,transparent),inset 0 0 14px -2px color-mix(in srgb,var(--warn) 55%,transparent)}.chess-board .sq.sel{box-shadow:inset 0 0 0 3px var(--accent),inset 0 0 16px -2px color-mix(in srgb,var(--accent) 70%,transparent)}.chess-board .sq.sel svg{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 80%,transparent))}.chess-board .sq.check{background:linear-gradient(150deg,color-mix(in srgb,var(--bad) 55%,#6b563b),color-mix(in srgb,var(--bad) 60%,#4c3a25))}@media (prefers-reduced-motion: no-preference){.chess-board .sq.check{animation:sq-check 1.15s ease-in-out infinite}}@keyframes sq-check{50%{box-shadow:inset 0 0 22px -2px color-mix(in srgb,var(--bad) 75%,transparent)}}.chess-board .sq.target:after{content:"";position:absolute;width:28%;height:28%;border-radius:50%;background:var(--accent);opacity:.9;box-shadow:0 0 10px -1px var(--accent);pointer-events:none}.chess-board .sq.capture:before{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;box-shadow:inset 0 0 0 4px var(--accent),0 0 12px -3px var(--accent);pointer-events:none}.pslide{position:relative;width:100%;height:100%;display:grid;place-items:center}.pstand{width:100%;height:100%;display:grid;place-items:center}@media (prefers-reduced-motion: no-preference){.pslide.slid{animation:piece-slide .24s cubic-bezier(.2,.8,.3,1) both}}@keyframes piece-slide{0%{transform:translate(var(--dx, 0),var(--dy, 0))}to{transform:none}}.chess-drag{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-60%)}.promo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#02061499;display:flex;align-items:center;justify-content:center}.promo{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 20px 50px -16px #000000b3;text-align:center}.promo-title{color:var(--muted);font-size:13px;margin-bottom:10px;font-weight:600}.promo-row{display:flex;gap:8px}.promo-btn{width:56px;height:56px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center}.promo-btn:hover{border-color:var(--accent)}.chess-play{display:flex;gap:14px;width:100%;align-items:center;justify-content:center}.chess-board-area{display:grid;place-items:center;min-width:0;min-height:0}.chess-side{display:flex;gap:12px}.chess-undo-btn,.chess-log-btn{white-space:nowrap}@media (orientation: portrait){.chess-play{flex-direction:column}.chess-side{flex-direction:column;width:min(96vw,460px)}.chess-wrap{width:min(96vw,calc(100dvh - 320px))}}@media (orientation: landscape){.chess-play{flex-direction:row;align-items:stretch}.chess-side{flex-direction:column;flex:0 0 auto;width:208px;justify-content:center;max-height:calc(100dvh - 90px);overflow-y:auto}.chess-wrap{width:min(calc(100dvh - 96px),calc(100vw - 244px))}}.chess-players{display:flex;flex-direction:column;gap:8px}.chess-player{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border);transition:border-color .16s,box-shadow .16s,background .16s}.chess-player.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));box-shadow:0 0 0 1px var(--accent),0 0 18px -6px var(--accent)}.pl-dot{flex:0 0 auto;width:18px;height:18px;border-radius:50%;margin-top:2px;box-shadow:inset 0 0 0 1px #00000073}.pl-dot.light{background:#f8fafc}.pl-dot.dark{background:#111827;box-shadow:inset 0 0 0 1px #ffffff59}.pl-main{min-width:0;display:flex;flex-direction:column;gap:4px}.pl-name{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;line-height:1.15}.pl-name strong{font-size:16px;color:var(--text)}.pl-turn{font-size:12px;color:var(--accent);font-weight:700}.pl-check{font-size:11px;font-weight:700;color:var(--bad);text-transform:uppercase;letter-spacing:.04em}.cap-tray{display:flex;align-items:center;flex-wrap:wrap;gap:1px;min-height:18px}.cap-tray svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.cap-none{font-size:11px;color:var(--muted);font-style:italic}.cap-lead{font-size:12px;font-weight:700;color:var(--muted);margin-left:4px;font-variant-numeric:tabular-nums}.chess3d{width:100%;display:flex;flex-direction:column;gap:6px}.chess3d-canvas{width:100%;aspect-ratio:16 / 10;max-height:calc(100dvh - 170px);border-radius:12px;overflow:hidden;box-shadow:0 0 0 2px #0b1220,0 0 0 4px color-mix(in srgb,var(--accent) 32%,#1a2740),0 22px 46px -18px #000000d9}.chess3d-canvas canvas{display:block;width:100%!important;height:100%!important}.chess3d-hint{margin:0;font-size:12px}.chess3d-fallback{padding:30px 10px}.chess-play .chess-board-area{flex:1 1 auto;min-width:0;width:100%}.chess-view-seg{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.seg-btn{flex:1;padding:9px 4px;font-size:13px;font-weight:700;letter-spacing:.02em;background:transparent;border:none;color:var(--muted);cursor:pointer}.seg-btn+.seg-btn{border-left:1px solid var(--border)}.seg-btn.on{background:var(--accent-dim);color:var(--accent)}.chess-side-actions{display:flex;flex-direction:column;gap:8px}.chess-side-actions .btn{justify-content:center}@media (orientation: portrait){.chess-side-actions{flex-direction:row}.chess-side-actions .btn{flex:1}}.chess-log-modal{width:min(680px,94vw);max-width:680px}.chess-log-body{display:flex;gap:16px;padding:16px}.chess-log-list{flex:1;min-width:0;max-height:min(56vh,420px);overflow-y:auto;display:flex;flex-direction:column;gap:2px;font-variant-numeric:tabular-nums}.log-empty{color:var(--muted);font-size:14px;margin:4px 2px}.log-row{display:grid;grid-template-columns:30px 1fr 1fr;align-items:center;gap:4px}.log-no{color:var(--muted);font-size:13px;text-align:right;padding-right:4px}.log-move{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;text-align:left;min-width:0}.log-move:hover{background:var(--surface-2)}.log-move.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.log-move.empty{visibility:hidden}.chess-log-preview{flex:0 0 auto;width:240px;display:flex;flex-direction:column;gap:10px}.mini-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:240px;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;border:1px solid var(--border);box-shadow:0 8px 22px -12px #000000b3}.mini-board .msq{display:grid;place-items:center}.mini-board .msq.light{background:#e3d9bd}.mini-board .msq.dark{background:#7a6244}.mini-board .msq svg{width:84%;height:84%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.log-caption{font-size:13px;color:var(--muted);text-align:center;min-height:18px}@media (max-width: 560px){.chess-log-body{flex-direction:column-reverse;align-items:center}.chess-log-list{width:100%;max-height:30vh}.chess-log-preview,.mini-board{width:min(80vw,300px)}}.freeplay{display:flex;flex-direction:column;gap:12px;align-items:center}.fp-row{display:flex;gap:12px;align-items:center;justify-content:center;width:100%}.fp-wrap{margin:0;width:min(60vw,calc(100dvh - 230px),560px)}.fp-tray{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.fp-tray-piece{width:46px;height:46px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;cursor:grab;-webkit-tap-highlight-color:transparent}.fp-tray-piece:hover{border-color:var(--accent)}.fp-tray-piece.held{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 12px -3px var(--accent)}.fp-eraser{margin-top:6px;color:var(--muted)}.fp-eraser:hover{color:var(--text)}.fp-eraser.held{color:var(--warn)}.fp-hint{margin:0;min-height:20px}.fp-issue{margin:0;font-size:14px;font-weight:600;text-align:center;color:var(--warn);max-width:560px}.fp-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:stretch}.fp-menu{max-width:340px}.fp-menu-body{display:flex;flex-direction:column;gap:10px;padding:16px}.fp-confirm-text{margin:0 0 4px;font-size:14px;line-height:1.45}.fp-menu-body .fp-view{width:100%}.fp-3d{width:min(100%,720px)}@media (max-width: 640px),(orientation: portrait){.fp-row{flex-direction:column}.fp-tray{flex-direction:row}.fp-wrap{width:min(92vw,calc(100dvh - 330px),560px)}}.chess-theme-classic{--bg: #20150c;--surface: #342415;--surface-2: #46331e;--border: #8a6a34;--text: #ece0c6;--muted: #b3a082;--accent: #c2a15a;--accent-dim: rgba(194, 161, 90, .2);font-family:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,Times New Roman,serif;color:var(--text)}.chess-theme-classic button{font-family:inherit}.chess-theme-classic:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(130% 80% at 50% -12%,rgba(214,172,92,.12),transparent 55%),repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 1px,transparent 1px 46px),linear-gradient(180deg,#2b1d12,#1b120b 70%)}.chess-theme-classic .topbar h1{font-family:Hoefler Text,Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#e7cf95;text-shadow:0 1px 0 #000}.chess-theme-classic .panel{background:linear-gradient(180deg,#3c2a19,#2c1d11);border-radius:6px;box-shadow:inset 0 1px #e7cf9514,0 10px 28px -16px #000}.chess-theme-classic .btn,.chess-theme-classic .back-link{background:linear-gradient(#3c2818,#2c1d11);border-color:#8a6a34;border-radius:4px;box-shadow:inset 0 1px #e7cf951f,0 2px 6px #0006;color:var(--text)}.chess-theme-classic .btn:hover,.chess-theme-classic .back-link:hover{border-color:var(--accent);color:#e7cf95}.chess-theme-classic .btn-primary{background:linear-gradient(#6c3122,#4a1e14);border-color:var(--accent);color:#e7cf95}.chess-theme-classic .chess-view-seg{border-radius:4px}.chess-theme-classic .field input{background:#20150c;border-radius:4px}.chess-theme-classic .chess-board{box-shadow:inset 0 0 0 1px #e7cf951f,0 0 0 2px #150d07,0 0 0 4px #8a6a34,0 22px 46px -18px #000000e6}.chess-theme-classic .chess3d-canvas{box-shadow:0 0 0 2px #150d07,0 0 0 4px #8a6a34,0 22px 46px -18px #000000e6}.chess-theme-unicorn{--bg: #241030;--surface: #3d2352;--surface-2: #50306b;--border: #7c4f9e;--text: #fdeef9;--muted: #d3aee0;--accent: #ff8fd0;--accent-dim: rgba(255, 143, 208, .2);--violet: #c9b3ff;color:var(--text)}.chess-theme-unicorn:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(2.5px 2.5px at 16% 24%,rgba(255,255,255,.7),transparent 60%),radial-gradient(2px 2px at 78% 14%,rgba(255,213,74,.8),transparent 60%),radial-gradient(2px 2px at 62% 62%,rgba(255,255,255,.5),transparent 60%),radial-gradient(2.5px 2.5px at 34% 82%,rgba(255,158,203,.8),transparent 60%),radial-gradient(2px 2px at 90% 78%,rgba(255,255,255,.55),transparent 60%),radial-gradient(120% 70% at 50% -10%,rgba(255,143,208,.2),transparent 60%),radial-gradient(90% 60% at 100% 110%,rgba(169,140,255,.26),transparent 60%),linear-gradient(180deg,#331a44,#1f0f2e 70%)}.chess-theme-unicorn .topbar h1{color:#ffc9e5;text-shadow:0 0 14px rgba(255,126,192,.5)}.chess-theme-unicorn .chess-board .sq.light{background:linear-gradient(150deg,#fdeaf7,#f7d3ec)}.chess-theme-unicorn .chess-board .sq.dark{background:linear-gradient(150deg,#e2abdc,#cf92cf)}.chess-theme-unicorn .chess-board{box-shadow:inset 0 0 0 1px #ffffff26,0 0 0 2px #4a2a55,0 0 0 4px #ff8fd0,0 22px 46px -18px #461446bf}.chess-theme-unicorn .chess-board .sq.check{background:linear-gradient(150deg,color-mix(in srgb,var(--bad) 50%,#cf92cf),color-mix(in srgb,var(--bad) 55%,#b97cc0))}.chess-theme-unicorn .sq.target:after{background:#f7c243;box-shadow:0 0 10px -1px #f7c243}.chess-theme-unicorn .sq.capture:before{box-shadow:inset 0 0 0 4px #f7c243,0 0 12px -3px #f7c243}.chess-theme-unicorn .sq.sel{box-shadow:inset 0 0 0 3px #f7c243,inset 0 0 16px -2px #f7c243b3}.chess-theme-unicorn .sq.sel svg{filter:drop-shadow(0 0 6px rgba(247,194,67,.8))}.chess-theme-unicorn .mini-board .msq.light{background:#fdeaf7}.chess-theme-unicorn .mini-board .msq.dark{background:#dfa8d9}.chess-theme-galaxy{--bg: #05070f;--surface: #111a2e;--surface-2: #1b2740;--border: #2c3d61;--text: #e6eefb;--muted: #8fa3c8;--accent: #ffcf4a;--accent-dim: rgba(255, 207, 74, .16);--violet: #8fd0ff;color:var(--text)}.chess-theme-galaxy:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1.5px 1.5px at 12% 28%,#fff,transparent 60%),radial-gradient(1px 1px at 32% 68%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 54% 16%,rgba(200,225,255,.9),transparent 60%),radial-gradient(1px 1px at 68% 44%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.5px 1.5px at 82% 76%,#fff,transparent 60%),radial-gradient(1px 1px at 46% 86%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.5px 1.5px at 90% 12%,rgba(255,244,208,.9),transparent 60%),radial-gradient(1px 1px at 8% 84%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1px 1px at 24% 50%,rgba(255,255,255,.5),transparent 60%),radial-gradient(110% 70% at 70% -10%,rgba(90,169,255,.14),transparent 55%),radial-gradient(90% 60% at 0% 110%,rgba(255,157,60,.08),transparent 60%),#05070f}.chess-theme-galaxy .topbar h1{color:#ffcf4a;letter-spacing:.08em;text-shadow:0 0 16px rgba(255,207,74,.35)}.chess-theme-galaxy .chess-board .sq.light{background:linear-gradient(150deg,#2e3a58,#232e49)}.chess-theme-galaxy .chess-board .sq.dark{background:linear-gradient(150deg,#1a2338,#10182a)}.chess-theme-galaxy .chess-board{box-shadow:inset 0 0 0 1px #8fd0ff24,0 0 0 2px #05070f,0 0 0 4px #3b6ea8,0 0 30px -8px #5aa9ff66,0 22px 46px -18px #00000ae6}.chess-theme-galaxy .chess3d-canvas{box-shadow:0 0 0 2px #05070f,0 0 0 4px #3b6ea8,0 0 30px -8px #5aa9ff66,0 22px 46px -18px #000}.chess-theme-galaxy .chess-board .sq.check{background:linear-gradient(150deg,color-mix(in srgb,var(--bad) 55%,#232e49),color-mix(in srgb,var(--bad) 60%,#10182a))}.chess-theme-galaxy .mini-board .msq.light{background:#2e3a58}.chess-theme-galaxy .mini-board .msq.dark{background:#141c30}.result-emblem.draw{color:var(--muted);filter:drop-shadow(0 4px 10px rgba(2,6,20,.5))}@media (prefers-reduced-motion: no-preference){.result-emblem.draw{animation:rise-in .6s ease-out both}}.fallen-king{position:relative;width:168px;height:150px;margin:0 auto 18px;display:grid;place-items:end center}.fk-piece{display:inline-flex;transform-origin:50% 92%;will-change:transform}.fk-piece svg{filter:drop-shadow(0 8px 9px rgba(0,0,0,.55))}.fk-shadow{position:absolute;bottom:12px;left:50%;width:118px;height:16px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 70%)}@media (prefers-reduced-motion: no-preference){.fk-piece{animation:king-topple 1.5s cubic-bezier(.2,.72,.3,1) both}.fk-shadow{animation:king-shadow 1.5s ease both}}@media (prefers-reduced-motion: reduce){.fk-piece{transform:rotate(84deg)}}@keyframes king-topple{0%,40%{transform:rotate(0)}58%{transform:rotate(91deg)}70%{transform:rotate(79deg)}82%{transform:rotate(87deg)}to{transform:rotate(84deg)}}@keyframes king-shadow{0%,40%{opacity:.45;width:56px}58%{opacity:.7;width:128px}to{opacity:.6;width:122px}}.racer-root{min-height:100vh;padding:max(12px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));color:#34324f;background:radial-gradient(900px 500px at 15% -10%,rgba(120,200,255,.55),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(120,230,160,.5),transparent 60%),linear-gradient(160deg,#eaf6ff,#f0fff2);font-family:Comic Sans MS,-apple-system,system-ui,sans-serif}.racer-topbar{display:flex;align-items:center;gap:10px;max-width:1040px;margin:0 auto 12px}.racer-back{border:none;background:#ffffffd9;color:#3f7ea0;font-weight:800;font-size:16px;padding:8px 14px;border-radius:999px;cursor:pointer;box-shadow:0 2px 8px #3f7ea02e}.racer-back:hover{background:#fff}.racer-title-mini{flex:1;text-align:center;font-weight:900;font-size:20px;color:#ef6aab;text-shadow:0 1px 0 #fff}.racer-setup{max-width:900px;margin:0 auto;text-align:center}.racer-setup-head h1{font-size:clamp(28px,5vw,46px);margin:8px 0 4px;color:#ef6aab;text-shadow:0 2px 0 #fff,0 4px 14px rgba(239,106,171,.25)}.racer-setup-head p{font-size:clamp(15px,2.4vw,20px);font-weight:700;color:#5a6a7a;margin:0 0 22px}.racer-cast{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;max-width:720px;margin:0 auto}.racer-cast-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 14px;border:4px solid;border-radius:24px;background:linear-gradient(160deg,#fff,#f2f9ff);cursor:pointer;box-shadow:0 8px 22px #3f64a029;transition:transform .12s ease}.racer-cast-btn:hover{transform:translateY(-4px) scale(1.03)}.racer-cast-emoji{font-size:58px;line-height:1}.racer-cast-name{font-size:20px;font-weight:900}.racer-choices{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.racer-big-btn{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:240px;padding:26px 22px;border:4px solid #fff;border-radius:26px;background:linear-gradient(160deg,#d7f0ff,#eafaff);cursor:pointer;box-shadow:0 10px 26px #3f7ea038;transition:transform .12s ease}.racer-big-btn:hover{transform:translateY(-4px) scale(1.02)}.racer-big-emoji{font-size:54px;line-height:1}.racer-big-label{font-size:24px;font-weight:900;color:#3f7ea0}.racer-big-sub{font-size:14px;font-weight:700;color:#6a7a8a}.racer-lobby{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:16px;align-items:center}.racer-lobby-card{width:100%;text-align:center;background:linear-gradient(160deg,#fff,#eef7ff);border:4px solid #fff;border-radius:24px;padding:20px 22px;box-shadow:0 8px 22px #3f64a029;display:flex;flex-direction:column;gap:12px;align-items:center}.racer-lobby-card h2{margin:0;color:#3f7ea0;font-size:22px}.racer-lobby-card p{margin:0;font-size:14px;font-weight:700;color:#6a7a8a}.racer-lobby-status{color:#ef6aab!important}.racer-code{font-size:44px;font-weight:900;letter-spacing:10px;color:#ef6aab;background:#fff0f8;border-radius:16px;padding:10px 8px 10px 18px}.racer-name-label{display:flex;flex-direction:column;gap:6px;font-weight:800;color:#4a5a6a;width:100%;align-items:center}.racer-name-input,.racer-code-input{font-family:inherit;font-weight:800;font-size:20px;text-align:center;border:3px solid #cfe6f5;border-radius:14px;padding:10px 14px;width:100%;max-width:260px}.racer-code-input{font-size:32px;letter-spacing:10px;text-transform:uppercase}.racer-stage{max-width:1040px;margin:0 auto;position:relative}.racer-canvas{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:26px;overflow:hidden;border:6px solid #fff;box-shadow:0 16px 40px #28507847;touch-action:none;cursor:pointer;background:#9fd8ff}.racer-canvas canvas{display:block;width:100%!important;height:100%!important}.racer-hud{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:14px;align-items:center;padding:6px 16px;border-radius:999px;background:#ffffffe6;box-shadow:0 4px 14px #00000026;font-weight:800}.racer-score{display:inline-flex;align-items:center;gap:5px;font-size:20px;color:#4a5a6a;padding:2px 8px;border-radius:999px}.racer-score.me{background:#fff3c4;box-shadow:inset 0 0 0 2px #ffd54a}.racer-score-face{font-size:22px}.racer-score b{font-size:24px}.racer-score-target{font-size:14px;color:#94a3b8}.racer-hud-time{font-size:18px;color:#6a7a8a}.racer-hud-conn{font-size:13px;font-weight:800;color:#ef6aab}.racer-hint{text-align:center;font-weight:700;font-size:14px;color:#5a6a7a;margin:10px 6px 0}.racer-win{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1e324680;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;padding:20px}.racer-win-card{text-align:center;background:linear-gradient(160deg,#fff,#eaf6ff);border:6px solid #fff;border-radius:30px;padding:28px 34px;box-shadow:0 24px 60px #00000059;max-width:460px}@media (prefers-reduced-motion: no-preference){.racer-win-card{animation:racer-rise .35s ease}}@keyframes racer-rise{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:none;opacity:1}}.racer-win-burst{font-size:34px;letter-spacing:4px}.racer-win-card h2{font-size:30px;margin:6px 0;color:#ef6aab}.racer-win-face{font-size:66px}.racer-win-time{font-size:18px;font-weight:800;color:#4a5a6a;margin:4px 0 18px}.racer-win-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.racer-primary,.racer-ghost{border:none;font-family:inherit;font-weight:900;font-size:18px;padding:12px 22px;border-radius:999px;cursor:pointer}.racer-primary{background:linear-gradient(90deg,#ff9ac6,#6ad0ff);color:#fff;box-shadow:0 8px 20px #6aa0c866}.racer-primary:hover{filter:brightness(1.05)}.racer-ghost{background:#e6f0ff;color:#3f6ea0}.racer-ghost:hover{background:#d8e8ff}.risk-theme{--mahogany: #241811;--walnut: #3a2819;--walnut-edge: #150d07;--parchment: #e7d9b8;--ink: #33281a;--cream: #ece0c6;--muted: #b3a082;--brass: #c2a15a;--brass-hi: #e7cf95;--brass-dim: #8a6a34;--sepia: #7a5c2a;--oxblood: #5a251a;--font-display: "Hoefler Text", "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-body: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;color:var(--cream);font-family:var(--font-body)}.risk-theme:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(130% 80% at 50% -12%,rgba(214,172,92,.12),transparent 55%),repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 1px,transparent 1px 46px),linear-gradient(180deg,#2b1d12,#1b120b 70%)}.risk-theme :focus-visible{outline:2px solid var(--brass);outline-offset:2px}.risk-topbar{align-items:baseline;border-bottom:1px solid var(--brass-dim);padding-bottom:12px;gap:14px}.risk-topbar h1{font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-hi);text-shadow:0 1px 0 #000;margin:0}.risk-topbar-rule{flex:1;height:1px;align-self:center;background:linear-gradient(90deg,var(--brass-dim),transparent)}.risk-theme .footer a{color:var(--brass-dim)}.risk-theme .footer a:hover{color:var(--brass)}.risk-theme .panel{background:linear-gradient(180deg,#3c2a19,#2c1d11);border:1px solid var(--brass-dim);border-radius:4px;box-shadow:inset 0 1px #e7cf9514,0 10px 28px -16px #000}.risk-theme .panel h2{font-family:var(--font-display);font-size:23px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--cream);margin:2px 0 12px}.risk-eyebrow{font-family:var(--font-display);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--brass);display:block}.risk-btn{font-family:var(--font-display);font-size:15px;letter-spacing:.03em;padding:11px 18px;border-radius:3px;cursor:pointer;color:var(--cream);background:linear-gradient(#3c2818,#2c1d11);border:1px solid var(--brass-dim);box-shadow:inset 0 1px #e7cf951f,0 2px 6px #0006;transition:transform .12s,border-color .12s,filter .12s}.risk-btn:hover{border-color:var(--brass);color:var(--brass-hi)}.risk-btn:active{transform:translateY(1px)}.risk-btn:disabled{opacity:.5;cursor:not-allowed}.risk-btn.primary{background:linear-gradient(#6c3122,#4a1e14);border-color:var(--brass);color:var(--brass-hi);box-shadow:inset 0 1px #e7cf9533,0 3px 12px #00000080}.risk-btn.primary:hover{filter:brightness(1.08)}.risk-btn.ghost{background:transparent}.risk-btn.block{width:100%;display:block}.risk-btn.lg{padding:15px;font-size:18px;letter-spacing:.06em}.risk-board{max-width:1000px;margin:10px auto;padding:9px;border-radius:4px;background:linear-gradient(#3c2a19,#241811);border:1px solid var(--brass);box-shadow:0 0 0 1px var(--walnut-edge),inset 0 0 0 1px var(--brass-dim),0 20px 50px -22px #000}.risk-board-active{border-color:color-mix(in srgb,var(--pc) 60%,var(--brass));box-shadow:0 0 0 1px var(--walnut-edge),inset 0 0 0 3px var(--pc),0 0 26px -6px color-mix(in srgb,var(--pc) 75%,transparent),0 20px 50px -22px #000;transition:border-color .26s,box-shadow .26s}.risk-svg{display:block;width:100%;height:auto;border-radius:2px}.risk-sea{fill:var(--parchment)}.risk-graticule{fill:none;stroke:#7a5c2a4d;stroke-width:.5}.risk-continent-label{fill:#5a421e47;font-family:var(--font-display);font-size:15px;letter-spacing:.34em;text-transform:uppercase;text-anchor:middle;pointer-events:none}.risk-terr{stroke:#43301a;stroke-width:.9;cursor:pointer;fill-opacity:.92;transition:filter .12s}.risk-terr:hover{filter:brightness(1.12)}.risk-terr.target{stroke:#f2e8ca!important;stroke-width:1.3;filter:brightness(1.1)}.risk-terr.sel{stroke:var(--brass-hi)!important;stroke-width:2;filter:brightness(1.2) drop-shadow(0 0 3px rgba(231,207,149,.8))}.risk-terr:focus-visible{outline:2px solid var(--brass-hi);outline-offset:2px;stroke:var(--brass-hi);stroke-width:2;filter:brightness(1.18) drop-shadow(0 0 3px rgba(231,207,149,.8))}.risk-badge{cursor:pointer}.risk-badge>text{pointer-events:none}.risk-divider line{stroke:#43301a;stroke-width:.8;pointer-events:none}.risk-searoutes{pointer-events:none}.risk-searoute-shadow{fill:none;stroke:#3a2a12;stroke-width:2.4;opacity:.14;stroke-linecap:round}.risk-searoute{fill:none;stroke:#7a5c2a;stroke-width:1.4;stroke-dasharray:1 7;stroke-linecap:round;opacity:.85}.risk-searoute-end{fill:#7a5c2a;stroke:#efe6d0;stroke-width:.8}@media (prefers-reduced-motion: no-preference){.risk-searoute{animation:risk-searoute-flow 2.6s steps(12) infinite}}@keyframes risk-searoute-flow{to{stroke-dashoffset:-8}}.risk-token-hit{fill:transparent;pointer-events:all}.risk-token-halo{pointer-events:none}.risk-token-num{fill:#fbf1d6;font-family:var(--font-display);font-weight:700;font-size:13px;text-anchor:middle;font-variant-numeric:tabular-nums;pointer-events:none;paint-order:stroke;stroke:#140c04;stroke-width:2.6;stroke-linejoin:round}.risk-ship{pointer-events:none}.risk-ship .rs-hull{fill:#4a3218;stroke:#2c1c0c;stroke-width:1}.risk-ship .rs-hull-line{fill:none;stroke:#c2a15a;stroke-width:1;opacity:.55}.risk-ship .rs-mast line{stroke:#3a2610;stroke-width:1.6;stroke-linecap:round}.risk-ship .rs-sail{fill:#efe4c6;stroke:#8a6a34;stroke-width:.8;opacity:.94}.risk-ship .rs-rigging line{stroke:#6b5024;stroke-width:.5;opacity:.5}.risk-ship .rs-pennant{fill:#7a2a1c;stroke:#4a1810;stroke-width:.5}.risk-ship .rs-wake path{fill:none;stroke:#8a6a2e;stroke-width:1;stroke-dasharray:1 4;stroke-linecap:round;opacity:.4}@media (prefers-reduced-motion: no-preference){.risk-ship{animation:risk-ship-bob 6s steps(24) infinite;transform-box:fill-box;transform-origin:center}}@keyframes risk-ship-bob{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-2px) rotate(.6deg)}}.risk-compass .rc-ring{fill:none;stroke:#8a6a2e;stroke-width:1.2;opacity:.75}.risk-compass .rc-ring2{fill:none;stroke:#8a6a2e;stroke-width:.6;opacity:.5}.risk-compass .rc-star{fill:#8a6a2e}.risk-compass .rc-star.dim{fill:#a98944;opacity:.7}.risk-compass .rc-n{fill:#6b5024;font-family:var(--font-display);font-size:12px;font-weight:700;text-anchor:middle}.risk-frame-inner{fill:none;stroke:#8a6a2e;stroke-width:1.5;opacity:.45}.risk-stage{position:relative;height:calc(100dvh - 128px);min-height:420px;margin:0 -16px;overflow:hidden}.risk-stage:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;border:3px solid var(--pc);border-radius:10px;box-shadow:0 0 28px -6px var(--pc),inset 0 0 30px -14px var(--pc);transition:border-color .3s,box-shadow .3s}.risk-stage .risk-board{position:absolute;top:0;right:0;bottom:0;left:0;max-width:none;margin:0;padding:12px;background:none;border:none;box-shadow:none;border-radius:0;display:flex;align-items:center;justify-content:center}.risk-stage .risk-svg{width:100%;height:100%}.risk-banner{pointer-events:none;position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;max-width:min(94%,640px);padding:9px 16px;border-radius:6px;background:color-mix(in srgb,#241811 85%,transparent);border:1px solid var(--brass-dim);border-left:6px solid var(--pc);box-shadow:0 10px 30px -12px #000,inset 0 1px #e7cf951a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media (prefers-reduced-motion: no-preference){.risk-banner{animation:risk-banner-pop .46s cubic-bezier(.2,1.1,.35,1) both}}@keyframes risk-banner-pop{0%{opacity:0;transform:translate(-50%) translateY(-14px) scale(.92)}60%{transform:translate(-50%) translateY(2px) scale(1.03)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.risk-dock{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:min(94%,680px);display:grid;gap:8px;padding:10px 14px;border-radius:6px;background:color-mix(in srgb,#241811 84%,transparent);border:1px solid var(--brass-dim);box-shadow:0 10px 30px -12px #000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.risk-dock .risk-legend{background:none;border:none;padding:0;gap:3px 12px}.risk-dock .risk-legend-item{font-size:11.5px}@media (max-height: 560px){.risk-dock .risk-legend{display:none}}.risk-general{display:inline-flex;align-items:center;gap:12px}.risk-general-text{display:flex;flex-direction:column;line-height:1.1}.risk-general-text .risk-eyebrow{color:color-mix(in srgb,var(--pc) 55%,var(--brass))}.risk-general-text strong{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--cream);text-shadow:0 1px 2px rgba(0,0,0,.5)}.risk-seal{--pc: #6a2f22;width:26px;height:26px;border-radius:50%;flex:0 0 auto;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--pc) 55%,#fff 18%),var(--pc) 62%,color-mix(in srgb,var(--pc) 65%,#000) 100%);border:2px solid var(--brass);box-shadow:0 1px 3px #0000008c,inset 0 0 4px #00000073}.risk-seal.lg{width:42px;height:42px;border-width:2.5px}.risk-phase{font-family:var(--font-display);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-hi);border:1px solid var(--brass-dim);border-radius:2px;padding:5px 12px;background:#00000047}.risk-owned{margin-left:auto;color:var(--muted)}.risk-owned strong{color:var(--cream);font-variant-numeric:tabular-nums}.risk-note{color:var(--muted);font-style:italic;margin:0;font-size:15px}.risk-dice{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:12px 16px;background:linear-gradient(#2c1d11,#241811);border:1px solid var(--brass-dim);border-radius:4px}.risk-dice-side{display:flex;flex-direction:column;gap:6px}.risk-dice-row{display:inline-flex;gap:6px;min-height:30px}.risk-die{width:30px;height:30px;border-radius:5px;display:inline-grid;place-items:center;border:1px solid #bfa677;box-shadow:inset 0 1px #ffffff8c,0 2px 4px #00000073}.risk-die svg{width:100%;height:100%}.risk-die circle{fill:#2a1d0c}.risk-die.att{background:linear-gradient(#f1ddc2,#e4c9a4)}.risk-die.def{background:linear-gradient(#eae7d9,#d5d3bf)}.risk-dice-outcome{margin-left:auto;font-family:var(--font-display);color:var(--brass-hi);font-size:16px}.risk-fortify{padding:12px;background:linear-gradient(#2c1d11,#241811);border:1px solid var(--brass-dim);border-radius:4px}.risk-fortify input[type=range]{width:100%;accent-color:var(--brass)}.risk-fortify-actions{display:flex;gap:8px;margin-top:8px}.risk-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;background:linear-gradient(#2c1d11,#241811);border:1px solid var(--brass-dim);border-radius:4px}.risk-legend-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--brass)}.risk-legend-item{font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.risk-legend-chip{width:12px;height:12px;border-radius:2px;border:1px solid rgba(0,0,0,.4);filter:saturate(.7) brightness(.92)}.risk-legend-item strong{color:var(--cream)}.risk-legend-held{font-style:italic;font-weight:600;margin-left:2px}.risk-resume{display:flex;gap:8px;align-items:stretch}.risk-resume-main{flex:1;display:flex;align-items:center;gap:14px;text-align:left;padding:14px 16px;border-radius:4px;cursor:pointer;background:linear-gradient(#4a3218,#34220f);border:1px solid var(--brass);color:var(--cream);box-shadow:inset 0 1px #e7cf9526,0 10px 26px -14px #000;transition:filter .12s,border-color .12s}.risk-resume-main:hover{filter:brightness(1.08)}.risk-resume-icon{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#2a1c08;background:radial-gradient(circle at 38% 32%,#f0dca0,#c9a860 55%,#8a6a34);border:1px solid #6b4f22}.risk-resume-text{display:flex;flex-direction:column;gap:2px;min-width:0}.risk-resume-text strong{font-family:var(--font-display);font-size:18px}.risk-resume-sub{color:var(--muted);font-size:13px;font-style:italic}.risk-resume-chev{margin-left:auto;font-size:26px;color:var(--brass)}.risk-resume-discard{flex:0 0 auto}.risk-count{display:flex;gap:8px;flex-wrap:wrap}.risk-choice{flex:1;min-width:52px;padding:12px;font-family:var(--font-display);font-size:18px;color:var(--cream);background:linear-gradient(#3c2818,#2c1d11);border:1px solid var(--brass-dim);border-radius:3px;cursor:pointer;transition:border-color .12s,filter .12s}.risk-choice:hover{border-color:var(--brass)}.risk-choice.on{background:linear-gradient(#6c3122,#4a1e14);border-color:var(--brass);color:var(--brass-hi)}.risk-player-row{display:flex;align-items:center;gap:12px}.risk-player-row input{flex:1;padding:11px 13px;font-family:var(--font-body);font-size:16px;color:var(--ink);background:var(--parchment);border:1px solid var(--brass-dim);border-radius:3px}.risk-player-row input::placeholder{color:#8a7a55}.risk-player-row input:focus{outline:none;border-color:var(--brass)}.risk-victory{text-align:center;padding:28px 20px 24px;background:linear-gradient(#3c2a19,#241811);border:1px solid var(--brass);border-radius:4px;box-shadow:inset 0 0 0 1px var(--brass-dim),0 20px 44px -20px #000}.risk-victory-title{font-family:var(--font-display);font-size:30px;color:var(--brass-hi);margin:8px 0 6px;text-wrap:balance}.risk-victory-sub{color:var(--muted);font-style:italic;margin:0}.risk-win-emblem{width:120px;height:120px;--pc: #6a2f22}.rw-laurel ellipse{fill:var(--brass);opacity:.85}.rw-ring-outer{fill:none;stroke:var(--brass);stroke-width:2.5}.rw-seal{fill:var(--pc);stroke:color-mix(in srgb,var(--pc) 60%,#000);stroke-width:1.5}.rw-crown{fill:var(--brass-hi);stroke:var(--brass-dim);stroke-width:1}@media (prefers-reduced-motion: no-preference){.risk-win-emblem{animation:risk-emblem-in .62s cubic-bezier(.2,1.2,.4,1) both}.risk-victory-title{animation:risk-rise .52s ease-out .2s both}.risk-victory-sub{animation:risk-rise .52s ease-out .34s both}}@keyframes risk-emblem-in{0%{opacity:0;transform:translateY(14px) scale(.7)}to{opacity:1;transform:none}}@keyframes risk-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.risk-help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:18px;background:#0a0603a8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow-y:auto}.risk-help{width:min(560px,100%);margin:auto;background:radial-gradient(120% 80% at 50% -10%,rgba(214,172,92,.12),transparent 60%),linear-gradient(180deg,#efe2c2,#e2d1aa);color:var(--ink);border:1px solid var(--brass);border-radius:6px;box-shadow:0 0 0 1px var(--walnut-edge),0 26px 60px -22px #000;padding:22px 22px 20px}.risk-help .risk-eyebrow{color:var(--brass-dim)}.risk-help-title{font-family:var(--font-display);font-size:27px;font-weight:600;color:#3a2a12;margin:2px 0 12px;text-wrap:balance}.risk-help-goal{margin:0 0 6px;font-size:16px}.risk-help-goal strong{color:var(--oxblood)}.risk-help-sub{margin:8px 0 12px;font-style:italic;color:#6a5836}.risk-help-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}.risk-help-step{display:flex;gap:13px;align-items:flex-start}.risk-help-num{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:16px;color:#2a1c08;background:radial-gradient(circle at 38% 32%,#f0dca0,#c9a860 55%,#8a6a34);border:1px solid #6b4f22;box-shadow:0 1px 2px #0006}.risk-help-step strong{font-family:var(--font-display);font-size:17px;display:block;color:#3a2a12}.risk-help-body{display:block;font-size:15px;line-height:1.5;color:#4a3d24;margin-top:1px}.risk-help-tip{margin:16px 0 18px;padding:11px 13px;font-size:14.5px;line-height:1.5;background:#7a5c2a1f;border-left:3px solid var(--brass-dim);border-radius:3px;color:#4a3d24}.risk-help-tip strong{color:var(--oxblood)}@media (prefers-reduced-motion: no-preference){.risk-help{animation:risk-emblem-in .38s cubic-bezier(.2,1,.4,1) both}}.uni-root{min-height:100vh;padding:max(12px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));color:#3a1d5c;background:radial-gradient(900px 500px at 15% -10%,rgba(255,173,226,.55),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(150,210,255,.55),transparent 60%),linear-gradient(160deg,#fff0fb,#eef4ff);font-family:Comic Sans MS,Chalkboard SE,-apple-system,system-ui,sans-serif}.uni-topbar{display:flex;align-items:center;gap:10px;max-width:1040px;margin:0 auto 12px}.uni-back{border:none;background:#fffc;color:#7b3fa0;font-weight:800;font-size:16px;padding:8px 14px;border-radius:999px;cursor:pointer;box-shadow:0 2px 8px #7b3fa02e}.uni-back:hover{background:#fff}.uni-title-mini{flex:1;text-align:center;font-weight:900;font-size:20px;color:#b0479c;text-shadow:0 1px 0 #fff}.uni-setup{max-width:1000px;margin:0 auto;text-align:center}.uni-setup-head h1{font-size:clamp(26px,5vw,44px);margin:10px 0 4px;color:#b0479c;text-shadow:0 2px 0 #fff,0 4px 14px rgba(176,71,156,.25)}.uni-setup-head p{font-size:clamp(16px,2.6vw,22px);font-weight:700;color:#6b4a8a;margin:0 0 22px}.uni-choices{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.uni-big-btn{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:220px;padding:26px 22px;border:4px solid #fff;border-radius:26px;background:linear-gradient(160deg,#ffd9f2,#ffeaf8);cursor:pointer;box-shadow:0 10px 26px #b0479c38;transition:transform .12s ease,box-shadow .12s ease}.uni-big-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 34px #b0479c4d}.uni-big-btn:active{transform:translateY(0) scale(.99)}.uni-world-sky{background:linear-gradient(160deg,#cdeaff,#eaf7ff)}.uni-world-ocean{background:linear-gradient(160deg,#b6f0ea,#d7fbff)}.uni-big-emoji{font-size:58px;line-height:1}.uni-big-label{font-size:24px;font-weight:900;color:#6b3fa0}.uni-big-sub{font-size:15px;font-weight:700;color:#7a6a9a}.uni-cast{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;max-width:820px;margin:0 auto}.uni-cast-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 14px;border:4px solid #fff;border-radius:24px;background:linear-gradient(160deg,#fff,#f3e9ff);cursor:pointer;box-shadow:0 8px 22px #7b3fa02e;transition:transform .12s ease}.uni-cast-btn:hover{transform:translateY(-4px) scale(1.03)}.uni-cast-emoji{position:relative;font-size:56px;line-height:1;height:64px;display:grid;place-items:center}.uni-cast-mount{font-size:56px}.uni-cast-rider{position:absolute;top:-8px;right:26px;font-size:34px}.uni-cast-name{font-size:20px;font-weight:900;color:#6b3fa0}.uni-cast-blurb{font-size:13px;font-weight:700;color:#7a6a9a}.uni-seat-dots{display:flex;gap:10px;justify-content:center;margin-top:22px}.uni-dot{width:16px;height:16px;border-radius:50%;background:#e3d5f2;border:2px solid #fff;box-shadow:0 2px 6px #0000001f}.uni-dot.now{transform:scale(1.35)}.uni-stage{max-width:1040px;margin:0 auto}.uni-scoreboard{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.uni-score{display:flex;align-items:center;gap:8px;padding:6px 14px;border:3px solid;border-radius:999px;background:#ffffffe6;box-shadow:0 4px 12px #0000001a;font-weight:800}.uni-score-face{font-size:26px;line-height:1}.uni-score-coins{display:inline-flex;align-items:center;gap:5px;font-size:20px;color:#6b4a8a}.uni-score-coins svg{flex-shrink:0;color:#c9930a}.uni-score-coins b{font-size:24px}.uni-score-target{font-size:14px;color:#9a86b5}.uni-score-power{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:900;padding:2px 8px;border-radius:999px;background:linear-gradient(90deg,#fff1a8,#ffd0ef);color:#6b3fa0}@media (prefers-reduced-motion: no-preference){.uni-score-power{animation:uni-pop .5s ease infinite alternate}}@keyframes uni-pop{0%{transform:scale(1)}to{transform:scale(1.08)}}.uni-canvas{display:block;width:100%;height:auto;aspect-ratio:1000 / 640;border-radius:26px;border:6px solid #fff;box-shadow:0 16px 40px #5d3fa047;touch-action:none;cursor:pointer}.uni-hint{text-align:center;font-weight:700;font-size:14px;color:#7a6a9a;margin:10px 6px 0}.uni-win{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#3c1e5a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;padding:20px}.uni-win-card{text-align:center;background:linear-gradient(160deg,#fff,#ffeaf9);border:6px solid #fff;border-radius:30px;padding:28px 34px;box-shadow:0 24px 60px #00000059;max-width:460px}@media (prefers-reduced-motion: no-preference){.uni-win-card{animation:uni-rise .35s ease}}@keyframes uni-rise{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:none;opacity:1}}.uni-win-burst{font-size:34px;letter-spacing:4px}.uni-win-card h2{font-size:34px;margin:6px 0;color:#b0479c}.uni-win-faces{font-size:64px}.uni-win-score{font-size:18px;font-weight:800;color:#6b4a8a;margin:4px 0 18px}.uni-win-score svg{vertical-align:-2px;color:#c9930a}.uni-win-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.uni-primary,.uni-ghost{border:none;font-family:inherit;font-weight:900;font-size:18px;padding:12px 22px;border-radius:999px;cursor:pointer}.uni-primary{background:linear-gradient(90deg,#ff7fc4,#b06bff);color:#fff;box-shadow:0 8px 20px #b0479c66}.uni-primary:hover{filter:brightness(1.05)}.uni-ghost{background:#f0e6ff;color:#6b3fa0}.uni-ghost:hover{background:#e7d8ff}@media (prefers-reduced-motion: reduce){.uni-score-power,.uni-win-card{animation:none}.uni-big-btn,.uni-cast-btn{transition:none}}:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--border: #475569;--text: #f1f5f9;--muted: #94a3b8;--accent: #22d3ee;--accent-dim: rgba(34, 211, 238, .18);--violet: #a78bfa;--violet-dim: rgba(167, 139, 250, .18);--good: #4ade80;--warn: #fbbf24;--bad: #f87171;--sea: #0b1c33;--sea-line: rgba(148, 163, 184, .12);--skin: var(--accent);--tap: rgba(255, 255, 255, .06)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;min-height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,rgba(34,211,238,.1),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(167,139,250,.1),transparent 60%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4;overscroll-behavior:none}.app{max-width:1200px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}.narrow-col{max-width:680px;margin:0 auto}.btn{padding:12px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;font-weight:600;letter-spacing:.02em;cursor:pointer;touch-action:manipulation;transition:opacity .12s,transform .12s,background .12s,border-color .12s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.icon-btn:focus-visible,.fs-btn:focus-visible,.code-chip:focus-visible,.seg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.btn-violet{background:var(--violet-dim);border-color:var(--violet);color:var(--violet)}.btn-ghost{background:transparent}.btn-danger{border-color:var(--bad);color:var(--bad);background:transparent}.btn-block{width:100%}.btn-lg{padding:16px;font-size:17px}.fast-start{box-shadow:0 0 24px -8px var(--accent)}.topbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin-bottom:18px}.topbar h1{font-size:20px;margin:0;letter-spacing:-.01em}.topbar .spacer{flex:1}.back-link{color:var(--text);background:var(--surface-2);text-decoration:none;font-size:14px;font-weight:600;padding:7px 12px;border-radius:8px;border:1px solid var(--border);cursor:pointer;display:inline-flex;align-items:center;gap:4px}.back-link:hover{border-color:var(--accent);color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:14px}.panel h2{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.subtle{color:var(--muted);font-size:13px}.center{text-align:center}.stack{display:grid;gap:10px}.row-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;letter-spacing:.04em}.field input{width:100%;padding:12px 14px;font-size:16px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px}.field input:focus{outline:none;border-color:var(--accent)}.code-input{text-transform:uppercase;letter-spacing:.4em;font-weight:700;text-align:center;font-size:22px}.stats{display:flex;gap:8px}.stat{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px;text-align:center;min-width:0}.stat .k{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stat .v{font-weight:800;font-size:20px;font-variant-numeric:tabular-nums}.stat.points .v{color:var(--accent)}.conn{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--muted);padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface)}.conn .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.conn[data-s=connected]{color:var(--good);border-color:color-mix(in srgb,var(--good) 50%,var(--border))}.conn[data-s=connected] .dot{background:var(--good);box-shadow:0 0 8px var(--good)}.conn[data-s=hosting],.conn[data-s=dialing]{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 55%,var(--border));background:#f871711a}.conn[data-s=reconnecting]{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,var(--border))}.conn[data-s=reconnecting] .dot{background:var(--warn)}@media (prefers-reduced-motion: no-preference){.conn[data-s=reconnecting] .dot{animation:pulse 1s infinite}}.conn[data-s=error]{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 55%,var(--border))}.conn[data-s=error] .dot{background:var(--bad)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.code-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--accent);border-radius:999px;padding:5px 12px;cursor:pointer;color:var(--text)}.code-chip .lbl{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.code-chip strong{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.14em;font-size:15px}.codebox{text-align:center;padding:22px}.codebox .code{font-size:44px;font-weight:800;letter-spacing:.28em;color:var(--accent);font-variant-numeric:tabular-nums;padding-left:.28em}.codebox .lbl{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#0000008c;padding:16px}.modal{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px -20px #000000b3}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--surface-2)}.modal-title{font-weight:700}.icon-btn{display:grid;place-items:center;background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:8px;min-width:36px;min-height:36px}.icon-btn:hover{color:var(--text);background:var(--surface-2)}.fs-btn{color:currentColor;opacity:.72;width:36px;height:36px;border:1px solid transparent;border-radius:8px}.fs-btn:hover{opacity:1;background:color-mix(in srgb,currentColor 12%,transparent)}.modal.modal-lg{max-width:560px}.modal.modal-lg .modal-title{font-size:26px;line-height:1.2}.modal.modal-lg .modal-head{padding:18px 20px}.modal.modal-lg .codebox{padding:26px 26px 30px}.modal.modal-lg .codebox .code{font-size:56px}.qr-radar{position:relative;display:grid;place-items:center;width:190px;height:190px;margin:6px auto 14px}.qr-frame{position:relative;z-index:2;background:#e2e8f0;padding:9px;border-radius:14px;box-shadow:0 6px 16px #00000073;line-height:0}.qr-frame svg{display:block}.qr-radar .ping{position:absolute;top:50%;left:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border:2px solid var(--accent);border-radius:16px;opacity:0}.placing-wait{text-align:center}.placing-wait .conn-badge{position:relative;z-index:2;width:78px;height:78px;border-radius:20px;display:grid;place-items:center;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent);box-shadow:0 6px 16px #0006}.placing-wait .pw-line{font-size:16px;margin:2px 0}.placing-wait .pw-line strong{color:var(--accent)}.placing-wait .ell span{opacity:.25}.result-panel{position:relative;overflow:hidden}.victory-fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.result-hero{text-align:center;padding:20px 0;position:relative;z-index:2}.result-hero .big{font-size:40px;font-weight:800;margin:6px 0;position:relative;z-index:2}.result-hero .big.win{color:var(--good)}.result-hero .big.loss{color:var(--muted)}.result-hero .result-flavor{font-size:16px;color:var(--text);margin:4px 0 14px}.result-hero .earned{font-size:18px;color:var(--accent);font-weight:700}.result-emblem{display:inline-flex;margin-bottom:4px;position:relative;z-index:2}.result-emblem.win{color:var(--warn);filter:drop-shadow(0 6px 16px rgba(251,191,36,.4))}.result-emblem.loss{color:var(--muted);filter:drop-shadow(0 4px 10px rgba(2,6,20,.5));transform:rotate(-6deg)}@keyframes pop-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes trophy-in{0%{opacity:0;transform:translateY(26px) scale(.5) rotate(-10deg)}55%{opacity:1;transform:translateY(-4px) scale(1.14) rotate(4deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes wreck-in{0%{opacity:0;transform:translateY(-12px) rotate(2deg)}to{opacity:.9;transform:translateY(0) rotate(-6deg)}}@keyframes wreck-bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(3px) rotate(-8deg)}}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--surface);border:1px solid var(--accent);color:var(--text);padding:12px 18px;border-radius:12px;font-weight:600;z-index:50;box-shadow:0 10px 30px -10px #0009}.board{position:relative;overflow:hidden}.cell.fresh:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;z-index:2}@keyframes radar-sweep{to{transform:rotate(360deg)}}@keyframes qr-ping{0%{transform:scale(1);opacity:.5}to{transform:scale(1.9);opacity:0}}@keyframes type-line{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes ell-blink{0%,to{opacity:.25}50%{opacity:1}}@keyframes ember-flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(.9)}}@keyframes board-glow{0%,to{box-shadow:0 0 18px -10px var(--accent)}50%{box-shadow:0 0 28px -4px var(--accent)}}@keyframes shake-soft{0%,to{transform:translate(0)}25%{transform:translate(-3px,1px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,1px)}}@keyframes shake-hard{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-5px,2px) rotate(-.4deg)}35%{transform:translate(5px,-3px) rotate(.4deg)}55%{transform:translate(-4px,2px) rotate(-.3deg)}75%{transform:translate(3px,-1px) rotate(.2deg)}}@keyframes banner-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-dim)}50%{box-shadow:0 0 18px 1px var(--accent-dim)}}@keyframes ripple{0%{transform:scale(.35);opacity:.9}to{transform:scale(2.1);opacity:0}}@keyframes shock{0%{transform:scale(.2);opacity:1}to{transform:scale(2.7);opacity:0}}@keyframes cell-flash{0%{filter:brightness(2.6)}to{filter:brightness(1)}}@keyframes marker-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes hull-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:.9}}@keyframes shard{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.4)}25%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-130px) scale(1)}}.burst{position:absolute;left:0;right:0;top:0;height:0;pointer-events:none;z-index:1}.burst span{position:absolute;left:50%;top:42px;width:6px;height:13px;border-radius:2px;background:var(--accent);opacity:0;transform:rotate(var(--a)) translateY(0) scale(.4);transform-origin:center}.burst span:nth-child(3n){background:var(--good)}.burst span:nth-child(3n+1){background:var(--violet)}@media (prefers-reduced-motion: no-preference){.board.enemy.active:before{content:"";position:absolute;z-index:4;pointer-events:none;top:-30%;left:-30%;width:160%;height:160%;mix-blend-mode:screen;opacity:.6;background:conic-gradient(from 0deg,color-mix(in srgb,var(--accent) 55%,transparent) 0deg,color-mix(in srgb,var(--accent) 12%,transparent) 48deg,transparent 96deg 360deg);animation:radar-sweep 3.4s linear infinite}.board.enemy.active{animation:board-glow 2.2s ease-in-out infinite}.qr-radar .ping{animation:qr-ping 2.1s ease-out infinite}.qr-radar .ping:nth-child(2){animation-delay:.7s}.qr-radar .ping:nth-child(3){animation-delay:1.4s}.board.shake-soft{animation:shake-soft .34s ease}.board.shake-hard{animation:shake-hard .48s ease}.turn-pill.mine{animation:banner-pulse 1.7s ease-in-out infinite}.movelog .entry.new{animation:type-line .46s steps(26,end) both}.placing-wait .ell span{animation:ell-blink 1.2s infinite}.placing-wait .ell span:nth-child(2){animation-delay:.2s}.placing-wait .ell span:nth-child(3){animation-delay:.4s}.cell.hit:after{animation:ember-flicker 1.7s ease-in-out infinite}.cell.fresh.miss:before{border:2px solid var(--muted);animation:ripple .62s ease-out}.cell.fresh.hit,.cell.fresh.sunk{animation:cell-flash .42s ease-out}.cell.fresh:after{animation:marker-pop .34s cubic-bezier(.2,1.5,.35,1) both}.cell.ship:after{animation:hull-in .24s ease both}.burst span{animation:shard .95s ease-out var(--delay) both}.result-emblem.win{animation:trophy-in .72s cubic-bezier(.2,1.3,.4,1) both}.result-emblem.loss{animation:wreck-in .9s ease-out both,wreck-bob 4.5s ease-in-out .9s infinite}.result-hero .reveal{animation:rise-in .52s ease-out both;opacity:0}.result-hero .big.reveal{animation-delay:.26s}.result-hero .result-flavor.reveal{animation-delay:.44s}.result-hero .earned.reveal{animation-delay:.6s}.result-hero .subtle.reveal{animation-delay:.74s}}.arcade{--night: #0c1322;--gold: #ffd76a;--pink: #ff7ec0;--teal: #34e0c8;--violet: #a78bfa;--red: #e0405f;--cream: #f6ead2;--neon-tube: #ffb057;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}.arcade-sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(1.5px 1.5px at 12% 22%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1px 1px at 30% 74%,rgba(255,255,255,.7),transparent 60%),radial-gradient(2px 2px at 52% 12%,rgba(214,235,255,.9),transparent 60%),radial-gradient(1px 1px at 66% 48%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.5px 1.5px at 84% 70%,rgba(255,255,255,.85),transparent 60%),radial-gradient(1px 1px at 44% 88%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1.5px 1.5px at 92% 18%,rgba(255,231,176,.9),transparent 60%),radial-gradient(1px 1px at 8% 56%,rgba(255,255,255,.6),transparent 60%),radial-gradient(60% 42% at 82% -6%,rgba(167,139,250,.16),transparent 60%),radial-gradient(52% 38% at 12% 108%,rgba(255,126,192,.15),transparent 60%),radial-gradient(60% 40% at 50% 116%,rgba(52,224,200,.1),transparent 60%)}.arcade-floor{position:fixed;left:-20%;right:-20%;bottom:-12%;height:42%;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(52,224,200,.12) 0 1px,transparent 1px 90px),repeating-linear-gradient(0deg,rgba(255,126,192,.11) 0 1px,transparent 1px 38px);transform:perspective(340px) rotateX(56deg);transform-origin:50% 0;mask-image:linear-gradient(180deg,transparent,#000 45%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 45%);opacity:.5}.arcade{overflow-x:clip}.awning{position:relative;height:44px;margin:calc(-1*max(20px,env(safe-area-inset-top))) calc(50% - 50vw) 0}.awning:before{content:"";position:absolute;top:0;right:0;bottom:16px;left:0;background:repeating-linear-gradient(90deg,var(--red) 0 46px,var(--cream) 46px 92px);box-shadow:inset 0 -4px #00000047,0 10px 30px -12px #e0405f59}.awning:after{content:"";position:absolute;inset:auto 0 -3px;height:20px;background:radial-gradient(circle at 23px 0,var(--red) 0 21px,transparent 22px),radial-gradient(circle at 69px 0,var(--cream) 0 21px,transparent 22px);background-size:92px 20px;background-repeat:repeat-x;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.bulb-string{position:relative;height:26px;margin:0 calc(50% - 50vw)}.bulb-string:before{content:"";position:absolute;inset:6px 0 auto;height:2px;border-radius:2px;background:#ffffff21}.bulb{position:absolute;top:9px;width:9px;height:12px;border-radius:50% 50% 55% 55%}.bulb:before{content:"";position:absolute;top:-4px;left:2.5px;width:4px;height:4px;border-radius:1px;background:#3a4358}.bulb.b1{background:var(--gold);box-shadow:0 0 12px 2px #ffd76a8c}.bulb.b2{background:var(--pink);box-shadow:0 0 12px 2px #ff7ec080}.bulb.b3{background:var(--teal);box-shadow:0 0 12px 2px #34e0c880}.bulb.b4{background:var(--violet);box-shadow:0 0 12px 2px #a78bfa80}@media (prefers-reduced-motion: no-preference){.bulb{animation:bulb-twinkle 1.6s infinite}.bulb:nth-child(4n+2){animation-delay:.4s}.bulb:nth-child(4n+3){animation-delay:.8s}.bulb:nth-child(4n+4){animation-delay:1.2s}}@keyframes bulb-twinkle{50%{filter:brightness(.45)}}.sign-hang{max-width:620px;margin:0 auto 34px}.sign-swing{position:relative;padding-top:40px;transform-origin:50% -10px}@media (prefers-reduced-motion: no-preference){.sign-swing{animation:sign-sway 7s ease-in-out infinite alternate}}@keyframes sign-sway{0%{transform:rotate(-.55deg)}to{transform:rotate(.55deg)}}.chain{position:absolute;top:-8px;width:3px;height:50px;background:repeating-linear-gradient(180deg,#9aa5bb 0,#9aa5bb 6px,#59627a 6px,#59627a 10px);border-radius:2px;box-shadow:1px 0 #00000073}.chain.left{left:18%;transform:rotate(2deg)}.chain.right{right:18%;transform:rotate(-2deg)}.sign{position:relative;text-align:center;padding:24px 18px 20px;border-radius:16px;background:linear-gradient(180deg,#1d2a44,#111a2e 80%);border:1px solid #3a5585;box-shadow:inset 0 1px #ffffff12,0 0 44px -10px #ff9a3c47,0 26px 50px -24px #000}.sign:before,.sign:after{content:"";position:absolute;top:-5px;width:14px;height:8px;border-radius:3px 3px 0 0;background:#59627a}.sign:before{left:calc(18% - 6px)}.sign:after{right:calc(18% - 6px)}.sign .kicker{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--teal)}.neon{margin:10px 0 0;line-height:1;text-transform:uppercase;font-style:italic;font-weight:900;letter-spacing:.015em;font-size:clamp(38px,8.6vw,64px);color:#ffbe7824;-webkit-text-stroke:2.5px var(--neon-tube);filter:drop-shadow(0 0 6px rgba(255,154,60,.9)) drop-shadow(0 0 20px rgba(255,122,40,.5)) drop-shadow(0 0 46px rgba(255,100,30,.3))}@media (prefers-reduced-motion: no-preference){.neon{animation:neon-buzz 8s infinite}}@keyframes neon-buzz{0%,to{opacity:1}91.5%{opacity:1}92%{opacity:.55}92.6%{opacity:1}95.8%{opacity:.78}96.4%{opacity:1}}.sign-line2{margin-top:8px;font-weight:900;letter-spacing:.24em;text-transform:uppercase;font-size:clamp(16px,3.6vw,26px);background:linear-gradient(90deg,var(--pink),var(--violet) 35%,var(--teal) 70%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(167,139,250,.5))}.coin-line{margin:12px 0 0;font-family:var(--mono);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}@media (prefers-reduced-motion: no-preference){.coin-line{animation:coin-blink 1.5s steps(1) infinite}}@keyframes coin-blink{50%{opacity:.25}}.tix{max-width:660px;margin:0 auto;display:grid;gap:16px}.tk{--c: var(--teal);position:relative;display:flex;align-items:stretch;text-decoration:none;color:inherit;border-radius:12px;background:linear-gradient(180deg,#1a2540,#121b30);border:1px solid color-mix(in srgb,var(--c) 40%,#22304e);box-shadow:0 14px 30px -16px #000,0 0 26px -12px color-mix(in srgb,var(--c) 55%,transparent);overflow:hidden;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.tk.game-yahtzee{--c: #58e08d}.tk.game-battleship{--c: #35c7e8}.tk.game-chess{--c: var(--gold)}.tk.game-risk{--c: #ff7a5c}.tk.game-unicorn{--c: var(--pink)}.tk.game-racer{--c: var(--violet)}.tk:hover,.tk:focus-visible{transform:translateY(-3px);box-shadow:0 20px 36px -16px #000,0 0 34px -8px color-mix(in srgb,var(--c) 60%,transparent)}.tk:focus-visible{outline:2px solid var(--c);outline-offset:3px}.tk:active{transform:translateY(-1px) scale(.995)}.tk-awning{position:absolute;inset:0 0 auto;height:10px;background:repeating-linear-gradient(90deg,var(--c) 0 22px,color-mix(in srgb,var(--c) 22%,#10182a) 22px 44px);opacity:.9}.tk-main{flex:1;display:flex;align-items:center;gap:16px;padding:20px 16px 14px;min-width:0}.tk-glyph{flex:0 0 auto;width:54px;height:54px;border-radius:12px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--c) 45%,transparent))}.tk-body{min-width:0;display:block}.tk-name{display:block;font-size:18px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#f2f5fc}.tk-name small{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--c);margin-left:8px}.tk-desc{display:block;font-size:12.5px;color:#93a0bd;margin-top:4px;line-height:1.45}.tk-go{align-self:center;margin:0 14px 0 4px;color:var(--c);font-size:22px;transition:transform .15s}.tk:hover .tk-go{transform:translate(3px)}.arcade-main{display:grid;gap:22px}@media (min-width: 940px){.arcade-main{max-width:1080px;margin:0 auto;grid-template-columns:minmax(380px,460px) minmax(420px,1fr);grid-template-areas:"sign tix" "saved tix" "prize tix";align-items:start;align-content:start;column-gap:30px}.arcade-main .sign-hang{grid-area:sign;max-width:none;margin:0}.arcade-main .tix{grid-area:tix;max-width:none}.arcade-main .now-playing{grid-area:saved;max-width:none}.arcade-main .prize{grid-area:prize;max-width:none;margin:0}}.now-playing{max-width:430px;width:100%;margin:0 auto}.np-in{border-radius:12px;padding:14px 12px 8px;background:linear-gradient(180deg,#152136,#101a2e);border:1px solid #31436b;box-shadow:inset 0 0 26px -14px #34e0c859,0 16px 30px -18px #000}.np-h{text-align:center;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--teal);text-shadow:0 0 12px rgba(52,224,200,.5);margin-bottom:8px}.np-row{--np-c: var(--teal);display:flex;align-items:center;gap:10px;padding:9px 8px;margin-bottom:4px;border-radius:9px;text-decoration:none;color:inherit;transition:background .13s,transform .13s}.np-row:hover{background:#ffffff0d;transform:translate(2px)}.np-row:focus-visible{outline:2px solid var(--np-c);outline-offset:2px}.np-icon{flex:0 0 auto;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--np-c);background:color-mix(in srgb,var(--np-c) 14%,transparent);border:1px solid color-mix(in srgb,var(--np-c) 50%,transparent)}.np-body{min-width:0;flex:1;display:block}.np-title{display:block;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-meta{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:#8fa0c0;margin-top:2px}.np-go{color:var(--np-c);display:inline-flex}.prize{max-width:430px;margin:6px auto 0}.prize-in{text-align:center;border-radius:12px;padding:18px 18px 16px;background:linear-gradient(180deg,#16213a,#101a2e);border:1px solid #31436b;box-shadow:inset 0 0 30px -14px #ffd76a66,0 16px 30px -18px #000}.prize-h{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 12px rgba(255,215,106,.5)}.prize-rows{margin-top:10px;font-family:var(--mono)}.prize-row{display:flex;align-items:baseline;gap:8px;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:#b9c4dc;padding:3px 0}.prize-row .fill{flex:1;border-bottom:2px dotted rgba(185,196,220,.25);transform:translateY(-3px)}.prize-row .num{font-variant-numeric:tabular-nums;font-weight:700}.prize-row.points .num{color:var(--gold)}.prize-row.wins .num{color:var(--teal)}.prize-row.losses .num{color:var(--pink)}.menu{display:grid;gap:14px;max-width:640px;margin:0 auto}.card{--card-c: var(--accent);display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s;touch-action:manipulation;cursor:pointer}.card:active{transform:scale(.985)}.card:hover{border-color:var(--card-c);background:#22314a;box-shadow:0 10px 26px -14px color-mix(in srgb,var(--card-c) 65%,transparent)}.card.violet{--card-c: var(--violet)}.card .icon{flex:0 0 auto;width:60px;height:60px;border-radius:14px;display:grid;place-items:center;font-size:30px;color:var(--card-c);background:color-mix(in srgb,var(--card-c) 15%,transparent);border:1px solid var(--card-c)}.card .body{min-width:0;flex:1}.card .title{font-size:19px;font-weight:700;display:flex;align-items:center;gap:8px}.card .sub{font-size:13px;color:var(--muted);margin-top:4px}.card .chev{color:var(--muted);font-size:22px}.tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--card-c);background:color-mix(in srgb,var(--card-c) 16%,transparent);border:1px solid var(--card-c);border-radius:999px;padding:2px 8px}.footer{text-align:center;font-size:12px;color:var(--muted);padding-top:34px}.footer p{margin:4px 0}.footer a{color:var(--accent);text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}