:root{--c-bg: #0b0908;--c-surface: #17120e;--c-surface-raised: #241b14;--c-line: #3a2b1e;--c-gold: #c9a24a;--c-gold-bright: #e8c877;--c-gold-dim: #8a6c31;--c-text: #f0e7d8;--c-text-dim: #a2917c;--c-accent-red: #b3301f;--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--c-bg);color:var(--c-text);font-family:var(--font-ui);overscroll-behavior:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#boot-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 38%,#1d1510,#0b0908 62%,#050403);transition:opacity .75s var(--ease-out)}#boot-screen.is-hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .75s var(--ease-out),visibility 0s linear .75s}.boot-inner{display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding:2rem;text-align:center}.boot-mark{position:relative;width:74px;height:74px;display:grid;place-items:center;margin-bottom:.4rem}.boot-mark-c{font-family:var(--font-display);font-size:2.1rem;color:var(--c-gold-bright);line-height:1}.boot-mark-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--c-gold-dim);border-top-color:var(--c-gold-bright);animation:boot-spin 1.5s linear infinite}@keyframes boot-spin{to{transform:rotate(360deg)}}.boot-title{margin:0;font-family:var(--font-display);font-size:clamp(1.9rem,6vw,2.9rem);font-weight:400;letter-spacing:.24em;text-indent:.24em;color:var(--c-text)}.boot-title span{color:var(--c-gold)}.boot-bar{width:min(240px,60vw);height:3px;border-radius:2px;background:#c9a24a29;overflow:hidden}.boot-bar-fill{height:100%;width:0%;border-radius:2px;background:linear-gradient(90deg,var(--c-gold-dim),var(--c-gold-bright));transition:width .35s var(--ease-out)}.boot-status{margin:0;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-dim)}#fatal-screen{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#0b0908;padding:2rem}#fatal-screen[hidden]{display:none}.fatal-inner{max-width:34rem;text-align:center}#fatal-reload{pointer-events:auto;width:auto;min-width:12rem;margin-top:1.4rem}.fatal-inner h2{font-family:var(--font-display);color:var(--c-gold);letter-spacing:.08em;margin:0 0 .75rem}.fatal-inner p{color:var(--c-text-dim);line-height:1.6;margin:0}#ui-root{position:fixed;inset:0;z-index:20;pointer-events:none}#ui-root [hidden]{display:none}#ui-root button,#ui-root input,#ui-root .overlay,#ui-root .hud-top,#ui-root .coin-tray,#ui-root .striker-rail-track{pointer-events:auto}.overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:radial-gradient(120% 100% at 50% 30%,#140e0ad1,#060504f0 70%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:overlay-in .28s var(--ease-out)}.overlay[hidden]{display:none}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.screen{display:flex;flex-direction:column;align-items:center;gap:1rem;width:min(640px,100%);max-height:100%;text-align:center;animation:screen-in .34s var(--ease-out)}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.screen--panel{position:relative;background:linear-gradient(180deg,#241b14eb,#17120ef2);border:1px solid rgba(201,162,74,.24);border-radius:18px;--panel-pad: clamp(1.25rem, 4vw, 2rem);padding:var(--panel-pad);box-shadow:0 30px 70px #0000008c}.screen--panel{overflow-y:auto;-webkit-overflow-scrolling:touch}.screen--compact{width:min(420px,100%)}.screen--scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.panel-close{position:absolute;top:.6rem;right:.6rem;z-index:2;display:grid;place-items:center;width:2.1rem;height:2.1rem;padding:0;border-radius:50%;border:1px solid rgba(201,162,74,.28);background:#0c09078c;color:var(--c-text-dim);cursor:pointer;transition:color .18s,border-color .18s,background .18s}.panel-close:hover,.panel-close:focus-visible{color:var(--c-text);border-color:#c9a24a99;background:#0c0907cc}.screen--panel [data-action=back]:not(.panel-close){position:sticky;bottom:calc(var(--panel-pad) * -1);margin-top:.5rem;background:linear-gradient(180deg,#1c1510e6,#17120efc);box-shadow:0 var(--panel-pad) 0 0 #17120efc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.screen--panel .panel-title{padding-inline:2.4rem}.screen--menu{overflow-y:auto;-webkit-overflow-scrolling:touch}*{scrollbar-width:thin;scrollbar-color:rgba(201,162,74,.45) rgba(0,0,0,.25)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#00000047;border-radius:8px}::-webkit-scrollbar-thumb{border-radius:8px;background:linear-gradient(180deg,#e0be788c,#a07a3a8c);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f0d08ccc,#b88e46cc);background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,var(--c-gold-bright),var(--c-gold));background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}.menu-mark{position:relative;width:88px;height:88px;flex:none;display:grid;place-items:center}.menu-mark-letter{font-family:var(--font-display);font-size:2.5rem;color:var(--c-gold-bright);line-height:1}.menu-mark-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(201,162,74,.45);box-shadow:inset 0 0 22px #c9a24a2e}.menu-title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,8vw,3.2rem);font-weight:400;letter-spacing:.22em;text-indent:.22em;color:var(--c-text)}.menu-title span{color:var(--c-gold)}.menu-tagline{margin:-.35rem 0 .5rem;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-dim)}.menu-actions{display:flex;flex-direction:column;gap:.6rem;width:min(320px,100%)}.menu-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem 1.1rem;width:min(340px,100%);margin-top:.2rem}.link-btn{-webkit-appearance:none;appearance:none;border:0;background:none;padding:.3rem 0;font:inherit;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-dim);cursor:pointer;transition:color .18s}.link-btn:hover,.link-btn:focus-visible{color:var(--c-gold)}.btn{-webkit-appearance:none;appearance:none;width:100%;padding:.85rem 1.4rem;border-radius:10px;border:1px solid rgba(201,162,74,.3);background:#c9a24a12;color:var(--c-text);font-family:var(--font-ui);font-size:.9rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .16s var(--ease-out),background .2s,border-color .2s,color .2s}.btn:hover{background:#c9a24a29;border-color:#c9a24a8c}.btn:active{transform:translateY(1px) scale(.995)}.btn:focus-visible{outline:2px solid var(--c-gold-bright);outline-offset:2px}.btn--primary{background:linear-gradient(180deg,var(--c-gold-bright),var(--c-gold));border-color:var(--c-gold-bright);color:#1c1409;font-weight:700;box-shadow:0 8px 22px #c9a24a3d}.btn--primary:hover{background:linear-gradient(180deg,#f2d78c,var(--c-gold-bright))}.btn--ghost{background:transparent;border-color:#c9a24a2e;color:var(--c-text-dim)}.btn--ghost:hover{color:var(--c-text)}.icon-btn{-webkit-appearance:none;appearance:none;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(201,162,74,.22);background:#0c09079e;color:var(--c-text-dim);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s,border-color .2s}.icon-btn:hover{color:var(--c-text);border-color:#c9a24a80}.icon-btn svg{fill:currentColor}.panel-title{margin:0;font-family:var(--font-display);font-size:clamp(1.25rem,4vw,1.7rem);font-weight:400;letter-spacing:.12em;color:var(--c-gold)}.f-board{fill:#efe6d2;stroke:#5a3a1e;stroke-width:2}.f-guide{stroke:var(--c-gold-bright);stroke-width:2;stroke-dasharray:4 3;fill:none}.f-striker{fill:#fdfaf1;stroke:#9b8763;stroke-width:1.5}.f-coin{fill:#3a2f24}.f-queen{fill:#a3231b}.f-pull{stroke:var(--c-text-dim);stroke-width:1.5;stroke-dasharray:3 2}.f-finger{fill:var(--c-gold)}.f-line{stroke:#4a3520;stroke-width:1.5}.f-circle{fill:none;stroke:#a3231b;stroke-width:1.5}.f-arrow{stroke:var(--c-gold-bright);stroke-width:2.5;marker-end:none;fill:none}.f-rail{fill:#241b14;stroke:#c9a24a80;stroke-width:1.5}.screen--wide{width:min(760px,100%)}.howto-section{display:flex;align-items:center;gap:.7rem;margin:1.4rem 0 .7rem;font-family:var(--font-ui);font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--c-gold);text-align:left}.howto-section:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(201,162,74,.35),transparent)}.howto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.7rem;width:100%}.howto-card{display:flex;align-items:flex-start;gap:.85rem;padding:.85rem;border-radius:12px;border:1px solid rgba(201,162,74,.14);background:linear-gradient(160deg,#c9a24a12,#c9a24a05);text-align:left}.howto-figure{flex:0 0 104px;border-radius:8px;overflow:hidden;border:1px solid rgba(90,58,30,.5)}.howto-figure svg{width:100%;height:auto;display:block}.howto-copy{min-width:0}.howto-card h3{margin:0 0 .3rem;font-size:.86rem;letter-spacing:.04em;color:var(--c-gold-bright)}.howto-card p{margin:0;font-size:.78rem;line-height:1.6;color:var(--c-text-dim)}.howto-notes{display:grid;gap:.9rem;margin:1.4rem 0 .4rem;text-align:left}.howto-note-block h4{margin:0 0 .35rem;font-size:.8rem;letter-spacing:.06em;color:var(--c-gold-bright)}.howto-note-block p{margin:0;font-size:.79rem;line-height:1.65;color:var(--c-text-dim)}.f-orbit{fill:none;stroke:#5a3a1e8c;stroke-width:1.5;stroke-dasharray:4 3}.f-cam{fill:#3a2f24}.f-camlens{fill:var(--c-gold-bright)}.f-key{fill:#fdfaf1;stroke:#9b8763;stroke-width:1.5}.f-glyph{stroke:#5a3a1e;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}@media(max-width:520px){.howto-card{flex-direction:column}.howto-figure{flex:0 0 auto;width:100%;max-width:180px}}.f-pocket{fill:#14100c}.f-text{fill:#6b5a44;font-size:9px;text-anchor:middle;font-family:var(--font-ui)}.f-foul{fill:#d64528;font-size:11px;font-weight:700;text-anchor:middle;font-family:var(--font-ui)}.credits{text-align:left;max-width:46ch}.credits p{font-size:.8rem;line-height:1.65;color:var(--c-text-dim)}.credits strong{color:var(--c-gold);letter-spacing:.05em}.credits code{color:var(--c-gold-bright);font-size:.95em}.credits-contact{font-size:.92em;color:var(--c-text-faint, var(--c-text-dim));overflow-wrap:anywhere}.credits-contact a{color:var(--c-gold);text-decoration:none;border-bottom:1px solid rgba(195,154,74,.35)}.credits-contact a:hover{color:var(--c-gold-bright)}.stats-empty{color:var(--c-text-dim);font-size:.85rem;text-align:center;padding:1.5rem 0}.btn--danger{color:#c98b8b}.btn--danger:hover{color:#e6a5a5;border-color:#c9787873}.setting-group{width:100%;text-align:left;padding-bottom:.6rem;border-bottom:1px solid rgba(201,162,74,.12)}.setting-group h3{margin:.8rem 0 .5rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--c-gold)}.setting{margin-bottom:.75rem}.setting--row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.84rem;color:var(--c-text)}.setting-label{display:block;margin-bottom:.35rem;font-size:.84rem;color:var(--c-text)}.setting-hint{margin:.35rem 0 0;font-size:.72rem;line-height:1.45;color:#a2917ccc}.segmented{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:10px;background:#00000047;border:1px solid rgba(201,162,74,.14)}.segmented button{-webkit-appearance:none;appearance:none;flex:1 1 auto;min-width:62px;padding:.45rem .6rem;border:0;border-radius:7px;background:transparent;color:var(--c-text-dim);font-family:var(--font-ui);font-size:.74rem;letter-spacing:.06em;cursor:pointer;transition:background .18s,color .18s}.segmented button:hover{color:var(--c-text)}.btn--cycle{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.btn-cycle-label{color:var(--c-text-dim)}.btn-cycle-value{color:var(--c-gold);font-weight:600;letter-spacing:.04em}.btn--cycle:hover .btn-cycle-value{color:var(--c-gold-bright)}.segmented button.is-active{background:linear-gradient(180deg,var(--c-gold-bright),var(--c-gold));color:#1c1409;font-weight:600}input[type=range]{-webkit-appearance:none;appearance:none;width:150px;height:4px;border-radius:2px;background:#c9a24a38;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--c-gold-bright);border:2px solid #221a11}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--c-gold-bright);border:2px solid #221a11}input[type=checkbox]{-webkit-appearance:none;appearance:none;width:40px;height:22px;border-radius:11px;background:#0006;border:1px solid rgba(201,162,74,.25);position:relative;cursor:pointer;transition:background .2s}input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--c-text-dim);transition:transform .2s var(--ease-out),background .2s}input[type=checkbox]:checked{background:#c9a24a59}input[type=checkbox]:checked:after{transform:translate(18px);background:var(--c-gold-bright)}.hud{position:absolute;inset:0;z-index:1}.hud[hidden]{display:none}.hud-top{position:absolute;top:max(.75rem,env(safe-area-inset-top));left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;padding:0 max(.75rem,env(safe-area-inset-left))}.player-card{flex:0 0 auto;display:flex;flex-direction:column;gap:.4rem;padding:.55rem .75rem;border-radius:12px;background:#0c09079e;border:1px solid rgba(201,162,74,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .25s,box-shadow .25s}.player-card.is-active{border-color:#c9a24a99;box-shadow:0 0 0 1px #c9a24a33,0 6px 20px #0006}.player-card--right{align-items:flex-end}.player-head{display:flex;align-items:center;gap:.45rem}.player-name{font-size:.8rem;letter-spacing:.05em;color:var(--c-text)}.player-boards{min-width:20px;padding:1px 6px;border-radius:6px;background:#c9a24a29;color:var(--c-gold-bright);font-size:.74rem;font-variant-numeric:tabular-nums;text-align:center}.player-swatch{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.5);background:#6b6157}.player-swatch.is-white{background:#f0e2c4}.player-swatch.is-black{background:#2b2119;border-color:#ffffff40}.player-swatch.is-unset{background:repeating-linear-gradient(45deg,#58504a 0 3px,#3a342f 3px 6px)}.coin-tray{display:flex;gap:3px}.coin-pip{width:9px;height:9px;border-radius:50%;background:#7d7266;border:1px solid rgba(0,0,0,.45);transition:opacity .3s,transform .3s var(--ease-out)}.coin-pip.is-white{background:#f0e2c4}.coin-pip.is-black{background:#2b2119;border-color:#fff3}.coin-pip.is-potted{opacity:.18;transform:scale(.7)}.hud-centre{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding-top:.15rem;min-width:0;flex:1 1 auto}.turn-pill{padding:.4rem .9rem;border-radius:999px;background:#0c0907b3;border:1px solid rgba(201,162,74,.3);color:var(--c-gold-bright);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.turn-pill.is-opponent{color:#d9b8ff;border-color:#b496e659}.queen-status{padding:.22rem .6rem;border-radius:999px;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.queen-status.is-pending{background:#d6452833;color:#ff8b6d}.queen-status.is-owned{background:#c9a24a2e;color:var(--c-gold-bright)}.hud-pause{position:absolute;left:max(.75rem,env(safe-area-inset-left));bottom:max(.75rem,env(safe-area-inset-bottom))}.hud-howto{position:absolute;right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom))}.hud-fullscreen{position:absolute;right:calc(max(.75rem,env(safe-area-inset-right)) + 48px);bottom:max(.75rem,env(safe-area-inset-bottom))}@media(max-width:600px){.hud-pause,.hud-howto,.hud-fullscreen{bottom:calc(max(.75rem,env(safe-area-inset-bottom)) + 3.1rem)}.coach{bottom:calc(max(.75rem,env(safe-area-inset-bottom)) + 6.2rem)}}.challenge-bar{position:absolute;top:max(.75rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.9rem;padding:.4rem 1rem;border-radius:999px;background:#0c0907c7;border:1px solid rgba(201,162,74,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.8rem;color:var(--c-text-dim);white-space:nowrap}.challenge-bar[hidden]{display:none}.challenge-level{letter-spacing:.1em;text-transform:uppercase}.challenge-clock{font-family:var(--font-display);font-size:1.5rem;line-height:1;color:var(--c-text);font-variant-numeric:tabular-nums}.challenge-clock.is-low{color:#ff6a4d}.challenge-coins b{color:var(--c-gold-bright);font-size:1rem}.star-row{display:flex;justify-content:center;gap:.6rem;margin:.4rem 0 .2rem}.star{font-size:2.6rem;line-height:1;color:#c9a24a38}.star.is-earned{color:var(--c-gold-bright);text-shadow:0 0 18px rgba(232,200,119,.5)}.challenge-note{margin:.2rem 0 .4rem;text-align:center;color:var(--c-text-dim);font-size:.85rem}.levels-total{margin:-.4rem 0 .4rem;color:var(--c-gold);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:.55rem;width:min(384px,100%)}.level-card{-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .4rem .55rem;border-radius:12px;border:1px solid rgba(201,162,74,.22);background:#c9a24a0d;color:var(--c-text);cursor:pointer;transition:transform .16s var(--ease-out),border-color .2s,background .2s}.level-card:hover{transform:translateY(-2px);border-color:#c9a24a99;background:#c9a24a1f}.level-card.is-cleared{border-color:#c9a24a73}.level-number{font-family:var(--font-display);font-size:1.3rem;line-height:1;color:var(--c-gold-bright)}.level-stars{display:flex;gap:3px}.level-stars i{width:9px;height:9px;border-radius:50%;background:#c9a24a33}.level-stars i.on{background:var(--c-gold)}.levels-entry{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:.7rem;width:min(384px,100%);padding:.6rem .9rem;border-radius:12px;border:1px solid rgba(201,162,74,.3);background:#c9a24a12;color:var(--c-text);cursor:pointer;text-align:left;transition:transform .16s var(--ease-out),border-color .2s,background .2s}.levels-entry:hover{transform:translateY(-2px);border-color:#c9a24a99;background:#c9a24a1f}.levels-entry-icon{flex:none;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background:#c9a24a24;color:var(--c-gold-bright)}.levels-entry-copy{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.levels-entry-title{font-weight:600}.levels-entry-sub{font-size:.78rem;color:var(--c-gold);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.levels-entry-chevron{flex:none;color:#c9a24a80}.levels-grid--full{width:100%;grid-template-columns:repeat(auto-fit,minmax(56px,1fr))}.level-card.is-locked{cursor:not-allowed;opacity:.45;color:var(--c-text-dim)}.level-card.is-locked:hover{transform:none;border-color:#c9a24a38;background:#c9a24a0d}.level-lock{color:var(--c-gold)}.power-meter{position:absolute;right:max(.9rem,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.power-meter[hidden]{display:none}.power-track{position:relative;width:10px;height:min(180px,28vh);border-radius:6px;background:#00000080;border:1px solid rgba(201,162,74,.25);overflow:hidden;display:flex;align-items:flex-end}.power-fill{width:100%;height:0%;background:linear-gradient(180deg,var(--c-gold-bright),#7fd4c1);transition:height .06s linear}.power-fill.is-hot{background:linear-gradient(180deg,#ff6a4d,var(--c-gold-bright))}.striker-rail{position:absolute;left:50%;bottom:max(.75rem,env(safe-area-inset-bottom),calc(50vh - 100vw / 2.16 - 3.2rem));transform:translate(-50%);width:min(24rem,82vw,66vh);padding:.55rem 1.35rem}.striker-rail[hidden]{display:none}.striker-rail-track{position:relative;height:1.45rem;border-radius:999px;background:linear-gradient(180deg,#080605b8,#18110cb8);border:1px solid rgba(201,162,74,.34);box-shadow:inset 0 1px 3px #0009,0 2px 10px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:grab;touch-action:none}.striker-rail.is-active .striker-rail-track{cursor:grabbing}.striker-rail-track:focus-visible{outline:2px solid var(--c-gold-bright);outline-offset:3px}.striker-rail-knob{position:absolute;top:50%;left:50%;width:2.1rem;height:2.1rem;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 50%,rgba(120,84,30,.55) 0 22%,transparent 23%),radial-gradient(circle at 38% 32%,#fdf3dc,#d9bc86 62%,#a8834a 63%);background-color:#e9d5ab;border:1px solid rgba(90,62,26,.75);box-shadow:0 2px 6px #0000008c,inset 0 -2px 4px #78541e59,inset 0 2px 3px #ffffff8c}.striker-rail:not(.is-active) .striker-rail-knob{transition:left .12s var(--ease-out)}.striker-rail.is-active .striker-rail-knob{box-shadow:0 0 0 4px #c9a24a47,0 3px 9px #0009,inset 0 -2px 4px #78541e59,inset 0 2px 3px #ffffff8c}@media(prefers-reduced-motion:reduce){.striker-rail .striker-rail-knob{transition:none}}.power-label{font-size:.6rem;letter-spacing:.16em;color:var(--c-text-dim);writing-mode:vertical-rl}.toast{position:absolute;left:50%;bottom:16%;transform:translate(-50%);padding:.55rem 1.1rem;border-radius:999px;background:#0c0907d9;border:1px solid rgba(201,162,74,.3);color:var(--c-text);font-size:.82rem;letter-spacing:.04em;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080}.toast[hidden]{display:none}.toast.is-in{animation:toast-in .32s var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.result-banner{display:flex;flex-direction:column;gap:.2rem}.result-kicker{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--c-text-dim)}.result-banner.is-win .result-kicker{color:var(--c-gold-bright)}.result-banner.is-loss .result-kicker{color:#d9756a}.result-title{margin:0;font-family:var(--font-display);font-size:clamp(1.2rem,5vw,1.7rem);font-weight:400;color:var(--c-text)}.result-stats{display:flex;justify-content:center;gap:1.6rem;margin:.4rem 0 .2rem}.result-stats dt{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-dim)}.result-stats dd{margin:.2rem 0 0;font-family:var(--font-display);font-size:1.2rem;color:var(--c-gold-bright)}.result-stats--list{display:block;margin:.6rem 0 1.2rem}.result-stats--list>div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid rgba(201,162,74,.1)}.result-stats--list>div:last-child{border-bottom:0}.result-stats--list dd{margin:0;font-size:1rem}.result-stats--list dt{letter-spacing:.1em}@media(max-width:620px){.player-name{font-size:.66rem;letter-spacing:.04em;max-width:5.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coin-pip{width:7px;height:7px}.turn-pill{font-size:.66rem;padding:.32rem .7rem}.turn-pill{white-space:normal;text-align:center;line-height:1.25;max-width:100%}.power-meter{right:.5rem}.power-label{display:none}.result-stats{gap:1rem}}@media(max-height:700px){.screen--menu{gap:.5rem}.menu-mark{width:54px;height:54px}.menu-mark-letter{font-size:1.5rem}.menu-title{font-size:clamp(1.4rem,5vh,2.1rem)}.menu-tagline{margin:-.2rem 0 .15rem;font-size:.7rem}.menu-actions{gap:.4rem}.menu-actions .btn{padding:.6rem 1.2rem}.screen--panel{padding:.9rem 1rem}.screen--compact .panel-title{font-size:1.25rem;margin-bottom:.2rem}}@media(max-height:520px){.menu-mark,.menu-tagline,.levels-total{display:none}}.rail-grab{position:absolute;left:calc(var(--knob-left, 50%) - .3rem);top:1.1rem;width:2.2rem;height:2.32rem;background:url(../textures/hand-slide.webp) no-repeat center / contain;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5))}.hud.is-coaching-place .rail-grab{animation:rail-grab-drag 2s var(--ease-out) infinite}@keyframes rail-grab-drag{0%,10%{opacity:1;transform:translate(-.95rem)}42%,52%{opacity:1;transform:translate(.95rem)}90%,to{opacity:1;transform:translate(-.95rem)}}@media(prefers-reduced-motion:reduce){.hud.is-coaching-place .rail-grab{animation:none;opacity:1}}.rail-nudge{position:absolute;top:50%;width:.85rem;height:.85rem;border-top:3px solid var(--c-gold-bright);border-right:3px solid var(--c-gold-bright);opacity:0;pointer-events:none;filter:drop-shadow(0 0 4px rgba(0,0,0,.75))}.rail-nudge--left{left:-1.35rem;transform:translateY(-50%) rotate(-135deg)}.rail-nudge--right{right:-1.35rem;transform:translateY(-50%) rotate(45deg)}.hud.is-coaching-place .rail-nudge--left{animation:rail-nudge-left 1.6s var(--ease-out) infinite}.hud.is-coaching-place .rail-nudge--right{animation:rail-nudge-right 1.6s var(--ease-out) infinite}@keyframes rail-nudge-left{0%,to{opacity:.35;transform:translate(.22rem,-50%) rotate(-135deg)}50%{opacity:1;transform:translate(-.24rem,-50%) rotate(-135deg)}}@keyframes rail-nudge-right{0%,to{opacity:.35;transform:translate(-.22rem,-50%) rotate(45deg)}50%{opacity:1;transform:translate(.24rem,-50%) rotate(45deg)}}.hud.is-coaching-place .striker-rail-knob{animation:rail-knob-breathe 1.6s var(--ease-out) infinite}@keyframes rail-knob-breathe{0%,to{box-shadow:0 0 #e9c46a00}50%{box-shadow:0 0 0 .34rem #e9c46a47}}@media(prefers-reduced-motion:reduce){.hud.is-coaching-place .rail-nudge--left,.hud.is-coaching-place .rail-nudge--right,.hud.is-coaching-place .striker-rail-knob{animation:none}.hud.is-coaching-place .rail-nudge{opacity:.9}}.coach{position:absolute;left:50%;bottom:calc(max(.75rem,env(safe-area-inset-bottom)) + 3.6rem);transform:translate(-50%);display:flex;align-items:center;gap:.6rem;max-width:min(30rem,calc(100vw - 2rem));padding:.5rem .95rem;border-radius:999px;background:#0c0907d1;border:1px solid rgba(201,162,74,.32);color:var(--c-text);font-size:.8rem;line-height:1.35;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000073;animation:coach-in .3s var(--ease-out)}.coach[hidden]{display:none}.coach.is-warning{border-color:#ff845a8c;color:#ffcbb6}.coach-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:50%;background:#c9a24a33;color:var(--c-gold-bright);font-size:.85rem;line-height:1}.coach.is-warning .coach-icon{background:#ff845a38;color:#ff9a76}@keyframes coach-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.shot-readout{position:absolute;right:max(.9rem,env(safe-area-inset-right));top:calc(50% + min(120px,20vh));transform:translate(0);display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .7rem;border-radius:10px;background:#0c0907c7;border:1px solid rgba(201,162,74,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.shot-readout[hidden]{display:none}.shot-power{font-family:var(--font-display);font-size:1.15rem;line-height:1;color:var(--c-text);font-variant-numeric:tabular-nums}.shot-verdict{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.shot-verdict.is-idle{color:var(--c-text-dim)}.shot-verdict.is-ok{color:var(--c-gold-bright)}.shot-verdict.is-pot{color:#3dfb87}.shot-verdict.is-warn{color:#d9a05f}.shot-verdict.is-foul{color:#ff5d7e}@media(max-width:620px){.coach{font-size:.72rem;padding:.42rem .7rem}.shot-readout{right:.5rem;padding:.3rem .5rem}.shot-power{font-size:.95rem}.shot-verdict{font-size:.55rem}}kbd{display:inline-block;min-width:1.5em;padding:.1em .4em;border:1px solid rgba(201,162,74,.35);border-bottom-width:2px;border-radius:5px;background:#0000004d;color:var(--c-gold);font-family:var(--font-ui);font-size:.85em;line-height:1.4;text-align:center}@media(orientation:landscape)and (max-height:480px){.striker-rail{bottom:max(.35rem,env(safe-area-inset-bottom));padding:.35rem 1.1rem}.striker-rail-track{height:1.05rem}.striker-rail-knob{width:1.6rem;height:1.6rem}.rail-grab{width:1.35rem;height:1.45rem;top:.72rem}.coach{left:50%;right:auto;transform:translate(-50%);bottom:calc(max(.35rem,env(safe-area-inset-bottom)) + 2.3rem);font-size:.7rem;padding:.32rem .6rem;max-width:74vw}.hud-pause,.hud-howto,.hud-fullscreen{bottom:max(.35rem,env(safe-area-inset-bottom))}}