.game-panel{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;gap:12px;padding:max(16px,env(safe-area-inset-top)) 16px calc(max(16px,env(safe-area-inset-bottom)) + 30px);background:#0f1d36;animation:rise .3s ease-out;overflow-y:auto}.game-head{display:grid;grid-template-columns:1fr auto;align-items:center}.game-head .game-rules{grid-column:1 / -1}.game-help-button{width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#e6f2ff1a;box-shadow:inset 0 0 0 1px var(--edge);color:#f1e6c8;font:700 18px IM Fell English,Georgia,serif;cursor:pointer}.game-help{position:absolute;inset:0;z-index:2;display:grid;align-items:center;padding:20px 16px;background:#070e1cbf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:rise .25s ease-out}.game-help[hidden]{display:none}.game-help-card{display:grid;gap:12px;max-height:100%;overflow-y:auto;padding:20px 20px 18px;border-radius:18px;background:#13233f;box-shadow:inset 0 0 0 1px var(--edge),0 20px 50px #00000080}.game-help-card h2{margin:0;font-family:IM Fell English,Georgia,serif;font-size:24px;font-weight:400;color:#f1e6c8}.game-help-body{display:grid;gap:10px;font-size:15px;line-height:1.45;color:var(--ink)}.game-help-body p,.game-help-body ul{margin:0}.game-help-body ul{padding-left:20px}.game-help-body li+li{margin-top:4px}.game-help-body h3{margin:6px 0 0;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.game-help-body .example{display:flex;align-items:center;gap:12px}.game-help-body .example+p{margin-top:-2px}.game-help-close{height:46px;border:0;border-radius:14px;background:var(--gold);color:#2a1b05;font:inherit;font-size:16px;font-weight:700;cursor:pointer}.game-help-body .scoring{display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.game-help-body .scoring b{color:var(--gold)}.game-head h1{display:flex;align-items:center;gap:10px;margin:0;font-family:IM Fell English,Georgia,serif;font-size:28px;font-weight:400;color:#f1e6c8}.game-rules{margin:6px 0 0;font-size:14px;line-height:1.4;color:var(--muted)}.game-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.game-end{display:grid;gap:10px;padding:14px 16px 16px;border-radius:16px;background:#13233f;box-shadow:inset 0 0 0 1px var(--edge);animation:rise .3s ease-out}.game-end[hidden]{display:none}.game-summary{margin:0;font-family:IM Fell English,Georgia,serif;font-size:19px;text-align:center;color:#f1e6c8}.game-end[data-outcome=fail] .game-summary{color:#ff9a8f}.game-continue{height:48px;border:0;border-radius:14px;background:var(--gold);color:#2a1b05;font:inherit;font-size:17px;font-weight:700;cursor:pointer}.game-body [hidden]{display:none!important}.game-note{min-height:20px;margin:0;font-size:14px;font-weight:600;color:var(--gold);text-align:center}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.log-grid{display:grid;grid-template-rows:repeat(6,1fr);gap:6px}.log-row{display:grid;grid-template-columns:repeat(5,50px);gap:6px}.log-row.shake{animation:shake .4s}.log-tile{display:grid;place-items:center;height:50px;border-radius:8px;box-shadow:inset 0 0 0 2px #e6f2ff24;font-size:26px;font-weight:800;text-transform:uppercase;color:var(--ink)}.log-tile.filled{box-shadow:inset 0 0 0 2px #e6f2ff66}.log-tile[data-mark]{box-shadow:none;animation:flip .45s ease-out backwards}@keyframes flip{0%{transform:rotateX(90deg)}}[data-mark=hit],.log-keys button[data-mark=hit]{background:#3c8d5c}[data-mark=near],.log-keys button[data-mark=near]{background:#c99a2e}[data-mark=miss],.log-keys button[data-mark=miss]{background:#263243;color:#e6f2ff73}.log-keys{display:grid;gap:6px;width:100%}.log-keys div{display:flex;gap:5px;justify-content:center}.log-keys button{flex:1;max-width:34px;height:50px;padding:0;border:0;border-radius:7px;background:#4a5a74;color:var(--ink);font:inherit;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer}.log-keys button.wide{display:grid;place-items:center;max-width:54px}.log-keys button.wide svg{width:24px;height:24px;pointer-events:none}.box-history{display:grid;gap:6px;width:100%;max-width:300px}.box-try{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;background:#e6f2ff0d}.box-try .box-symbols{display:flex;gap:6px}.box-try .box-symbols svg{width:30px;height:30px}.box-pegs{display:grid;grid-template-columns:repeat(2,10px);gap:4px;margin-left:auto}.box-pegs i{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #e6f2ff33}.box-pegs i.exact{background:var(--gold);box-shadow:none}.box-pegs i.near{background:#c8d2e0;box-shadow:none}.box-lock{display:flex;gap:10px;padding:14px 16px;border-radius:18px;background:linear-gradient(#5a3b22,#3d2615);box-shadow:inset 0 0 0 2px #8a5a2b,0 6px 16px #0006}.box-lock.shake{animation:shake .4s}.box-slot{display:grid;place-items:center;width:54px;height:54px;padding:0;border:0;border-radius:50%;background:#1c140c;box-shadow:inset 0 0 0 2px #b98a4e;cursor:pointer}.box-slot svg{width:38px;height:38px}.box-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:100%;max-width:330px}.box-palette button{display:grid;place-items:center;aspect-ratio:1;padding:0;border:0;border-radius:12px;background:#e6f2ff14;cursor:pointer}.box-palette button:disabled{opacity:.3;cursor:default}.box-palette svg{width:34px;height:34px}.box-try-button{width:100%;max-width:330px;height:48px;border:0;border-radius:14px;background:var(--gold);color:#2a1b05;font:inherit;font-size:17px;font-weight:700;cursor:pointer}.box-try-button:disabled{opacity:.4;cursor:default}.deck-status{display:flex;gap:18px;font-size:14px;font-weight:600;color:var(--muted)}.deck-status b{color:var(--ink)}.deck-misfires i{display:inline-block;width:10px;height:10px;margin-left:4px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #ff8f8a80}.deck-misfires i.used{background:#e5484d;box-shadow:none}.deck-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));width:min(100%,336px);aspect-ratio:1;border:3px solid #1a110a;border-radius:6px;background:#1a110a}.deck-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;padding:0;border:0;border-right:1px solid rgb(26 17 10 / .35);border-bottom:1px solid rgb(26 17 10 / .35);cursor:pointer}.deck-cell.edge-r{border-right:3px solid #1a110a}.deck-cell.edge-b{border-bottom:3px solid #1a110a}.deck-cell .mark{line-height:1;font-size:18px;font-weight:700;color:#1a110a8c}.deck-cell svg{width:72%;height:72%}.deck-cell.misfire{animation:misfire .6s}@keyframes misfire{0%,50%{background:#e5484d}}.deck-tools{display:flex;gap:8px;padding:4px;border-radius:14px;background:#e6f2ff0f}.deck-tools button{display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.deck-tools button[aria-checked=true]{background:#f1e6c8;color:#2a1b05}.deck-tools .mark{font-size:18px}.deck-tools svg{width:22px;height:22px}.mini-deck{display:grid;flex:none;grid-template-columns:repeat(3,30px);grid-template-rows:repeat(3,30px);border:2px solid #1a110a;border-radius:4px;background:#1a110a;gap:1px}.mini-deck span{display:grid;place-items:center;background:#9dcaa3;font-weight:700;color:#1a110a8c}.mini-deck svg{width:22px;height:22px}.game-help-body .box-symbols svg{width:30px;height:30px}.game-help-body .box-try{max-width:220px}.wheel-score{display:grid;gap:6px;width:100%;max-width:320px;font-size:14px;font-weight:600;color:var(--muted);text-align:center}.wheel-bar{position:relative;height:8px;border-radius:4px;background:#e6f2ff1a}.wheel-bar span{display:block;height:100%;border-radius:4px;background:var(--gold);transition:width .3s}.wheel-bar i{position:absolute;top:-3px;width:2px;height:14px;background:#f1e6c8}.wheel-word{min-height:38px;margin:0;font-size:30px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.wheel-word .hub{color:var(--gold)}.wheel-word .stray{opacity:.35}.wheel-word.shake{animation:shake .4s}.helm{position:relative;flex:none;width:264px;height:264px}.wheel-rim{position:absolute;inset:34px;border:10px solid #8a5a2b;border-radius:50%;box-shadow:inset 0 0 0 2px #5a3a1c,0 0 0 2px #5a3a1c,0 8px 18px #0006}.wheel-rim i{position:absolute;top:-44px;bottom:-44px;left:calc(50% - 4px);width:8px;border-radius:4px;background:#6b4426}.wheel-spoke,.wheel-hub{position:absolute;top:50%;left:50%;display:grid;place-items:center;padding:0;border:0;border-radius:50%;font:800 24px system-ui,sans-serif;text-transform:uppercase;cursor:pointer}.wheel-spoke{width:56px;height:56px;margin:-28px;background:radial-gradient(circle at 35% 30%,#e3b574,#b07a3c);box-shadow:inset 0 0 0 2px #6b4426;color:#2a1b05;transform:rotate(var(--a)) translateY(-104px) rotate(calc(-1 * var(--a)))}.wheel-hub{width:74px;height:74px;margin:-37px;background:radial-gradient(circle at 35% 30%,#ffe08a,var(--gold));box-shadow:inset 0 0 0 3px #a87a1c,0 4px 10px #00000059;color:#2a1b05;font-size:30px}.wheel-controls{display:flex;gap:10px}.wheel-controls button,.wheel-end{height:44px;padding:0 18px;border:0;border-radius:12px;background:#e6f2ff1a;box-shadow:inset 0 0 0 1px var(--edge);color:var(--ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.wheel-controls .wheel-enter{background:#f1e6c8;color:#2a1b05}.wheel-found{width:100%;max-width:320px;font-size:14px;color:var(--muted)}.wheel-found summary{cursor:pointer;font-weight:600}.wheel-found p{margin:6px 0 0;color:var(--ink);line-height:1.5}.wheel-end{height:38px;background:transparent;color:var(--muted);font-size:14px}.fleet{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.fleet span{width:calc(var(--n) * 14px);height:12px;border-radius:6px;background:#e6f2ff2e}.fleet span.sunk{background:#8a5a2b;box-shadow:inset 0 0 0 1.5px #3d2410}.bs-board{display:grid;grid-template-columns:26px repeat(8,minmax(0,1fr));grid-template-rows:26px repeat(8,minmax(0,1fr));width:min(100%,336px);aspect-ratio:1;gap:2px}.bs-count{display:grid;place-items:center;font-size:15px;color:var(--muted)}.bs-count.done{color:var(--gold)}.bs-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0;border-radius:4px;background:#1f4f6e;color:#8fc6e8;cursor:pointer}.bs-cell svg{width:70%;height:70%}.bs-cell.given{box-shadow:inset 0 0 0 2px #f1e6c88c}.bs-cell.ship:after{content:"";position:absolute;inset:3px;background:linear-gradient(#a8743f,#6b4426);box-shadow:inset 0 0 0 1.5px #3d2410}.bs-cell.ship:not(.part):not(.t):after{top:-2px}.bs-cell.ship:not(.part):not(.b):after{bottom:-2px}.bs-cell.ship:not(.part):not(.l):after{left:-2px}.bs-cell.ship:not(.part):not(.r):after{right:-2px}.bs-cell.ship.part:after{border-radius:4px}.bs-cell.ship.t.l:after{border-top-left-radius:999px}.bs-cell.ship.t.r:after{border-top-right-radius:999px}.bs-cell.ship.b.l:after{border-bottom-left-radius:999px}.bs-cell.ship.b.r:after{border-bottom-right-radius:999px}.bs-cell.misfire{animation:misfire .6s}.bs-swatch{width:22px;height:12px;border-radius:6px;background:linear-gradient(#a8743f,#6b4426)}.rg-board{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));width:min(100%,330px);aspect-ratio:1;gap:3px;padding:3px;border-radius:10px;background:#0b1a2e;touch-action:none;-webkit-user-select:none;user-select:none}.rg-board.shake{animation:shake .4s}.rg-cell{display:grid;place-items:center;border-radius:6px;background:#1a3350}.rg-cell.on{background:#23446a}.rg-buoy{position:relative;z-index:2;display:grid;place-items:center;width:64%;aspect-ratio:1;border-radius:50%;background:repeating-linear-gradient(-45deg,#e5484d 0 5px,#f4efe6 5px 10px);box-shadow:0 0 0 2px #2a1b05,0 3px 6px #0006;font:800 16px system-ui,sans-serif;color:#2a1b05}.rg-buoy{text-shadow:0 0 3px #f4efe6,0 0 3px #f4efe6}.rg-cell.reached .rg-buoy{box-shadow:0 0 0 3px var(--gold),0 3px 6px #0006}.rg-rope{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);pointer-events:none;z-index:1}.rg-rope path{fill:none;stroke-linecap:round;stroke-linejoin:round}.rg-rope-edge{stroke:#4a3218;stroke-width:.34}.rg-rope-core{stroke:#d6b07a;stroke-width:.24;stroke-dasharray:.12 .08}.rg-actions{display:flex;gap:10px}.rg-actions button{height:46px;padding:0 18px;border:0;border-radius:12px;background:#e6f2ff1a;box-shadow:inset 0 0 0 1px var(--edge);color:var(--ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.rg-actions .rg-check{background:var(--gold);color:#2a1b05;box-shadow:none}.rg-actions button:disabled{opacity:.4;cursor:default}.cs-crates,.cs-grid{display:grid;gap:6px;width:100%;max-width:340px}.cs-crate{display:grid;gap:2px;padding:8px 10px;border-radius:10px;text-align:center;color:#2a1b05}.cs-crate b{font-size:14px;text-transform:uppercase;letter-spacing:.04em}.cs-crate span{font-size:13px}.cs-crate[data-level="0"]{background:#f2c14e}.cs-crate[data-level="1"]{background:#9dcaa3}.cs-crate[data-level="2"]{background:#a9c4ea}.cs-crate[data-level="3"]{background:#c8aae6}.cs-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-grid.shake{animation:shake .4s}.cs-item{display:grid;place-items:center;height:62px;padding:0 2px;border:0;border-radius:10px;background:linear-gradient(#c99a62,#a8743f);box-shadow:inset 0 0 0 2px #6b4426;color:#2a1b05;font:800 13px system-ui,sans-serif;overflow-wrap:anywhere;cursor:pointer}.cs-item.long{font-size:10px}.cs-item.on{background:linear-gradient(#5a6e8c,#3e4f6a);box-shadow:inset 0 0 0 2px #f1e6c8;color:#f1e6c8}.cs-actions{display:flex;gap:8px}.cs-actions button{height:44px;padding:0 14px;border:0;border-radius:12px;background:#e6f2ff1a;box-shadow:inset 0 0 0 1px var(--edge);color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.cs-actions .cs-load{background:var(--gold);color:#2a1b05;box-shadow:none}.cs-actions button:disabled{opacity:.4;cursor:default}.tm-clue{display:grid;gap:2px;width:100%;max-width:300px;padding:8px 12px;border-radius:12px;background:linear-gradient(#efe0bd,#dcc89a);box-shadow:inset 0 0 0 2px #a8743f;text-align:center;color:#3d2410}.tm-clue span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.tm-clue b{font-family:IM Fell English,Georgia,serif;font-size:20px;font-weight:400}.tm-progress{font-size:14px;font-weight:600;color:var(--muted)}.tm-word{min-height:30px;margin:0;font-size:24px;font-weight:800;letter-spacing:.08em}.tm-board{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));box-sizing:border-box;width:min(100%,252px);aspect-ratio:6 / 8;padding:6px;border-radius:14px;background:linear-gradient(#f1e3c2,#e2cd9f);box-shadow:inset 0 0 0 2px #a8743f,0 6px 16px #00000059;touch-action:none;-webkit-user-select:none;user-select:none}.tm-board svg{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);pointer-events:none}.tm-board path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:.5}.tm-found path{stroke:#8fb7e6}.tm-found path.span{stroke:var(--gold)}.tm-trace{stroke:#3d241059}.tm-cell{position:relative;display:grid;place-items:center;border-radius:50%;font:800 19px system-ui,sans-serif;color:#3d2410}.tm-cell.found{color:#13233f}.tm-cell.span{color:#2a1b05}.tm-cell.tracing{background:#3d24101f}.tm-cell.hinted{box-shadow:inset 0 0 0 2px #c8423b}.pl-dots{display:flex;gap:8px}.pl-dots i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #e6f2ff4d}.pl-dots i.now{box-shadow:inset 0 0 0 2px var(--gold)}.pl-dots i.right{background:#3c8d5c;box-shadow:none}.pl-dots i.wrong{background:#e5484d;box-shadow:none}.pl-card{display:grid;gap:10px;width:100%;max-width:340px}.pl-count{margin:0;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.pl-question{margin:0 0 4px;font-family:IM Fell English,Georgia,serif;font-size:23px;font-weight:400;line-height:1.25;color:#f1e6c8}.pl-options{display:grid;gap:8px}.pl-option{min-height:48px;padding:10px 14px;border:0;border-radius:12px;background:#e6f2ff14;box-shadow:inset 0 0 0 1px var(--edge);color:var(--ink);font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer}.pl-option:disabled{cursor:default}.pl-option.right{background:#3c8d5c;box-shadow:none}.pl-option.wrong{background:#a8383c;box-shadow:none}.pl-option.dim{opacity:.45}.pl-fact{min-height:0;margin:2px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}.pl-next{height:46px;border:0;border-radius:12px;background:#f1e6c8;color:#2a1b05;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.pl-next[hidden]{display:none}