:root{--bg: #0a0014;--bg-panel: #12081f;--bg-card: #1a0f2e;--neon-pink: #ff2bd6;--neon-cyan: #00f0ff;--neon-purple: #b44cff;--neon-yellow: #ffe566;--text: #f4e8ff;--text-dim: #a890c0;--danger: #ff4d6d;--ok: #3dff9a;--border: rgba(0, 240, 255, .35);--shadow-neon: 0 0 12px rgba(255, 43, 214, .45), 0 0 24px rgba(0, 240, 255, .2);--font-display: "Segoe UI", system-ui, -apple-system, sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-display);-webkit-tap-highlight-color:transparent}body{background:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(180,76,255,.25),transparent 55%),radial-gradient(ellipse 80% 50% at 100% 100%,rgba(255,43,214,.12),transparent 50%),radial-gradient(ellipse 60% 40% at 0% 80%,rgba(0,240,255,.1),transparent 45%),var(--bg);min-height:100dvh}#app{min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;padding:calc(12px + var(--safe-top)) 16px calc(16px + var(--safe-bottom))}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.brand-block{flex:1;min-width:0}.mall-title{margin:0;font-size:clamp(1.75rem,7vw,2.35rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink),var(--neon-yellow));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 8px rgba(0,240,255,.4))}.start-here{margin:6px 0 0;font-size:.85rem;letter-spacing:.28em;text-transform:uppercase;color:var(--neon-yellow);text-shadow:0 0 10px rgba(255,229,102,.5)}.audio-dock{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;padding:4px}.mute-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);color:var(--neon-cyan);font-size:1.25rem;cursor:pointer;box-shadow:var(--shadow-neon);display:grid;place-items:center}.mute-btn[aria-pressed=true]{color:var(--text-dim);box-shadow:none;opacity:.85}.vol-wrap{display:flex;flex-direction:column;align-items:center;gap:2px;height:110px;justify-content:flex-end}.vol-label{font-size:.65rem;letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase}.vol-slider{writing-mode:vertical-lr;direction:rtl;width:28px;height:88px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.vol-slider::-webkit-slider-runnable-track{width:8px;border-radius:4px;background:linear-gradient(to top,var(--neon-purple),var(--neon-cyan))}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-left:-5px;border-radius:50%;background:var(--neon-pink);box-shadow:0 0 8px var(--neon-pink);border:2px solid #fff}.vol-slider::-moz-range-track{width:8px;border-radius:4px;background:linear-gradient(to top,var(--neon-purple),var(--neon-cyan))}.vol-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--neon-pink);border:2px solid #fff}.vol-pct{font-size:.7rem;color:var(--neon-cyan);font-variant-numeric:tabular-nums}.main{flex:1;display:flex;flex-direction:column;gap:14px;margin-top:12px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:inset 0 0 40px #00f0ff0a,var(--shadow-neon)}.panel h2{margin:0 0 10px;font-size:1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--neon-cyan)}.hint{margin:0 0 12px;font-size:.85rem;color:var(--text-dim);line-height:1.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:12px 16px;border-radius:12px;border:1px solid transparent;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,opacity .15s}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#ff2bd6,#b44cff);color:#fff;box-shadow:0 0 16px #ff2bd680}.btn-secondary{background:var(--bg-card);border-color:var(--border);color:var(--neon-cyan)}.btn-ghost{background:transparent;border-color:#a890c059;color:var(--text-dim)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-row{display:flex;gap:10px}.btn-row .btn{flex:1}.gate-note{margin:8px 0 0;font-size:.8rem;color:var(--neon-pink);text-align:center}.card-status{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:12px;font-size:.9rem}.card-status .plate{font-weight:800;letter-spacing:.2em;color:var(--neon-yellow)}.card-status .bal{color:var(--text-dim)}.card-status .bal strong{color:var(--ok);font-variant-numeric:tabular-nums}.field{margin-bottom:12px}.field label{display:block;margin-bottom:6px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.field input[type=text],.field input[type=password],.field input[type=tel]{width:100%;min-height:48px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:#0d0418;color:var(--text);font-size:1.25rem;letter-spacing:.2em;text-transform:uppercase;text-align:center}.field input:focus{outline:none;border-color:var(--neon-pink);box-shadow:0 0 0 2px #ff2bd640}.terms{font-size:.85rem;line-height:1.45;color:var(--text-dim);max-height:40vh;overflow:auto;margin-bottom:12px;padding:10px;border-radius:10px;background:#00000040;border:1px solid rgba(180,76,255,.25)}.terms ul{margin:8px 0 0;padding-left:1.1em}.terms li{margin-bottom:6px}.check-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px;font-size:.85rem;color:var(--text)}.check-row input{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:var(--neon-pink)}.error{margin:0 0 10px;padding:8px 10px;border-radius:8px;background:#ff4d6d26;border:1px solid rgba(255,77,109,.4);color:var(--danger);font-size:.85rem}.success{margin:0 0 10px;color:var(--ok);font-size:.85rem}.mall-interior{text-align:center;padding:28px 12px}.mall-interior h2{font-size:1.35rem;letter-spacing:.08em;color:var(--neon-cyan);text-shadow:0 0 12px rgba(0,240,255,.5)}.construction{margin:16px auto;padding:20px;border:2px dashed var(--neon-yellow);border-radius:12px;color:var(--neon-yellow);font-weight:700;letter-spacing:.06em;max-width:320px}.app-footer{margin-top:20px;padding-top:12px;border-top:1px solid rgba(168,144,192,.2);text-align:center;font-size:.7rem;color:var(--text-dim);letter-spacing:.04em}.app-footer strong{color:var(--text);font-weight:600}.hidden{display:none!important}.stack-gap{display:flex;flex-direction:column;gap:10px}.sound-btn{font:inherit;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;padding:.35rem .5rem;border-radius:.5rem;border:1px solid var(--border, #3af);background:#00000073;color:var(--neon, #7ef);cursor:pointer;white-space:nowrap}.sound-btn:active{transform:scale(.98)}#app:has(.mall-main){max-width:720px}.mall-main{margin-top:8px}.mall-shell{padding:12px;text-align:left}.mall-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px}.mall-top h2{margin:0;flex:1 1 auto}.mall-top .card-status{margin-bottom:0}.btn-compact{width:auto;min-height:36px;padding:6px 12px;font-size:.8rem}.level-tabs{display:flex;gap:6px;margin:8px 0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.level-tab{flex:1 0 auto;min-height:40px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);font-weight:700;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.level-tab.is-active{color:#0a0014;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-pink));border-color:transparent;box-shadow:var(--shadow-neon)}.mall-toast{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:#00f0ff1f;border:1px solid rgba(0,240,255,.45);color:var(--neon-cyan);font-size:.85rem;text-align:center}.mall-split{display:flex;flex-direction:column;gap:14px}.map-panel{background:#f4f1ea;border-radius:14px;border:1px solid rgba(120,110,90,.35);padding:8px;box-shadow:inset 0 0 24px #3c321e0f,0 0 12px #ff2bd614}.map-zoom{overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;max-height:min(62vh,520px);border-radius:10px;background:#f7f5f0}.mall-svg{display:block;width:100%;min-width:420px;height:auto;-webkit-user-select:none;user-select:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.map-bg{fill:#f7f5f0}.wing-floor{fill:#fff;stroke:#9a958c;stroke-width:.9}.wing-n,.wing-e,.wing-s,.wing-w{fill:#fff}.center-court{fill:#fff;stroke:#7a756c;stroke-width:1.4}.court-label{fill:#4a4640;font-size:6.5px;font-weight:800;letter-spacing:.14em}.amenity-circle{fill:#fff;stroke:#333;stroke-width:.9}.amenity-circle.elev{fill:#eee}.amenity-circle.esc{fill:#f5f5f5}.amenity-circle.atm{fill:#fff}.amenity-glyph{fill:#222;font-size:5px;font-weight:800}.parking-circle{fill:#fff;stroke:#444;stroke-width:1}.parking-p{fill:#222;font-size:8px;font-weight:800;font-family:Arial,sans-serif}.yah-dot{fill:#d10a6c;stroke:#fff;stroke-width:1.2}.yah-text{fill:#9a0850;font-size:6px;font-weight:800;letter-spacing:.06em}.anchor-block{fill:#8a8a8a;stroke:#4a4a4a;stroke-width:1}.anchor-label{fill:#1a1a1a;font-size:7px;font-weight:800;pointer-events:none}.theater-block{fill:#6b4a8a;stroke:#3d2860;stroke-width:1}.theater-label{fill:#f3e8ff;font-size:6.5px;font-weight:800;letter-spacing:.05em;pointer-events:none}.fc-zone{fill:#e8e4dc;stroke:#9a958c;stroke-width:.9;stroke-dasharray:3 2}.fc-zone-active{fill:#efe6c8;stroke:#8a7a4a;stroke-dasharray:none}.fc-zone-label{fill:#4a4640;font-size:6.5px;font-weight:800;letter-spacing:.08em;pointer-events:none}.fc-note{fill:#6b6558;font-size:5.5px;font-weight:600;font-style:italic}.bay{fill:#d4d2cc;stroke:#6e6a62;stroke-width:.55}.bay-kiosk{fill:#c8c6c0}.bay-playable{fill:#1a0a28;stroke:#00e8ff;stroke-width:1.15;filter:drop-shadow(0 0 2.5px rgba(0,240,255,.55))}.bay-selected{stroke:#ff2bd6!important;stroke-width:1.8!important;filter:drop-shadow(0 0 4px rgba(255,43,214,.75))}.bay-num{fill:#3a3832;font-size:4.5px;font-weight:700;pointer-events:none}.bay-name{fill:#2a2824;font-size:4.2px;font-weight:700;pointer-events:none}.bay-play-label{fill:#00e8ff;font-size:4.5px;font-weight:800;letter-spacing:.04em;pointer-events:none}.level-badge-bg{fill:#222}.level-badge-text{fill:#fff;font-size:9px;font-weight:800}.map-legend{margin:8px 4px 2px;font-size:.65rem;line-height:1.35;color:#4a4640}.dir-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:10px;max-height:min(55vh,480px);display:flex;flex-direction:column;min-height:0}.dir-heading{margin:0 0 8px;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--neon-yellow)}.dir-scroll{overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;flex:1;min-height:0;padding-right:4px}.dir-cat{margin:12px 0 6px;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--neon-cyan);border-bottom:1px solid rgba(0,240,255,.2);padding-bottom:4px;position:sticky;top:0;background:linear-gradient(180deg,var(--bg-card),rgba(26,15,46,.95));z-index:1}.dir-cat:first-child{margin-top:0}.dir-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}@media(max-width:380px){.dir-grid{grid-template-columns:1fr}}.dir-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:8px 10px;min-height:48px;border-radius:10px;border:1px solid rgba(168,144,192,.25);background:#00000047;color:var(--text);font:inherit;cursor:pointer;transition:border-color .12s,box-shadow .12s,background .12s}.dir-item:active{transform:scale(.98)}.dir-item.is-playable{background:linear-gradient(145deg,#00f0ff1f,#ff2bd61a);border-color:#00f0ff8c;box-shadow:0 0 10px #00f0ff33}.dir-item.is-selected{border-color:var(--neon-pink);box-shadow:0 0 12px #ff2bd673}.dir-code{font-size:.65rem;letter-spacing:.08em;color:var(--text-dim);font-variant-numeric:tabular-nums}.dir-item.is-playable .dir-code{color:var(--neon-cyan)}.dir-name{font-size:.82rem;font-weight:650;line-height:1.25;color:var(--text)}.dir-enter{margin-top:4px;font-size:.65rem;font-weight:800;letter-spacing:.14em;color:var(--neon-pink);text-transform:uppercase}.dir-fc-note{margin:14px 0 4px;font-size:.75rem;color:var(--text-dim);line-height:1.4;font-style:italic}@media(min-width:640px){.mall-split{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch}.map-zoom,.dir-panel{max-height:min(70vh,520px)}}.mall-svg-photo{background:#f7f5f0}.map-photo{pointer-events:none}.map-hotspot{cursor:pointer;filter:drop-shadow(0 0 3px rgba(0,240,255,.55))}.map-hotspot.bay-selected{filter:drop-shadow(0 0 5px rgba(255,43,214,.85))}.fc-callout-halo{fill:#ffe5662e;stroke:#b48c2859;stroke-width:1}.fc-callout-box{fill:#140a1ed1;stroke:#ffe566;stroke-width:1.2}.fc-callout-text{fill:#ffe566;font-size:11px;font-weight:800;letter-spacing:.12em;pointer-events:none}.fc-callout-sub{fill:#f4e8ff;font-size:7px;font-weight:600;letter-spacing:.04em;pointer-events:none}.fc-note-photo{fill:#4a4640;font-size:8px;font-weight:700;font-style:italic;paint-order:stroke;stroke:#f7f5f0e6;stroke-width:3px}.theater-chip{fill:#6b4a8a;stroke:#3d2860;stroke-width:1;opacity:.92}.theater-chip-text{fill:#f3e8ff;font-size:7px;font-weight:800;letter-spacing:.04em;pointer-events:none}.photo-credit{fill:#8a8578;font-size:7px;font-weight:600;letter-spacing:.02em;pointer-events:none}.hotspot-group .bay-play-label{font-size:5.5px}#app:has(.whack-screen){max-width:min(560px,100%);padding:0;width:100%}.whack-screen{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0%,rgba(255,43,214,.18),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(0,232,255,.12),transparent 45%),#0a0014;color:var(--text, #f4e8ff);padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));box-sizing:border-box;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.whack-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px}.whack-brand{flex:1 1 auto;min-width:140px}.whack-title{margin:0;font-size:1.35rem;letter-spacing:.04em;text-shadow:0 0 12px rgba(255,43,214,.55)}.whack-sub{margin:2px 0 0;font-size:.72rem;color:var(--text-dim, #b9a8c9)}.whack-hud{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:.85rem}.whack-stat strong{color:var(--neon-cyan, #00e8ff);font-variant-numeric:tabular-nums;margin-left:4px}.whack-mute{min-width:42px;font-size:1.05rem}.whack-stage{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:340px;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overflow:visible}body.whack-mallet-active .whack-stage,body.whack-mallet-active .whack-stage *{cursor:none!important}body.whack-mallet-active .whack-overlay,body.whack-mallet-active .whack-overlay *,body.whack-mallet-active .whack-header,body.whack-mallet-active .whack-header *,body.whack-mallet-active .whack-footer{cursor:auto!important}body.whack-mallet-active .whack-overlay .btn,body.whack-mallet-active .whack-header .btn{cursor:pointer!important}.whack-cabinet{width:min(100%,460px);padding:6px}.whack-deck{overflow:visible;background:linear-gradient(180deg,rgba(255,230,180,.14),transparent 28%),repeating-linear-gradient(92deg,#6b4424,#7a5330,#5a3618 14px,#8a6038,#6b4424 30px);border:7px solid #3a2210;border-radius:18px;box-shadow:inset 0 2px #ffdca038,inset 0 -10px 18px #00000047,0 14px 28px #00000080,0 0 0 2px #ff2bd62e;padding:16px 14px 18px;position:relative}.whack-deck:before{content:"";position:absolute;inset:8px 10px auto 10px;height:10px;border-radius:8px;background:linear-gradient(90deg,transparent,rgba(255,230,180,.12),transparent);pointer-events:none}.whack-grid{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:12px 14px;width:100%;position:relative;z-index:2}.whack-hole{position:relative;aspect-ratio:1;min-height:92px;border:none;padding:0;background:transparent;cursor:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden;border-radius:50%}.whack-hole.is-up,.whack-hole.is-hit{overflow:visible;z-index:4}.whack-rim{position:absolute;top:10%;right:8%;bottom:8%;left:8%;border-radius:50%;background:radial-gradient(circle at 50% 18%,#8a6a40,#4a3018 42%,#2a180c 72%);box-shadow:0 0 0 4px #5a3a1c,0 0 0 6px #2a180c,inset 0 8px 14px #0000008c,0 2px #ffd28c2e;z-index:0}.whack-well{position:absolute;top:22%;right:16%;bottom:16%;left:16%;border-radius:50%;background:radial-gradient(circle at 50% 30%,#1a1008,#050302 75%);box-shadow:inset 0 10px 16px #000000b3;z-index:0;pointer-events:none}.whack-dirt{position:absolute;left:16%;right:16%;bottom:10%;height:26%;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#4a3220,#1a1008);pointer-events:none;z-index:1}.whack-critter{position:absolute;left:50%;bottom:22%;width:clamp(4.6rem,24vw,6.6rem);height:clamp(4.2rem,21vw,6rem);transform:translate(-50%,118%);z-index:3;transition:transform .13s cubic-bezier(.2,.8,.3,1);filter:drop-shadow(0 4px 2px rgba(0,0,0,.45));pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;align-items:flex-end;justify-content:center}.whack-critter .whack-mole-svg,.whack-critter .whack-rooster-svg{width:100%;height:100%;display:block}.whack-hole.is-up .whack-critter{transform:translate(-50%,-16%)}.whack-hole.is-hit .whack-critter{transform:translate(-50%,28%) scale(1.12,.82);filter:brightness(1.35) drop-shadow(0 0 8px #ff2bd6)}.whack-hole.is-duck .whack-critter{transform:translate(-50%,118%);transition:transform .12s ease-in}.whack-hole.is-rooster.is-up .whack-critter{filter:drop-shadow(0 4px 2px rgba(0,0,0,.4)) drop-shadow(0 0 6px rgba(255,183,3,.45))}.whack-hole:active .whack-rim{box-shadow:0 0 0 4px #5a3a1c,0 0 0 6px #ff2bd6a6,inset 0 8px 14px #0000008c,0 0 16px #ff2bd659}.whack-tether{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible;opacity:.46}.whack-tether-path{fill:none;stroke:#c9a428;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.whack-mallet{position:absolute;left:0;top:0;width:96px;height:150px;transform:translate(calc(var(--mx, 50%) - 48px),calc(var(--my, 50%) - 36px)) rotate(-32deg);transform-origin:50% 86%;pointer-events:none;z-index:8;opacity:0;transition:opacity .12s ease;will-change:transform;filter:drop-shadow(5px 10px 7px rgba(0,0,0,.5))}.whack-mallet.is-visible{opacity:1}.whack-mallet-graphic{width:100%;height:100%;display:block}.whack-mallet.is-swinging{animation:whack-mallet-bonk .2s ease-out}@keyframes whack-mallet-bonk{0%{transform:translate(calc(var(--mx, 50%) - 48px),calc(var(--my, 50%) - 36px)) rotate(-32deg)}35%{transform:translate(calc(var(--mx, 50%) - 36px),calc(var(--my, 50%) - 10px)) rotate(18deg) scale(1.05)}70%{transform:translate(calc(var(--mx, 50%) - 42px),calc(var(--my, 50%) - 18px)) rotate(4deg)}to{transform:translate(calc(var(--mx, 50%) - 48px),calc(var(--my, 50%) - 36px)) rotate(-32deg)}}.whack-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#080010b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:12px;padding:16px}.whack-overlay.is-hidden,.whack-overlay[hidden]{display:none!important}.whack-panel{width:min(100%,340px);text-align:center;background:#1a0a28eb;border:1px solid rgba(0,232,255,.35);box-shadow:0 0 24px #ff2bd640;border-radius:14px;padding:22px 18px}.whack-tagline{margin:0 0 8px;font-size:1.05rem;font-weight:700}.whack-hint{margin:0 0 18px;font-size:.8rem;color:var(--text-dim, #b9a8c9)}.whack-cta{width:100%;min-height:48px;font-size:1.05rem;margin-top:8px}.whack-results-title{margin:0 0 10px;font-size:1.25rem;color:var(--neon-pink, #ff2bd6)}.whack-results-score{margin:0 0 6px;font-size:1.15rem}.whack-results-score strong{color:var(--neon-cyan, #00e8ff);font-size:1.4rem}.whack-results-detail,.whack-results-tickets{margin:0 0 8px;font-size:.9rem;color:var(--text-dim, #b9a8c9)}.whack-results-tickets strong{color:#ffe566}.whack-results-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.whack-footer{margin-top:10px;text-align:center;font-size:.7rem;color:var(--text-dim, #b9a8c9)}@media(min-width:480px){.whack-cabinet{width:min(100%,500px)}.whack-grid{gap:16px 18px}.whack-hole{min-height:104px}.whack-mallet{width:108px;height:168px}}body.whack-playing{overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body.whack-playing .whack-stage,body.whack-playing .whack-hole{touch-action:none}.whack-screen{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media(max-width:420px){.whack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.whack-hole{min-height:96px;min-width:0}.whack-header{gap:8px}.whack-title{font-size:1.15rem}.whack-deck{padding:12px 10px 14px;border-width:6px}.whack-mallet{width:100px;height:156px}.whack-critter{width:clamp(4.2rem,26vw,5.6rem);height:clamp(3.9rem,23vw,5.2rem)}}@media(pointer:coarse){.whack-mallet{width:104px;height:162px}.whack-hole{min-height:100px}}#app:has(.prdx-screen){max-width:none;padding:0;width:100%}.prdx-screen{height:100dvh;max-height:100dvh;min-height:100dvh;display:flex;flex-direction:column;padding:max(6px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));box-sizing:border-box;overflow:hidden;background:radial-gradient(ellipse at 30% 10%,rgba(80,0,120,.45),transparent 50%),radial-gradient(ellipse at 80% 40%,rgba(0,80,100,.35),transparent 45%),linear-gradient(180deg,#0a0018,#140828,#0c1020);color:#e8dcff;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.prdx-header{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:2px;flex-shrink:0}.prdx-brand{flex:1 1 120px;min-width:0}.prdx-title{margin:0;font-size:1.05rem;letter-spacing:.04em;color:#ff6bcb;text-shadow:0 0 12px rgba(255,107,203,.55);line-height:1.15}.prdx-sub{margin:1px 0 0;font-size:.65rem;color:#9ab8d0}.prdx-hud{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.72rem}.prdx-stat strong{color:#ffe566;font-variant-numeric:tabular-nums}.prdx-mute{margin-left:auto}.prdx-letters{display:flex;justify-content:center;gap:3px;margin:2px 0 4px;flex-wrap:wrap;flex-shrink:0}.prdx-letter{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:4px;font-weight:800;font-size:.75rem;font-family:ui-monospace,monospace;background:#281446d9;border:1px solid rgba(120,200,255,.35);color:#9ec8e8}.prdx-letter.is-lit{background:#ffe566;color:#1a0030;border-color:#ff6bcb;box-shadow:0 0 10px #ffe566a6}.prdx-mission{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.prdx-stage{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;touch-action:none}.prdx-backbox{flex-shrink:0;width:100%;max-width:420px;margin:0 auto 4px;padding:0 2px;box-sizing:border-box}.prdx-backbox-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:28px;padding:4px 10px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#1a1030,#0c0818);border:1px solid rgba(46,230,214,.35);box-shadow:0 0 12px #2ee6d61f,inset 0 1px #ffffff0f;font-family:ui-monospace,IBM Plex Mono,monospace}.prdx-backbox-score{font-size:.85rem;font-weight:800;color:#ffe566;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(255,229,102,.35);min-width:4.5ch}.prdx-backbox-mid{min-width:0;display:flex;flex-direction:column;gap:0;text-align:center}.prdx-backbox-mission{font-size:.68rem;font-weight:700;color:#7ec8e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prdx-backbox-sub{font-size:.58rem;color:#9ab8d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.prdx-backbox-brand{font-size:.62rem;font-weight:800;letter-spacing:.12em;color:#ff6bcb;text-shadow:0 0 8px rgba(255,107,203,.4)}.prdx-playfield{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:920px;perspective-origin:50% 78%}.prdx-playfield canvas,.prdx-stage canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:4px 4px 10px 10px;border:2px solid rgba(0,255,200,.4);box-shadow:0 10px 28px #0000008c,0 0 22px #7828c847,inset 0 0 24px #0006;background:#05040a;touch-action:none;transform:rotateX(5.5deg);transform-origin:50% 100%;will-change:transform}.prdx-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#060012c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:8px;padding:12px}.prdx-overlay.is-hidden,.prdx-overlay[hidden]{display:none!important}.prdx-panel{max-width:300px;width:100%;text-align:center;padding:16px 14px;border-radius:12px;background:linear-gradient(160deg,#280a46f2,#0a1432f2);border:1px solid rgba(255,107,203,.45);box-shadow:0 0 28px #ff6bcb33}.prdx-tagline{margin:0 0 6px;font-size:.95rem;color:#ff9ad5}.prdx-hint{margin:0 0 12px;font-size:.75rem;color:#b9a8c9;line-height:1.35}.prdx-cta{width:100%;min-height:48px;font-size:1.05rem}.prdx-results-title{margin:0 0 8px;color:#ffe566}.prdx-results-score{margin:0 0 4px;font-size:1.15rem}.prdx-results-score strong{color:#00ffc8}.prdx-results-detail{margin:0 0 8px;font-size:.8rem;color:#9ab8d0}.prdx-results-tickets{margin:0 0 4px;color:#e8dcff}.prdx-results-tickets strong{color:#ffe566}.prdx-results-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.prdx-controls{position:relative;display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:8px;width:100%;max-width:480px;margin:8px auto 0;padding:0 2px;flex-shrink:0;z-index:6;pointer-events:auto}.prdx-plunger-wrap{display:flex;flex-direction:column;gap:6px;min-width:0}.prdx-flip-btn,.prdx-plunger-btn,.prdx-launch-btn{position:relative;z-index:7;min-height:52px;border-radius:12px;border:2px solid rgba(0,255,200,.45);background:linear-gradient(180deg,#1a3a4a,#0a1824);color:#e8fffa;font-weight:800;font-size:1rem;letter-spacing:.04em;cursor:pointer;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-shadow:0 4px #041018,0 0 16px #00ffc833}.prdx-flip-btn:active,.prdx-plunger-btn:active,.prdx-launch-btn:active{transform:translateY(2px);box-shadow:0 2px #041018,0 0 10px #00ffc859}.prdx-plunger-btn{border-color:#ff6bcb8c;background:linear-gradient(180deg,#4a1a3a,#1a0814);box-shadow:0 4px #12040c,0 0 16px #ff6bcb40;font-size:.72rem;min-height:40px;line-height:1.1;padding:6px 4px}.prdx-launch-btn{border-color:#fde047a6;background:linear-gradient(180deg,#5a4a10,#2a2008);box-shadow:0 3px #1a1404,0 0 12px #fde04740;color:#fef9c3;font-size:.78rem;min-height:36px;padding:4px}body.paradox-playing{overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body.paradox-playing .prdx-stage,body.paradox-playing .prdx-playfield,body.paradox-playing .prdx-stage canvas{touch-action:none}@media(max-width:420px){.prdx-title{font-size:.95rem}.prdx-flip-btn{min-height:64px;font-size:1.05rem}.prdx-plunger-btn{min-height:44px}.prdx-launch-btn{min-height:40px}.prdx-letter{width:1.25rem;height:1.25rem;font-size:.7rem}.prdx-controls{gap:6px;margin-top:6px}}@media(pointer:coarse){.prdx-flip-btn{min-height:68px;font-size:1.1rem}.prdx-plunger-btn{min-height:46px;font-size:.75rem}.prdx-launch-btn{min-height:42px;font-size:.85rem}}@media(max-height:700px){.prdx-sub{display:none}.prdx-header{margin-bottom:0}.prdx-letters{margin:1px 0 2px}.prdx-backbox{margin-bottom:2px}.prdx-backbox-inner{min-height:24px;padding:3px 8px}.prdx-backbox-sub{display:none}.prdx-playfield canvas,.prdx-stage canvas{transform:rotateX(4deg)}}@media(max-height:620px){.prdx-letters{display:none}.prdx-playfield canvas,.prdx-stage canvas{transform:rotateX(3deg)}}@media(prefers-reduced-motion:reduce){.prdx-playfield canvas,.prdx-stage canvas{transform:none}}#app:has(.fse-screen){max-width:min(640px,100%);padding:0;width:100%}.fse-screen{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 20% 0%,rgba(168,85,247,.22),transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(251,191,36,.14),transparent 45%),radial-gradient(ellipse at 50% 100%,rgba(56,189,248,.1),transparent 40%),#0c0618;color:var(--text, #f4e8ff);padding:max(10px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));box-sizing:border-box;touch-action:manipulation}.fse-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px}.fse-brand{flex:1 1 auto;min-width:160px}.fse-title{margin:0;font-size:clamp(1.05rem,4.2vw,1.35rem);letter-spacing:.03em;text-shadow:0 0 14px rgba(168,85,247,.55);line-height:1.2}.fse-sub{margin:2px 0 0;font-size:.72rem;color:var(--text-dim, #b9a8c9)}.fse-hud{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:.85rem}.fse-stat strong{color:var(--neon-cyan, #00e8ff);font-variant-numeric:tabular-nums;margin-left:4px}.fse-mute{min-width:42px;font-size:1.05rem}.fse-body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.fse-panel{background:#180c28b8;border:1px solid rgba(168,85,247,.35);border-radius:14px;padding:16px 14px 18px;box-shadow:0 0 24px #a855f71f}.fse-tagline{margin:0 0 6px;font-size:1.1rem;font-weight:650}.fse-hint{margin:0 0 14px;font-size:.88rem;color:var(--text-dim, #b9a8c9);line-height:1.4}.fse-mode-grid{display:flex;flex-direction:column;gap:10px}.fse-mode-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:64px;padding:14px 16px;text-align:left;width:100%;font-size:1rem}.fse-mode-label{font-size:1.15rem;font-weight:700;letter-spacing:.02em}.fse-mode-desc{font-size:.82rem;opacity:.85;font-weight:400}.fse-story-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.fse-story-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:72px;padding:14px;text-align:left;border-radius:12px;border:1px solid rgba(251,191,36,.35);background:linear-gradient(135deg,#5828788c,#1e1030d9);color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fse-story-card:active,.fse-story-card:focus-visible{outline:2px solid rgba(0,232,255,.7);outline-offset:2px;border-color:#00e8ff8c}.fse-story-title{font-size:1.05rem;font-weight:700}.fse-story-blurb{font-size:.84rem;color:var(--text-dim, #b9a8c9);line-height:1.35}.fse-story-meta{font-size:.72rem;color:#fbbf24;margin-top:2px}.fse-progress{margin:0 0 8px;font-size:.85rem;color:var(--neon-cyan, #00e8ff);font-variant-numeric:tabular-nums}.fse-friend-turn{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fbbf2426;border:1px solid rgba(251,191,36,.4);font-size:.95rem;font-weight:650;text-align:center}.fse-blank-prompt{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.fse-pos-hint{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px}.fse-pos-tag{display:inline-block;padding:6px 12px;border-radius:999px;background:#a855f759;border:1px solid rgba(192,132,252,.5);font-size:.95rem;font-weight:700;text-transform:capitalize}.fse-example{font-size:.82rem;color:var(--text-dim, #b9a8c9)}.fse-suggest-row{padding:10px 12px;border-radius:10px;background:#38bdf81a;border:1px solid rgba(56,189,248,.3)}.fse-suggest-label{margin:0 0 8px;font-size:.9rem}.fse-suggest-btns{display:flex;flex-wrap:wrap;gap:8px}.fse-word-input{width:100%;box-sizing:border-box;min-height:52px;padding:12px 14px;font-size:1.15rem;border-radius:12px;border:2px solid rgba(168,85,247,.45);background:#080412d9;color:#fdf4ff;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.fse-word-input:focus{border-color:#00e8ffbf;box-shadow:0 0 0 3px #00e8ff33}.fse-word-input.is-invalid{border-color:#f87171;box-shadow:0 0 0 3px #f8717140}.fse-blank-nav{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:16px}.fse-dot{width:10px;height:10px;border-radius:50%;background:#ffffff2e;border:1px solid rgba(255,255,255,.25)}.fse-dot.is-done{background:#4ade80bf;border-color:#4ade80e6}.fse-dot.is-current{background:#00e8ffd9;border-color:#00e8ff;transform:scale(1.25)}.fse-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.fse-fill-actions{justify-content:space-between}.fse-cta{min-height:48px;min-width:140px;font-size:1.05rem;margin-left:auto}.fse-reveal-title{margin:0 0 12px;font-size:1.25rem;text-shadow:0 0 12px rgba(251,191,36,.4)}.fse-story-text{margin:0 0 16px;padding:14px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:clamp(1rem,3.8vw,1.12rem);line-height:1.55;user-select:text;-webkit-user-select:text}.fse-filled{color:#fbbf24;font-weight:700;text-decoration:underline;text-decoration-color:#fbbf2473;text-underline-offset:2px}.fse-results-tickets{margin:0 0 14px;font-size:.95rem;color:var(--neon-cyan, #00e8ff)}.fse-reveal-actions{justify-content:stretch}.fse-reveal-actions .btn{flex:1 1 auto;min-height:48px;min-width:120px}.fse-copy-status{margin:10px 0 0;font-size:.85rem;color:#4ade80}.fse-footer{margin-top:12px;padding-top:8px;font-size:.72rem;color:var(--text-dim, #b9a8c9);text-align:center}.fse-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:600px){.fse-mode-grid{display:grid;grid-template-columns:1fr;gap:12px}.fse-mode-btn{min-height:72px}.fse-story-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}}@media(max-width:390px){.fse-title{font-size:1rem}.fse-word-input{font-size:1.05rem;min-height:48px}.fse-cta{min-width:120px}}body.fse-playing{overscroll-behavior:none}#app:has(.claw-screen){max-width:min(640px,100%);padding:0;width:100%}.claw-screen{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 40% 0%,rgba(255,180,60,.2),transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(0,232,255,.12),transparent 45%),#0a0014;color:var(--text, #f4e8ff);padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));box-sizing:border-box;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.claw-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px}.claw-brand{flex:1 1 auto;min-width:140px}.claw-title{margin:0;font-size:1.3rem;letter-spacing:.04em;text-shadow:0 0 12px rgba(255,180,60,.55)}.claw-sub{margin:2px 0 0;font-size:.72rem;color:var(--text-dim, #b9a8c9)}.claw-hud{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:baseline}.claw-stat{font-size:.78rem;color:var(--text-dim, #b9a8c9)}.claw-stat strong{color:#ffe08a;font-size:1rem}.claw-status-wrap strong{color:var(--neon-cyan, #00e8ff);font-size:.85rem}.claw-stage{position:relative;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:0}.claw-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#06000eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:12px}.claw-overlay.is-hidden,.claw-overlay[hidden]{display:none!important}.claw-panel{text-align:center;padding:22px 20px;max-width:320px;background:linear-gradient(180deg,#281030f2,#100618fa);border:1px solid rgba(255,180,60,.35);border-radius:14px;box-shadow:0 0 28px #ff8c2833}.claw-tagline{margin:0 0 6px;font-size:1.05rem;font-weight:700}.claw-hint{margin:0 0 14px;font-size:.78rem;color:var(--text-dim, #b9a8c9)}.claw-cta{min-width:140px;min-height:44px}.claw-results-title{margin:0 0 8px;font-size:1.2rem;color:#ffe08a}.claw-results-tickets{margin:0 0 8px}.claw-results-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.claw-cabinet{position:relative;width:min(100%,calc(var(--pit-w, 320px) + 48px));background:linear-gradient(180deg,#2a1040,#140820 55%,#0c0414);border:3px solid #5a2a18;border-radius:14px 14px 10px 10px;box-shadow:inset 0 0 0 2px #ffc85026,0 12px 28px #00000073;padding:8px 12px 14px;box-sizing:border-box}.claw-marquee{text-align:center;font-size:.85rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffd56a;text-shadow:0 0 10px rgba(255,180,40,.7);padding:4px 0 8px}.claw-glass{position:relative;background:linear-gradient(180deg,rgba(120,200,255,.08),transparent 30%),#1a0c28;border:2px solid rgba(180,220,255,.25);border-radius:8px;overflow:hidden;box-shadow:inset 0 0 40px #00000059}.claw-chute{position:absolute;top:6px;right:8px;z-index:5;width:52px;height:36px;border-radius:6px;background:linear-gradient(180deg,#3a2010,#1a0c08);border:1px solid rgba(255,180,80,.4);display:flex;align-items:center;justify-content:center;font-size:.55rem;letter-spacing:.08em;color:#fc7;pointer-events:none}.claw-pit{position:relative;width:min(100%,var(--pit-w, 320px));height:var(--pit-h, 250px);margin:0 auto;background:radial-gradient(ellipse at 50% 80%,rgba(80,40,20,.5),transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 2px,transparent 2px 18px),#12081c;touch-action:none;cursor:crosshair}.claw-aim-hint{position:absolute;left:0;top:0;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;border:2px dashed transparent;pointer-events:none;z-index:2;opacity:0;transition:opacity .15s,border-color .15s,box-shadow .15s}.claw-arm:after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-8px 0 0 -22px;border-radius:50%;border:2px dashed transparent;pointer-events:none;opacity:0;transition:opacity .12s,border-color .12s,box-shadow .12s}.claw-screen:has(.claw-aim-hint.is-warm) .claw-arm:after{opacity:1;border-color:#ffdc64b3;box-shadow:0 0 12px #ffc85059}.claw-screen:has(.claw-aim-hint.is-hot) .claw-arm:after{opacity:1;border-color:#00ffb4e6;box-shadow:0 0 16px #00ffb473}.claw-pit-prizes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.claw-prize{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.claw-prize-name{font-size:.55rem;line-height:1;margin-top:1px;color:#fff0dcbf;max-width:56px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.claw-arm{position:absolute;left:50%;top:18%;z-index:4;width:0;height:0;transform:translate(-50%,-50%);pointer-events:none}.claw-cable{position:absolute;left:50%;bottom:0;width:3px;height:18%;min-height:24px;transform:translate(-50%);background:linear-gradient(180deg,#89a,#456);border-radius:2px;transform-origin:bottom center}.claw-tip{position:absolute;left:50%;top:50%;width:36px;height:28px;transform:translate(-50%,-50%)}.claw-finger{position:absolute;background:linear-gradient(180deg,#d0d8e0,#6a7888);border:1px solid #3a4450;border-radius:3px;transition:transform .18s ease}.claw-finger-l{width:8px;height:22px;left:2px;top:4px;transform:rotate(18deg);transform-origin:top center}.claw-finger-r{width:8px;height:22px;right:2px;top:4px;transform:rotate(-18deg);transform-origin:top center}.claw-finger-c{width:10px;height:14px;left:50%;top:0;transform:translate(-50%);border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#e8eef4,#89a)}.claw-arm.is-closed .claw-finger-l{transform:rotate(-8deg) translate(3px)}.claw-arm.is-closed .claw-finger-r{transform:rotate(8deg) translate(-3px)}.claw-carried{position:absolute;left:50%;top:18px;transform:translate(-50%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.claw-controls{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;width:100%;max-width:420px;padding:4px 0 2px}.claw-dpad{display:grid;grid-template-columns:56px 56px 56px;grid-template-rows:56px 56px 56px;gap:6px;grid-template-areas:". up ." "left . right" ". down ."}.claw-pad{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid rgba(0,232,255,.45);border-radius:12px;background:linear-gradient(180deg,#1a3040,#0a1420);color:#c8f7ff;font-size:1.15rem;min-width:56px;min-height:56px;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-shadow:0 4px #041018,0 0 12px #00e8ff26;cursor:pointer}.claw-pad-up{grid-area:up}.claw-pad-down{grid-area:down}.claw-pad-left{grid-area:left}.claw-pad-right{grid-area:right}.claw-pad:active,.claw-pad.is-held{transform:translateY(2px);box-shadow:0 2px #041018,0 0 10px #00ffc859;background:linear-gradient(180deg,#204858,#102030)}.claw-drop-btn{min-width:110px;min-height:88px;border-radius:50%;border:3px solid rgba(255,80,120,.7);background:radial-gradient(circle at 35% 30%,#ff6a8a,#a01038 70%);color:#fff;font-size:1.15rem;font-weight:900;letter-spacing:.06em;box-shadow:0 6px #4a0818,0 0 20px #ff3c6459;touch-action:manipulation;-webkit-touch-callout:none;cursor:pointer}.claw-drop-btn:active{transform:translateY(3px);box-shadow:0 3px #4a0818,0 0 14px #ff3c6473}.claw-footer{margin-top:8px;text-align:center;font-size:.68rem;color:var(--text-dim, #b9a8c9);opacity:.85}body.claw-playing{overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body.claw-playing .claw-pit{touch-action:none}@media(max-width:420px){.claw-title{font-size:1.05rem}.claw-dpad{grid-template-columns:64px 64px 64px;grid-template-rows:64px 64px 64px}.claw-pad{min-width:64px;min-height:64px;font-size:1.25rem}.claw-drop-btn{min-width:100px;min-height:100px;font-size:1.2rem}.claw-prize-name{display:none}}@media(pointer:coarse){.claw-pad{min-width:64px;min-height:64px}.claw-drop-btn{min-width:104px;min-height:104px}}@media(max-height:700px){.claw-sub{display:none}.claw-pit{height:min(var(--pit-h, 250px),42dvh)}}@media(prefers-reduced-motion:reduce){.claw-finger,.claw-pad,.claw-drop-btn,.claw-arm:after{transition:none}}