.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}