@font-face{font-family:Orbitron;src:url(/pinball/assets/orbitron-Du7j2Vp2.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg: #06040f;--bg-2: #120a2e;--surface: rgba(20, 11, 42, .93);--surface-hi: rgba(38, 20, 74, .93);--line: #3a2073;--text: #f3eeff;--text-dim: #9d90c4;--magenta: #ff2e88;--cyan: #22e8ff;--yellow: #ffd60a;--violet: #9d4edd;--accent: var(--magenta);--accent-hi: #ff6ab0;--accent-ink: #1a0125;--ok: #3ef2a0;--warn: var(--yellow);--error: #ff4d6d;--glow-soft: rgba(255, 46, 136, .18);--glow: rgba(255, 46, 136, .45);--glow-cyan: rgba(34, 232, 255, .35);--display: "Orbitron", "Eurostile", "Bank Gothic", system-ui, sans-serif}*{box-sizing:border-box}html{background:radial-gradient(80rem 50rem at 50% 120%,#2a0b4e 0%,transparent 60%),linear-gradient(180deg,#06040f,#0b0620 45%,#150936);background-attachment:fixed}body{margin:0;min-height:100vh;color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}html:before{content:"";position:fixed;left:50%;bottom:5vh;width:min(26rem,38vh,76vw);aspect-ratio:1;transform:translate(-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffd60a'/%3E%3Cstop offset='.36' stop-color='%23ff8a3d'/%3E%3Cstop offset='.7' stop-color='%23ff2e88'/%3E%3Cstop offset='1' stop-color='%237b2ff7'/%3E%3C/linearGradient%3E%3CclipPath id='c'%3E%3Ccircle cx='50' cy='50' r='50'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23c)' fill='url(%23g)'%3E%3Crect y='0' width='100' height='57'/%3E%3Crect y='59.5' width='100' height='5'/%3E%3Crect y='67' width='100' height='4.4'/%3E%3Crect y='73.6' width='100' height='3.8'/%3E%3Crect y='79.4' width='100' height='3.2'/%3E%3Crect y='84.8' width='100' height='2.6'/%3E%3Crect y='89.6' width='100' height='2'/%3E%3Crect y='93.8' width='100' height='1.5'/%3E%3C/g%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.3;z-index:-3;pointer-events:none}body:before{content:"";position:fixed;left:-50%;right:-50%;bottom:-6vh;height:46vh;background-image:repeating-linear-gradient(90deg,rgba(34,232,255,.5) 0 1px,transparent 1px 5rem),repeating-linear-gradient(0deg,rgba(255,46,136,.35) 0 1px,transparent 1px 3.2rem);transform:perspective(24rem) rotateX(70deg);transform-origin:bottom center;mask-image:linear-gradient(180deg,transparent 0%,#000 38%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 38%);opacity:.75;z-index:-2;pointer-events:none}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px),radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(2,0,8,.75) 100%);z-index:-1;pointer-events:none}.mono,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;color:#7de8ff}.shell{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 4rem}.subtitle{margin:.15rem 0 0;color:var(--text-dim);font-size:.9rem}.btn{border:1px solid var(--line);background:var(--surface-hi);color:var(--text);border-radius:8px;padding:.55rem 1rem;font:inherit;font-family:var(--display);font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .12s,border-color .12s,box-shadow .16s}.btn:hover:not(:disabled){background:#3a2073bf;border-color:#22e8ff80;box-shadow:0 0 14px #22e8ff26}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(180deg,var(--accent-hi) 0%,var(--accent) 55%,#d81a6d 100%);border-color:var(--accent-hi);color:var(--accent-ink);font-weight:800;box-shadow:0 0 16px var(--glow-soft),inset 0 1px #ffffff73;transition:background .12s,border-color .12s,box-shadow .16s,transform .12s}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#ff8cc4 0%,var(--accent-hi) 55%,var(--accent) 100%);box-shadow:0 0 26px var(--glow),inset 0 1px #ffffff80}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover:not(:disabled){background:var(--surface-hi);border-color:var(--line);color:var(--text)}.dropzone{border:1.5px dashed transparent;border-radius:14px;padding:.5rem;transition:border-color .12s,background .12s}.dropzone-active{border-color:var(--cyan);background:#22e8ff0f}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.empty{text-align:center;padding:4rem 1rem;color:var(--text-dim)}.empty p{margin:.35rem 0}.empty-hint{font-size:.9rem;max-width:34rem;margin-inline:auto}.card{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--surface-hi),var(--surface) 42%);border:1px solid var(--line);border-radius:14px;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .18s ease,border-color .18s,box-shadow .22s ease;animation:rise-in .36s ease backwards}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-lamp, var(--magenta));box-shadow:0 0 12px var(--card-lamp, var(--magenta));opacity:.85;z-index:1}.grid>:nth-child(3n+2){--card-lamp: var(--cyan)}.grid>:nth-child(3n+3){--card-lamp: var(--yellow)}.grid>:nth-child(2){animation-delay:40ms}.grid>:nth-child(3){animation-delay:80ms}.grid>:nth-child(4){animation-delay:.12s}.grid>:nth-child(5){animation-delay:.16s}.grid>:nth-child(6){animation-delay:.2s}.grid>:nth-child(7){animation-delay:.24s}.grid>:nth-child(n+8){animation-delay:.28s}.card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--card-lamp, var(--magenta)) 60%,transparent);box-shadow:0 14px 34px #0000008c,0 0 26px color-mix(in srgb,var(--card-lamp, var(--magenta)) 22%,transparent)}.card-thumb{position:relative;aspect-ratio:4 / 3;background:radial-gradient(60% 70% at 50% 36%,rgba(157,78,221,.16),transparent 70%),#0a0518;display:grid;place-items:center;border-bottom:1px solid var(--line);overflow:hidden}.card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card:hover .card-thumb img{transform:scale(1.04)}.card-thumb:after{content:"";position:absolute;inset:-30% -60%;background:linear-gradient(105deg,transparent 42%,rgba(190,240,255,.12) 50%,transparent 58%);transform:translate(-70%);pointer-events:none}.card:hover .card-thumb:after{transition:transform .55s ease;transform:translate(70%)}.card-thumb-empty{font-size:2.6rem;filter:grayscale(.6);opacity:.5}.card-body{padding:.85rem .9rem .6rem;flex:1}.card-body h3{margin:0;font-family:var(--display);font-size:.95rem;font-weight:700;letter-spacing:.01em;line-height:1.35;overflow-wrap:anywhere}.card-meta{margin:.25rem 0 .6rem;color:var(--text-dim);font-size:.82rem}.card-stats{margin:.6rem 0 0;color:var(--text-dim);font-size:.78rem}.card-badges{display:flex;flex-wrap:wrap;gap:.35rem}.card-actions{display:flex;gap:.5rem;padding:.6rem .9rem .9rem}.card-actions .btn-primary{flex:1}.badge{display:inline-flex;align-items:baseline;gap:.3rem;padding:.2rem .5rem;border-radius:999px;font-size:.75rem;border:1px solid var(--line);background:var(--surface-hi);color:var(--text-dim);white-space:nowrap}.badge strong{color:var(--text);font-weight:600}.badge em{font-style:normal;opacity:.7}.badge-ok{color:var(--ok);border-color:#3ef2a040;background:#3ef2a01a}.badge-warn{color:var(--warn);border-color:#ffd60a40;background:#ffd60a1a}.badge-rom{color:var(--cyan);border-color:#22e8ff40;background:#22e8ff14;font-family:var(--display);letter-spacing:.04em}.badge-rom strong{color:var(--cyan)}.badge-dim{opacity:.7}.notice{position:relative;margin:0 0 1rem;padding:.7rem 2rem .7rem .9rem;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:.88rem}.notice p{margin:.15rem 0}.notice-busy{border-color:#22e8ff40;background:#22e8ff12}.notice-error{border-color:#ff4d6d55;background:#ff4d6d1a;color:#ffd0d8}.notice-close{position:absolute;top:.35rem;right:.5rem;background:none;border:0;color:inherit;font-size:1.1rem;cursor:pointer;opacity:.6}.notice-close:hover{opacity:1}.footnote{margin:1.25rem 0 0;color:var(--text-dim);font-size:.82rem;max-width:60ch}.intro{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#000;opacity:1;transition:opacity 1s ease}.intro:before{content:"";position:absolute;inset:0;background:radial-gradient(38rem 24rem at 50% 40%,rgba(255,46,136,.16),transparent 65%),radial-gradient(30rem 20rem at 50% 44%,rgba(34,232,255,.08),transparent 70%);transition:opacity .6s ease}.intro:after{content:"";position:absolute;left:-50%;right:-50%;bottom:0;height:45vh;background-image:repeating-linear-gradient(90deg,rgba(34,232,255,.45) 0 1px,transparent 1px 5rem),repeating-linear-gradient(0deg,rgba(255,46,136,.3) 0 1px,transparent 1px 3rem);transform:perspective(20rem) rotateX(72deg);transform-origin:bottom center;mask-image:linear-gradient(180deg,transparent 0%,#000 55%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 55%);opacity:.4;transition:opacity .6s ease;pointer-events:none}.intro-reveal{opacity:0;pointer-events:none}.intro-body{position:relative;text-align:center;padding:0 1.5rem;transition:opacity .6s ease,transform .6s ease}.intro-blackout .intro-body,.intro-reveal .intro-body,.intro-blackout:before,.intro-reveal:before,.intro-blackout:after,.intro-reveal:after{opacity:0}.intro-blackout .intro-body,.intro-reveal .intro-body{transform:scale(.97)}.intro-kicker{display:block;font-family:var(--display);color:var(--cyan);font-size:.7rem;font-weight:500;letter-spacing:.42em;text-transform:uppercase;text-shadow:0 0 16px var(--glow-cyan);animation:rise-in .5s ease backwards}.intro-title{margin:.7rem 0 0;font-family:var(--display);font-size:clamp(1.4rem,5vw,2.4rem);font-weight:900;letter-spacing:.04em;line-height:1.2;max-width:22ch;text-transform:uppercase;overflow-wrap:anywhere;background:linear-gradient(180deg,#fff,#cfe0ff 28%,#7f8fd8 48%,#fff 53%,#6a79c6);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #7b2ff7) drop-shadow(0 0 18px var(--glow-cyan)) drop-shadow(0 0 36px var(--glow));animation:rise-in .5s ease 80ms backwards}.intro-lamps{display:flex;gap:.65rem;justify-content:center;margin-top:1.4rem;animation:rise-in .5s ease .16s backwards}.intro-lamps i{width:.55rem;aspect-ratio:1;border-radius:50%;background:#241442;animation:lamp-chase 1.15s infinite}.intro-lamps i:nth-child(3n+1){--lamp: var(--magenta)}.intro-lamps i:nth-child(3n+2){--lamp: var(--cyan)}.intro-lamps i:nth-child(3n+3){--lamp: var(--yellow)}.intro-lamps i:nth-child(2){animation-delay:.12s}.intro-lamps i:nth-child(3){animation-delay:.24s}.intro-lamps i:nth-child(4){animation-delay:.36s}.intro-lamps i:nth-child(5){animation-delay:.48s}@keyframes lamp-chase{0%,45%,to{background:#241442;box-shadow:none}15%{background:var(--lamp, var(--magenta));box-shadow:0 0 10px var(--lamp, var(--magenta)),0 0 24px color-mix(in srgb,var(--lamp, var(--magenta)) 45%,transparent)}}.intro-steps{margin:1.3rem 0 0;padding:0;list-style:none;display:grid;gap:.5rem;justify-items:start;text-align:left}.intro-step{display:grid;grid-template-columns:1.1rem 1fr;align-items:center;gap:.6rem;font-size:.82rem;letter-spacing:.03em;color:var(--text-dim);transition:color .3s ease,opacity .3s ease}.intro-mark{display:grid;place-items:center;width:1.1rem;height:1.1rem}.intro-step-waiting{opacity:.45}.intro-step-waiting .intro-mark:before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:#3a2a5e}.intro-step-running{color:var(--text)}.intro-step-done .intro-mark:before{content:"";width:.62rem;height:.34rem;border-left:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:translateY(-.1rem) rotate(-45deg);filter:drop-shadow(0 0 6px var(--glow-cyan))}.spinner{display:block;width:.85rem;height:.85rem;border-radius:50%;border:2px solid rgba(255,255,255,.16);border-top-color:var(--magenta);border-right-color:var(--magenta);animation:spin .72s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-bake{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem;border-radius:999px;background:#0c061ab8;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-dim);font-size:.72rem;letter-spacing:.04em}@media(prefers-reduced-motion:reduce){.intro,.intro:before,.intro-body{transition-duration:1ms}.intro-kicker,.intro-title,.intro-lamps{animation:none}.intro-lamps i{animation:none;background:var(--lamp, var(--accent))}.spinner{animation:none;border-top-color:var(--magenta)}}.player{position:fixed;inset:0;background:#000}.pause{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:1.5rem;background:#04020cb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:rise-in .18s ease backwards}.pause-panel{width:min(24rem,100%);padding:1.6rem 1.5rem 1.2rem;text-align:center;border:1px solid rgba(255,46,136,.35);border-radius:16px;background:linear-gradient(180deg,#28154ef5,#0c071af7 40%);box-shadow:0 20px 60px #0009,0 0 36px var(--glow-soft)}.pause-kicker{display:block;font-family:var(--display);color:var(--cyan);font-size:.68rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase;text-shadow:0 0 16px var(--glow-cyan)}.pause-title{margin:.7rem 0 1.4rem;font-family:var(--display);font-size:clamp(1.05rem,4.5vw,1.4rem);font-weight:800;letter-spacing:.05em;line-height:1.25;text-transform:uppercase;overflow-wrap:anywhere;background:linear-gradient(180deg,#fff,#cfe0ff 30%,#7f8fd8 50%,#fff 55%,#6a79c6);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #7b2ff7) drop-shadow(0 0 18px var(--glow-cyan))}.pause-actions{display:flex;flex-direction:column;gap:.6rem}.pause-actions .btn{padding:.75rem 1rem;font-size:.9rem}.pause-hint{margin:1rem 0 0;color:var(--text-dim);font-size:.78rem}.player-docked{--dock-h: min(25vw, 13vh);display:flex}.player-dock-top{flex-direction:column-reverse}.player-dock-bottom{flex-direction:column}.player-docked .player-stage canvas{flex:1 1 auto;height:auto;min-height:0}.score-dock{flex:0 0 auto;height:var(--dock-h);display:grid;place-items:center}.score.score-docked{position:static;inset:auto;transform:none;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;box-shadow:none;background:transparent}.player-dock-top .player-hud,.player-dock-top .touch{top:var(--dock-h)}.player-dock-bottom .touch{bottom:var(--dock-h)}.player-stage canvas{width:100%;height:100%;display:block;touch-action:none}.player-stage{display:contents}.player-hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(#000000cc,transparent)}.player-status{position:absolute;left:1rem;right:1rem;bottom:1rem;max-width:46rem;margin-inline:auto}.player-fps{margin-left:auto;font-family:var(--display);font-size:.76rem;letter-spacing:.06em;font-variant-numeric:tabular-nums;opacity:.75}.stats dl{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;margin:0;font-size:.85rem}.stats dt{opacity:.6}.stats dd{margin:0;font-variant-numeric:tabular-nums}.stats .hint{margin:.6rem 0 0;font-size:.8rem;opacity:.55}.player-update{border:1px solid #4a9eff;border-radius:999px;background:#142846d9;color:#cfe4ff;font:inherit;font-size:.85rem;padding:.2rem .75rem;cursor:pointer}.player-quiet{color:#e0a33a}.player-tilt{color:#ff6b6b;letter-spacing:.08em}.touch-exit{width:2.75rem;height:2.75rem;padding:.55rem;border:0;border-radius:999px;background:#08080e73;color:var(--text);opacity:.45;cursor:pointer;transition:opacity .12s ease}.touch-exit:hover,.touch-exit:active{opacity:.95}.touch-exit svg{display:block;width:100%;height:100%}.touch{position:absolute;inset:0;pointer-events:none;z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch button,.touch .touch-plunger{pointer-events:auto;touch-action:none;padding:0;border:0;background:none;color:inherit;cursor:pointer}.touch svg{display:block;width:100%;height:100%;overflow:visible}.touch-flipper{position:absolute;bottom:max(1.25rem,env(safe-area-inset-bottom));width:min(28vw,8rem);aspect-ratio:1;opacity:.42;transition:opacity 90ms ease,transform 90ms ease}.touch-left{left:max(1rem,env(safe-area-inset-left))}.touch-right{right:max(1rem,env(safe-area-inset-right))}.touch-flipper.is-held{opacity:.92;transform:scale(.94)}.touch-bezel{fill:#08080e73;stroke:#e4e4ec59;stroke-width:2.5}.touch-housing{fill:#08080e99;stroke:#e4e4ec2e;stroke-width:2}.touch-cap{fill:#ff2e884d;stroke:var(--accent);stroke-width:3}.touch-shine{fill:#ffffff47}.touch-cap,.touch-shine{transition:all 60ms ease-out}.touch-flipper.is-held .touch-cap{fill:#ff2e88bf;r:29;stroke-width:2}.touch-flipper.is-held .touch-shine{opacity:.35}.touch-plunger{position:absolute;top:max(4.5rem,calc(env(safe-area-inset-top) + 4rem));right:max(1rem,env(safe-area-inset-right));width:min(15vw,4.5rem);height:min(34vh,13rem);opacity:.4;transition:opacity .12s ease}.touch-plunger:active{opacity:.9}.touch-lane{fill:#08080e80;stroke:#e4e4ec4d;stroke-width:2}.touch-rod{stroke:#e4e4ecd9;stroke-width:6;stroke-linecap:round}.touch-spring{fill:none;stroke:var(--accent);stroke-width:4;stroke-linejoin:round}.touch-ball{fill:#e4e4ecbf}.touch-thumb{position:absolute;top:4%;left:50%;width:128%;margin-left:-64%;aspect-ratio:1;pointer-events:none}.touch-knob{fill:#12121be6;stroke:var(--accent);stroke-width:2.5}.touch-knob-inner{fill:#ff2e8840}.touch-knurl{stroke:#ff2e88b3;stroke-width:2;stroke-linecap:round}.touch-pull-hint{fill:none;stroke:var(--text);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.touch-start{position:absolute;top:max(4.5rem,calc(env(safe-area-inset-top) + 4rem));margin-top:min(20vw,5.5rem);left:max(1rem,env(safe-area-inset-left));width:min(18vw,5rem);aspect-ratio:1;opacity:.42;transition:opacity 90ms ease,transform 90ms ease}.touch-start.is-held{opacity:.95;transform:scale(.94)}.touch-start-cap{fill:#4ade8038;stroke:var(--ok);stroke-width:3}.touch-start-mark{fill:var(--ok)}.touch-start.is-held .touch-start-cap{fill:#4ade809e}.touch-coin{position:absolute;top:max(4.5rem,calc(env(safe-area-inset-top) + 4rem));left:max(1rem,env(safe-area-inset-left));width:min(18vw,5rem);aspect-ratio:1;opacity:.4;transition:opacity .12s ease}.touch-coin:active{opacity:.95}.touch-slot{fill:#08080ebf;stroke:#e4e4ec73;stroke-width:2.5}.touch-token-edge{fill:#fbbf2447;stroke:var(--warn);stroke-width:3}.touch-token-face{fill:#fbbf2429;stroke:#fbbf2499;stroke-width:2}.touch-milling{stroke:var(--warn);stroke-width:2;stroke-linecap:round;opacity:.75}.touch-token-star{fill:var(--warn);opacity:.85}.touch-coin.is-inserted .touch-token{animation:coin-in .7s ease-in both}@keyframes coin-in{0%{transform:none;opacity:1}70%{transform:translate(24px,-22px) scale(.55);opacity:1}to{transform:translate(24px,-22px) scale(.55);opacity:0}}@media(hover:hover)and (pointer:fine){.touch{display:none}}@media(prefers-reduced-motion:reduce){.touch-cap,.touch-shine,.touch-flipper,.touch-plunger,.touch-coin{transition:none}.touch-coin.is-inserted .touch-token{animation-duration:1ms}}.home{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:2.5rem;padding:2rem clamp(1rem,5vw,2rem);max-width:34rem;margin-inline:auto}.home-head{position:relative;text-align:center;animation:rise-in .48s ease backwards}.home-head:before{content:"";position:absolute;left:50%;top:50%;width:min(52rem,150vw);aspect-ratio:1;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.04) 0deg 5deg,transparent 5deg 12deg);mask-image:radial-gradient(closest-side,#000 20%,transparent 72%);-webkit-mask-image:radial-gradient(closest-side,#000 20%,transparent 72%);pointer-events:none}.home-title{position:relative;margin:0;font-family:var(--display);font-size:clamp(1.9rem,7.6vw,3.1rem);font-weight:900;letter-spacing:.02em;line-height:1.05;text-transform:uppercase;background:linear-gradient(180deg,#fff,#cfe0ff 26%,#7f8fd8 46%,#fff 51%,#c3d2ff 58%,#6a79c6);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #7b2ff7) drop-shadow(0 0 16px var(--glow-cyan)) drop-shadow(0 0 34px var(--glow))}.home-marquee{position:relative;display:block;width:min(18rem,68%);height:6px;margin:1rem auto 0;border-radius:99px;background:linear-gradient(90deg,transparent 0%,var(--magenta) 12%,var(--magenta) 33%,var(--cyan) 33%,var(--cyan) 66%,var(--yellow) 66%,var(--yellow) 88%,transparent 100%);box-shadow:0 0 14px var(--glow),0 0 30px #22e8ff33}.home-sub{margin:.9rem 0 0;font-family:var(--display);color:var(--cyan);font-size:clamp(.58rem,2.4vw,.72rem);font-weight:500;letter-spacing:clamp(.16em,1vw,.34em);text-transform:uppercase;text-shadow:0 0 14px var(--glow-cyan)}.home-menu{display:flex;flex-direction:column;gap:.8rem}.home-item{position:relative;display:flex;align-items:center;gap:1rem;width:100%;padding:1.15rem 1.2rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#28154edb,#0e081ee6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--text);font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .16s,box-shadow .22s ease,transform .16s ease;animation:rise-in .42s ease backwards}.home-item:nth-child(2){animation-delay:90ms}.home-item:nth-child(3){animation-delay:.18s}.home-item:before{content:"";position:absolute;inset:-40% -30%;background:linear-gradient(105deg,transparent 44%,rgba(190,240,255,.09) 50%,transparent 56%);transform:translate(-80%);pointer-events:none}.home-item:hover:not(:disabled),.home-item:focus-visible{border-color:#22e8ff99;box-shadow:0 8px 30px #00000080,0 0 28px #22e8ff2e;transform:translateY(-2px)}.home-item:hover:not(:disabled):before{transition:transform .6s ease;transform:translate(80%)}.home-item:active:not(:disabled){transform:translateY(0)}.home-item:disabled{opacity:.45;cursor:default}.home-item-icon{flex:0 0 auto;width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:12px;background:radial-gradient(120% 120% at 30% 20%,#ff2e8840,#100922e6 70%);border:1px solid rgba(255,46,136,.3);color:var(--accent);box-shadow:inset 0 0 14px #ff2e8829;transition:box-shadow .2s,border-color .2s,color .2s}.home-item:hover:not(:disabled) .home-item-icon{border-color:#22e8ff8c;color:var(--cyan);box-shadow:inset 0 0 18px #22e8ff33,0 0 16px var(--glow-cyan)}.home-item-icon svg{width:1.45rem;height:1.45rem}.home-item:disabled .home-item-icon{color:var(--text-dim);box-shadow:none;border-color:var(--line)}.home-item-text{flex:1;min-width:0}.home-item-label{display:block;font-family:var(--display);font-size:1.02rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.home-item-hint{display:block;margin-top:.12rem;color:var(--text-dim);font-size:.85rem}.home-item-chevron{flex:0 0 auto;color:var(--text-dim);display:grid;place-items:center;transition:transform .16s ease,color .16s}.home-item:hover:not(:disabled) .home-item-chevron{transform:translate(3px);color:var(--accent)}.home-item-chevron svg{width:1.1rem;height:1.1rem}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.home-head,.home-item,.card{animation:none}.home-item,.home-item-chevron,.card,.card-thumb img{transition:none}.home-item:before,.card-thumb:after{display:none}}.screen-head{position:relative;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-bottom:1.25rem;margin-bottom:.5rem}.screen-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--magenta) 0%,var(--magenta) 8%,var(--cyan) 8%,var(--cyan) 16%,var(--yellow) 16%,var(--yellow) 24%,rgba(58,32,115,.8) 24%,transparent 100%);box-shadow:0 0 12px var(--glow-soft)}.screen-head h1{flex:1;margin:0;font-family:var(--display);font-size:1.3rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(180deg,#fff,#d5e2ff 45%,#8b99d8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(123,47,247,.9)) drop-shadow(0 0 14px var(--glow-soft))}.btn-back{padding:.5rem;display:grid;place-items:center}.search{padding:.5rem .9rem;border:1px solid var(--line);border-radius:999px;background:#100922cc;color:var(--text);font:inherit;font-size:.9rem;min-width:9rem;transition:border-color .16s,box-shadow .16s}.search:focus-visible{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #22e8ff2e,0 0 18px var(--glow-cyan)}.section{margin-top:2rem}.section-head{display:flex;align-items:center;gap:.6rem;margin:0 0 .6rem;font-family:var(--display);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}.section-head .count{padding:.05rem .45rem;border-radius:99px;background:var(--surface-hi);color:var(--text-dim);font-size:.75rem;letter-spacing:0}.section-note{margin:0 0 .75rem;color:var(--text-dim);font-size:.9rem}.drop-hint{text-align:center;padding:2.5rem 1rem;color:var(--text-dim)}.drop-hint p{margin:.35rem 0}.stored,.rom-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.stored-row,.rom-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.7rem .85rem;background:var(--surface)}.stored-name{flex:1;min-width:10rem}.stored-sub{display:block;margin-top:.1rem;color:var(--text-dim);font-size:.8rem}.rom-name{flex:0 0 auto;color:var(--cyan);font-family:var(--display);font-size:.85rem}.rom-for{color:var(--text-dim);font-size:.88rem}.tabs{display:flex;gap:.35rem;margin:1.25rem 0 .25rem;padding:.3rem;border:1px solid var(--line);border-radius:999px;background:#100922b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}@media(max-width:30rem){.tabs{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;width:100%;border-radius:16px;overflow:visible}.tab{padding:.5rem .4rem;text-align:center}}.tab{flex:0 0 auto;padding:.45rem clamp(.7rem,3.4vw,1.35rem);border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-dim);font:inherit;font-family:var(--display);font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .14s,background .16s,box-shadow .2s}.tab:hover:not(.tab-on){color:var(--text)}.tab-on{background:linear-gradient(180deg,var(--accent-hi),var(--accent));border-color:var(--accent-hi);color:var(--accent-ink);font-weight:800;box-shadow:0 0 18px var(--glow),inset 0 1px #ffffff73}.tab-pane{animation:rise-in .26s ease backwards}@media(prefers-reduced-motion:reduce){.tab-pane{animation:none}}.setting{display:block;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(40,21,78,.93),var(--surface));transition:border-color .18s,box-shadow .2s}.setting:hover,.setting:focus-within{border-color:#22e8ff66;box-shadow:0 0 18px #00000059,0 0 16px #22e8ff1f}.setting+.setting{margin-top:.7rem}.setting-label{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-family:var(--display);font-size:.86rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.setting-value{color:var(--cyan);font-weight:400;text-shadow:0 0 12px var(--glow-cyan)}.setting-boosted{color:var(--yellow);text-shadow:0 0 12px rgba(255,214,10,.45)}.setting-control{display:flex;align-items:center;gap:.75rem;margin-top:.9rem;color:var(--text-dim)}.setting-hint{display:block;margin-top:.75rem;color:var(--text-dim);font-size:.85rem}.slider{flex:1;min-width:0;height:1.75rem;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.slider:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.slider::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:linear-gradient(90deg,#ff2e888c,#9d4edd8c 50%,#22e8ff8c)}.slider::-moz-range-track{height:5px;border-radius:99px;background:linear-gradient(90deg,#ff2e888c,#9d4edd8c 50%,#22e8ff8c)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;margin-top:-.475rem;border:none;border-radius:50%;background:radial-gradient(circle at 32% 28%,var(--accent-hi),var(--accent) 65%);box-shadow:0 0 10px var(--glow)}.slider::-moz-range-thumb{width:1.25rem;height:1.25rem;border:none;border-radius:50%;background:radial-gradient(circle at 32% 28%,var(--accent-hi),var(--accent) 65%);box-shadow:0 0 10px var(--glow)}.binding-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.binding{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;background:var(--surface)}.binding-name{flex:1;min-width:0;font-size:.92rem}.binding-hint{display:block;margin-top:.1rem;color:var(--text-dim);font-size:.78rem}.binding-key{flex:0 0 auto;min-width:7.5rem;padding:.45rem .8rem;border:1px solid var(--line);border-radius:8px;background:#100922cc;color:var(--text);font:inherit;font-family:var(--display);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-align:center;cursor:pointer;transition:border-color .14s,box-shadow .18s,color .14s}.binding-key:hover{border-color:var(--cyan);box-shadow:0 0 14px #22e8ff24}.binding-listening{border-color:var(--accent);color:var(--accent-hi);box-shadow:0 0 18px var(--glow-soft);animation:binding-wait 1.1s ease-in-out infinite}@keyframes binding-wait{50%{box-shadow:0 0 26px var(--glow);border-color:var(--accent-hi)}}.bindings-foot{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.7rem}.bindings-foot .setting-hint{flex:1;min-width:12rem;margin-top:0}.bindings-note{margin:0 0 .6rem;padding:.6rem .75rem;border:1px solid rgba(255,214,10,.3);border-radius:10px;background:#ffd60a14;color:var(--text-dim);font-size:.85rem}@media(max-width:26rem){.binding{flex-wrap:wrap}.binding-key{min-width:6rem}}@media(prefers-reduced-motion:reduce){.binding-listening{animation:none}}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:0;background:#040408d5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(min-width:40rem){.modal-backdrop{align-items:center;padding:2rem 1rem}}.modal{display:flex;flex-direction:column;width:100%;max-width:40rem;max-height:92vh;max-height:92dvh;border:1px solid rgba(255,46,136,.32);border-radius:16px 16px 0 0;background:linear-gradient(180deg,#28154ef5,#0c071af7 30%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -8px 48px #0009,0 0 36px var(--glow-soft);overflow:hidden;animation:rise-in .26s ease backwards}@media(min-width:40rem){.modal{border-radius:16px;max-height:85vh}}.modal:focus-visible{outline:none}.modal-head{position:relative;padding:1.15rem 1.15rem .9rem}.modal-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background-image:conic-gradient(rgba(255,46,136,.55) 90deg,transparent 90deg 180deg,rgba(255,46,136,.55) 180deg 270deg,transparent 270deg);background-size:8px 8px;mask-image:linear-gradient(90deg,#000 0%,transparent 65%);-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 65%)}.modal-head h2{margin:0;font-family:var(--display);font-size:1rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.modal-sub{margin:.3rem 0 0;color:var(--text-dim);font-size:.9rem}.modal-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.5rem 1.15rem 1rem}.modal-foot{display:flex;gap:.6rem;padding:.85rem 1.15rem;padding-bottom:max(.85rem,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}.modal-foot .btn{flex:1;justify-content:center}.modal-foot .btn-primary{flex:2}.review-section{margin-top:1.1rem}.review-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .35rem;font-size:.78rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim)}.review-section h3 .count{padding:.05rem .4rem;border-radius:99px;background:var(--surface-hi);font-size:.72rem;letter-spacing:0}.review-ok h3{color:var(--ok)}.review-warn h3{color:var(--warn)}.review-error h3{color:var(--error)}.review-note{margin:0 0 .5rem;color:var(--text-dim);font-size:.85rem}.review-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.review-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.55rem .7rem;background:var(--surface-hi);font-size:.9rem}.review-name{flex:1;min-width:9rem}.review-detail{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.15rem;color:var(--text-dim);font-size:.8rem}.row-origin{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .45rem;border:1px solid var(--line);border-radius:99px;font-size:.75rem;white-space:nowrap}.tag-ok{color:var(--ok);border-color:#4ade8033;background:#4ade801a}.tag-warn{color:var(--warn);border-color:#fbbf2433;background:#fbbf241a}.tag-error{color:var(--error);border-color:#f8717133;background:#f871711a}.score{position:absolute;z-index:2;top:1rem;right:1rem;width:min(28vw,22rem);height:auto;border:1px solid rgba(34,232,255,.35);border-radius:.4rem;box-shadow:inset 0 0 20px #0009;background:#04040c;pointer-events:none;image-rendering:pixelated}.setting-choice{display:flex;gap:.5rem;flex-wrap:wrap}.choice{flex:1 1 auto;padding:.55rem .9rem;border:1px solid var(--line);border-radius:.4rem;background:var(--surface);color:var(--text-dim);font:inherit;font-family:var(--display);font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .14s,color .14s,box-shadow .18s}.choice:hover:not(:disabled){border-color:var(--cyan);color:var(--text);box-shadow:0 0 14px #22e8ff24}.choice:disabled{opacity:.4;cursor:default}.choice-on{border-color:var(--accent-hi);background:linear-gradient(180deg,var(--accent-hi),var(--accent));color:var(--accent-ink);font-weight:800;box-shadow:0 0 18px var(--glow),inset 0 1px #ffffff73}.player-nomachine{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:.5rem;max-width:min(28rem,82vw);padding:1rem 1.25rem;border:1px solid #7c2d2d;border-radius:.6rem;background:#1a0f12ee;color:#f3e7e7;font-size:.85rem;line-height:1.45;text-align:center;pointer-events:none}.player-nomachine strong{font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:#ff9a9a}.player-notice{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);margin:0;max-width:90vw;padding:.35rem .7rem;border-radius:.4rem;background:#14161fdd;color:#cfd6e6;font-size:.75rem;text-align:center;pointer-events:none}.sunnyhill-back{display:inline-block;margin:0 0 20px;color:var(--text);text-decoration:underline;text-underline-offset:4px;font-size:14px}.sunnyhill-source{font-size:12px;margin:12px 0 0}.sunnyhill-source a{color:inherit;text-underline-offset:3px}