:root{--enamel:#0c3340;--enamel-deep:#071c24;--enamel-lit:#16495a;--brass:#e2b23a;--brass-deep:#9a7120;--neon:#ff5d7e;--neon-deep:#c23152;--chrome:#dce6ec;--cream:#f3f6f1;--ink:#041117;--felt:#12333d;--glass:#78d2e614;--shadow:0 10px 0 #020a0e8c;--font-display:"Bungee","Outfit",sans-serif;--font-ui:"Outfit",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden;color:var(--cream);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation;background:radial-gradient(80% 50% at 50% -10%,#ff5d7e38,#0000 55%),radial-gradient(60% 40% at 85% 20%,#e2b23a1f,#0000 50%),radial-gradient(50% 40% at 10% 70%,#16495a73,#0000 55%),linear-gradient(165deg,#0a2430 0%,#06151c 48%,#030b10 100%);height:100%}body{display:flex;padding:max(.6rem,env(safe-area-inset-top))max(.75rem,env(safe-area-inset-right))max(.75rem,env(safe-area-inset-bottom))max(.75rem,env(safe-area-inset-left));flex-direction:column;align-items: center;min-height:100%}.grain{pointer-events:none;position:fixed;z-index:50;opacity:.07;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");inset:0}.hidden{display:none!important}.screen{display:flex;flex-direction:column;width:min(420px,100%);min-height:100%}.menu-head{text-align:center;animation:rise .55s ease both;margin-top:clamp(.8rem,4vh,2rem)}.menu-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#f3f6f18c;margin-bottom:.55rem;font-size:.78rem;font-weight:700}.logo{font-family:var(--font-display);letter-spacing:.01em;color:var(--brass);text-shadow:0 4px 0 var(--brass-deep),0 0 32px #e2b23a47;font-size:clamp(2.8rem,13vw,3.8rem);line-height:.95}.logo-it{color:var(--neon);text-shadow:0 4px 0 var(--neon-deep),0 0 32px #ff5d7e59}.menu-sub{color:#f3f6f1d1;max-width:26ch;margin:.85rem auto 0;font-size:1.02rem;font-weight:600;line-height:1.4}.menu-machine{border:3px solid var(--ink);background:linear-gradient(180deg,var(--enamel-lit),var(--enamel-deep));box-shadow:var(--shadow);overflow:hidden;animation:rise .65s 80ms ease both;border-radius:20px 20px 16px 16px;width:min(300px,84%);margin:clamp(1rem,3vh,1.5rem) auto 0}.menu-marquee{display:flex;border-bottom:3px solid var(--ink);background:linear-gradient(#102833,#071820);justify-content:center;align-items: center;gap:.28rem;padding:.55rem .5rem}.menu-marqueetext{font-family:var(--font-display);color:var(--brass);letter-spacing:.08em;padding:0 .2rem;font-size:.72rem}.bulb{border:1.5px solid var(--ink);animation:twinkle 1.5s ease-in-out infinite;animation-delay:calc(var(--i)*.12s);background:#f7d98a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #e2b23a8c}@keyframes twinkle{0%,to{background:#f7d98a;opacity:.55}50%{background:var(--neon);opacity:1}}.menu-glass{position:relative;background:linear-gradient(180deg,#96e6ff1f,transparent 38%),linear-gradient(180deg,#0e3a48 0%,#0a2a35 58%,var(--felt)100%);overflow:hidden;height:210px}.menu-rail{position:absolute;border:2px solid var(--ink);background:linear-gradient(#f2f7fa,#9aadb8);border-radius:999px;height:6px;top:16%;left:10%;right:10%}.menu-claw{position:absolute;border:2px solid var(--ink);z-index:2;background:linear-gradient(#f3cc68,#c99628);border-radius:4px;width:8px;height:38%;top:16%;left:50%;transform:translate(-50%)}.menu-claw:after{content:"";position:absolute;border:2px solid var(--ink);background:linear-gradient(#f4f8fa,#9fb0bb);border-radius:5px;width:22px;height:16px;bottom:-10px;left:50%;transform:translate(-50%)}.menu-jaw{position:absolute;border:2px solid var(--ink);transform-origin:top center;background:linear-gradient(#eef3f6,#9aadb8);border-radius:3px;width:4px;height:30px;bottom:-40px}.menu-jaw:after{content:"";position:absolute;background:var(--neon);border:2px solid var(--ink);border-radius:50%;width:8px;height:8px;bottom:-3px;left:50%;transform:translate(-50%)}.menu-jaw--l{left:-2px;transform:rotate(28deg)}.menu-jaw--r{right:-2px;transform:rotate(-28deg)}.menu-prize{position:absolute;border:2.5px solid var(--ink);width:26px;height:26px;bottom:14%;box-shadow:0 3px #04111759}.menu-prize--a{background:radial-gradient(circle at 35% 30%,#ffc0cd,var(--neon));animation:bob 2s ease-in-out infinite;border-radius:50%;left:18%}.menu-prize--b{animation:bob 2.2s .2s ease-in-out infinite;background:linear-gradient(145deg,#7af0b4,#2db87a);border-radius:6px;bottom:18%;left:44%}.menu-prize--c{box-shadow:none;filter:drop-shadow(0 3px 0 #04111759);animation:bob 1.8s .35s ease-in-out infinite;background:0 0;border:none;width:0;height:0;left:68%}.menu-prize--c:before{content:"★";position:absolute;color:var(--brass);text-shadow:-2px 0 var(--ink),2px 0 var(--ink),0 -2px var(--ink),0 2px var(--ink);font-size:1.55rem;top:0;left:0}.menu-deck{border-top:3px solid var(--ink);background:linear-gradient(#1a4d5d,#0d2b36);height:28px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.menu-actions{display:flex;animation:rise .7s .14s ease both;flex-direction:column;gap:.85rem;margin-top:auto;padding:1.4rem 0 .4rem}.btn-play,.btn-ghost,.pad-btn{font-family:var(--font-display);border:3px solid var(--ink);cursor:pointer;color:var(--ink)}.btn-play{background:linear-gradient(180deg,#f0c45a,var(--brass));box-shadow:var(--shadow);letter-spacing:.02em;border-radius:16px;padding:.95rem 1.2rem;font-size:1.2rem}.btn-play:active{transform:translateY(5px);box-shadow:0 5px #020a0e8c}.btn-ghost{color:var(--cream);font-family:var(--font-ui);background:0 0;border-color:#f3f6f147;border-radius:14px;padding:.7rem 1rem;font-size:.95rem;font-weight:700}.how{color:#f3f6f19e;text-align:center;font-size:.9rem;font-weight:600;line-height:1.4}.game{justify-content:center}.machine{display:flex;border:3px solid var(--ink);background:linear-gradient(180deg,var(--enamel-lit)0%,var(--enamel)40%,var(--enamel-deep)100%);box-shadow:var(--shadow),inset 0 1px 0 #ffffff14;overflow:hidden;animation:rise .4s ease both;border-radius:22px;flex-direction:column;width:100%;max-height:100%}.marquee{border-bottom:3px solid var(--ink);background:linear-gradient(#123644,#0a1f28);padding:.45rem .65rem .7rem}.marquee__bulbs{display:flex;justify-content:space-between;padding:0 .15rem .4rem}.marquee__row{display:grid;grid-template-columns:42px 1fr auto;align-items: center;gap:.4rem}.marquee__title{font-family:var(--font-display);text-align:center;color:var(--brass);text-shadow:0 3px 0 var(--brass-deep);font-size:clamp(1.45rem,6vw,1.85rem);line-height:1}.marquee__title span{color:var(--neon);text-shadow:0 3px 0 var(--neon-deep)}.marquee__wave{font-family:var(--font-ui);letter-spacing:.06em;color:var(--cream);white-space:nowrap;background:#f3f6f114;border:2px solid #f3f6f133;border-radius:999px;justify-self:end;padding:.32rem .4rem;font-size:.68rem;font-weight:800}.btn-back{border:3px solid var(--ink);color:var(--cream);cursor:pointer;background:linear-gradient(#1d586a,#123846);border-radius:12px;width:42px;height:42px;font-size:1.55rem;line-height:1;box-shadow:0 3px #020a0e73}.btn-back:active{transform:translateY(2px);box-shadow:0 1px #020a0e73}.glass{position:relative;border:3px solid var(--ink);overflow:hidden;background:#071820;border-radius:14px;margin:.55rem .55rem 0;box-shadow:inset 0 0 0 2px #e2b23a47,inset 0 -18px 40px #00000059}#gameCanvas{display:block;vertical-align:top;width:100%;height:auto;max-height:min(58vh,560px)}.glass-shine{pointer-events:none;position:absolute;background:linear-gradient(115deg,#ffffff24 0%,#ffffff05 22%,#0000 40%);inset:0}.toast{position:absolute;font-family:var(--font-ui);letter-spacing:.02em;color:var(--ink);background:var(--brass);border:3px solid var(--ink);pointer-events:none;opacity:0;white-space:nowrap;z-index:2;border-radius:999px;padding:.4rem .95rem;transition:opacity .18s,transform .18s;font-size:.95rem;font-weight:800;bottom:14%;left:50%;transform:translate(-50%,8px);box-shadow:0 4px #020a0e66}.toast.show{opacity:1;transform:translate(-50%)}.deck{display:flex;border-top:3px solid var(--ink);background:linear-gradient(#ffffff0a,#0000 30%),linear-gradient(#134354,#0c2c38);flex-direction:column;gap:.65rem;padding:.7rem .7rem .8rem}.meters{display:grid;grid-template-columns:1.4fr 1fr;gap:.5rem}.meter{display:flex;background:#04111759;border:2px solid #041117a6;border-radius:12px;flex-direction:column;gap:.15rem;padding:.4rem .7rem .5rem}.meter__label{letter-spacing:.16em;text-transform:uppercase;color:#f3f6f180;font-size:.68rem;font-weight:700}.meter__value{font-family:var(--font-display);color:var(--cream);font-size:1.15rem;line-height:1.1}.meter__value--score{color:var(--brass)}.meter__value--credits{color:var(--neon)}.controls{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:.55rem}.pad-btn{display:grid;background:linear-gradient(#eef4f7,#c5d2db);border-radius:16px;place-items: center;min-height:68px;box-shadow:0 6px #6d7d88}.pad-btn:active,.pad-btn.held{transform:translateY(4px);box-shadow:0 2px #6d7d88}.pad-icon{color:var(--ink);font-size:1.25rem}.pad-btn--drop{background:linear-gradient(180deg,#ff8aa3,var(--neon));box-shadow:0 6px 0 var(--neon-deep)}.pad-btn--drop:active,.pad-btn--drop.held{box-shadow:0 2px 0 var(--neon-deep)}.pad-drop-label{letter-spacing:.04em;font-size:1.15rem}.overlay{position:fixed;backdrop-filter:blur(4px);display:flex;z-index:30;background:#030a0eb8;justify-content:center;align-items: center;padding:1.25rem;inset:0}.card-panel{color:var(--ink);border:3px solid var(--ink);box-shadow:var(--shadow);text-align:center;animation:rise .3s ease both;background:linear-gradient(#f7f3e8,#ebe4d2);border-radius:20px;width:min(340px,100%);padding:1.45rem 1.25rem 1.2rem}.win-eyebrow{font-family:var(--font-display);color:var(--enamel);font-size:1.3rem}.win-note{color:#041117c7;margin:.7rem 0 1.15rem;font-weight:700;line-height:1.4}.win-actions{display:flex;flex-direction:column;gap:.55rem}.card-panel .btn-play{width:100%}.card-panel .btn-ghost{color:var(--ink);border-color:#04111738}@media (prefers-reduced-motion:reduce){.bulb,.menu-prize,.menu-head,.menu-machine,.menu-actions,.machine,.card-panel{animation:none}}