:root{--obsidian:#05060f;--panel:#0d1224;--panel2:#111936;--line:rgba(135,164,221,.2);--text:#f3f7ff;--muted:#96a2bd;--cyan:#33e6ff;--cyansoft:#9af5ff;--magenta:#ff3fd2;--gold:#ffbe0b;--purple:#bb42ff;--green:#2ecc71;--font-display:"Arial Narrow","Trebuchet MS",sans-serif;--font-body:Inter,ui-sans-serif,system-ui,sans-serif;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--obsidian);color:var(--text);font-family:var(--font-body)}button,a,input,select{font:inherit}button,a{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.arcade-shell{min-height:100vh;overflow:hidden;position:relative;background:radial-gradient(circle at 8% 0%,rgba(187,66,255,.16),transparent 30rem),radial-gradient(circle at 92% 20%,rgba(51,230,255,.12),transparent 32rem),linear-gradient(180deg,#080a18,var(--obsidian) 58%)}.arcade-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px}.scanlines{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 4px);transition:opacity .2s}.scanlines-on .scanlines{opacity:.32}.arcade-header,main,.arcade-footer{position:relative;z-index:1}
.arcade-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:14px clamp(18px,4vw,64px);border-bottom:1px solid var(--line);background:rgba(5,6,15,.78);backdrop-filter:blur(18px)}.brand-lockup,.header-status,.header-actions,.hero-actions,.cabinet-topline,.hero-caption,.arcade-footer{display:flex;align-items:center}.brand-lockup{gap:11px;min-width:max-content}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--cyan);border-radius:10px;color:var(--obsidian);background:linear-gradient(135deg,var(--cyan),var(--magenta));box-shadow:0 0 22px rgba(51,230,255,.35);font-size:.8rem;font-weight:950}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font-size:.86rem;letter-spacing:.12em}.brand-lockup small{color:var(--cyan);font-size:.58rem;font-weight:800;letter-spacing:.14em}.header-status{gap:8px;margin-left:auto;color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.1em}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.header-actions{gap:8px}
.control-button,.ghost-button,.primary-button,.cabinet-button{border:1px solid var(--line);border-radius:9px;color:var(--text);background:rgba(17,25,54,.7);transition:transform .2s,border-color .2s,color .2s,box-shadow .2s}.control-button{padding:8px 11px;color:var(--muted);font-size:.72rem;font-weight:800}.control-button:hover,.control-button:focus-visible,.ghost-button:hover,.ghost-button:focus-visible{border-color:var(--cyan);color:var(--cyan);outline:0;box-shadow:0 0 18px rgba(51,230,255,.16)}.control-button-accent{color:var(--gold)}
main{max-width:1440px;margin:0 auto;padding:0 clamp(18px,4vw,64px)}.hero-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(30px,7vw,110px);align-items:center;min-height:470px;padding:clamp(58px,9vw,120px) 0 74px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:var(--cyan);font-size:.68rem;font-weight:900;letter-spacing:.19em}.eyebrow-line{width:24px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}h1,h2,h3{font-family:var(--font-display)}h1{max-width:760px;margin:0 0 16px;font-size:clamp(3.4rem,10vw,8.2rem);line-height:.82;letter-spacing:-.08em}h1 span{display:block;color:transparent;background:linear-gradient(100deg,var(--cyan),#fff 45%,var(--magenta));background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 20px rgba(51,230,255,.18))}.hero-lede{max-width:540px;color:var(--muted);font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.7}.hero-actions{gap:12px;margin-top:28px;flex-wrap:wrap}.primary-button,.ghost-button{padding:12px 17px;font-weight:850}.primary-button{border-color:var(--cyan);color:var(--obsidian);background:var(--cyan);box-shadow:0 0 24px rgba(51,230,255,.22)}.primary-button:hover,.primary-button:focus-visible{transform:translateY(-2px);background:var(--cyansoft);outline:0}
.hero-display{position:relative;min-height:330px;overflow:hidden;border:1px solid rgba(51,230,255,.26);border-radius:50%;background:radial-gradient(circle,rgba(51,230,255,.12),transparent 55%),#080d20;box-shadow:inset 0 0 70px rgba(51,230,255,.08),0 0 60px rgba(187,66,255,.08)}.hero-grid{position:absolute;inset:32% -20% -30%;transform:perspective(260px) rotateX(62deg);background-image:linear-gradient(rgba(51,230,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(51,230,255,.22) 1px,transparent 1px);background-size:30px 30px}.hero-orbit{position:absolute;border:1px solid rgba(255,63,210,.55);border-radius:50%;transform:rotate(-24deg)}.hero-orbit-one{width:70%;height:40%;top:31%;left:15%}.hero-orbit-two{width:48%;height:82%;top:8%;left:26%;border-color:rgba(51,230,255,.48);transform:rotate(42deg)}.hero-token{position:absolute;top:50%;left:50%;display:grid;width:150px;height:150px;place-content:center;border:2px solid var(--gold);border-radius:50%;color:var(--gold);text-align:center;transform:translate(-50%,-50%) rotate(-12deg);background:radial-gradient(circle,rgba(255,190,11,.16),rgba(187,66,255,.1) 45%,transparent 70%);box-shadow:0 0 34px rgba(255,190,11,.28),inset 0 0 22px rgba(255,190,11,.18)}.hero-token span{font-size:2.8rem;font-weight:950;letter-spacing:-.12em}.hero-token small{font-size:.5rem;font-weight:900;letter-spacing:.18em}.hero-caption{position:absolute;right:14%;bottom:14%;justify-content:space-between;width:72%;color:var(--muted);font-size:.55rem;font-weight:850;letter-spacing:.15em}
.cabinet-section{padding:36px 0 100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.05em}.section-note{margin:0 0 4px;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.11em}.cabinet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cabinet-card{--accent:var(--cyan);position:relative;min-height:390px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);transition:transform .25s,border-color .25s,box-shadow .25s}.cabinet-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 18px 45px rgba(0,0,0,.45),0 0 25px color-mix(in srgb,var(--accent) 22%,transparent)}.cabinet-holiday{--accent:#ff6b6b}.cabinet-paradise{--accent:var(--gold)}.cabinet-snake{--accent:var(--cyan)}.cabinet-crystal{--accent:var(--purple)}.cabinet-agent{--accent:#8ff2ff}.cabinet-spirit{--accent:var(--magenta)}.cabinet-card:after{position:absolute;inset:0;pointer-events:none;content:"";opacity:.65;background:linear-gradient(145deg,transparent 28%,rgba(255,255,255,.08),transparent 50%)}.cabinet-topline{justify-content:space-between;padding:16px 17px 0;color:var(--muted);font-size:.65rem;font-weight:900;letter-spacing:.13em}.cabinet-tag{padding:4px 7px;border:1px solid var(--accent);border-radius:99px;color:var(--accent);font-size:.56rem}.cabinet-tag-live{color:var(--green);border-color:var(--green)}.cabinet-art{position:relative;display:grid;height:145px;margin:14px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:12px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 23%,transparent),transparent 60%),#080b18}.cabinet-art:before{position:absolute;inset:0;content:"";background:linear-gradient(125deg,transparent 45%,var(--accent),transparent 55%);transform:translateX(-100%);transition:transform .5s}.cabinet-card:hover .cabinet-art:before{transform:translateX(100%)}.art-glyph{position:relative;z-index:1;font-size:4.2rem;filter:drop-shadow(0 0 18px var(--accent))}.art-spark{position:absolute;top:18px;right:22px;color:var(--accent);font-size:1.5rem}.snake-trail{position:absolute;width:66%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),transparent);box-shadow:0 0 18px var(--cyan);transform:rotate(-21deg)}.cabinet-info{position:relative;z-index:1;padding:0 18px 18px}.cabinet-series{margin:0 0 4px;color:var(--accent);font-size:.62rem;font-weight:900;letter-spacing:.14em}.cabinet-info h3{margin:0 0 8px;font-size:1.55rem;letter-spacing:-.04em}.cabinet-info p:not(.cabinet-series){min-height:54px;margin:0 0 17px;color:var(--muted);font-size:.83rem;line-height:1.5}.cabinet-button{display:inline-flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent);background:rgba(5,6,15,.45);font-size:.75rem;font-weight:900;letter-spacing:.05em}.cabinet-button:hover,.cabinet-button:focus-visible{outline:0;color:var(--obsidian);background:var(--accent)}
.arcade-footer{justify-content:space-between;gap:16px;padding:18px clamp(18px,4vw,64px);border-top:1px solid var(--line);color:var(--muted);font-size:.6rem;font-weight:800;letter-spacing:.1em}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;padding:18px;place-items:center;background:rgba(2,3,9,.82);backdrop-filter:blur(14px)}.modal-panel{position:relative;width:min(600px,100%);max-height:min(760px,90vh);overflow:auto;padding:30px;border:1px solid var(--cyan);border-radius:var(--radius);background:linear-gradient(145deg,#10182e,#080b18);box-shadow:0 24px 80px rgba(0,0,0,.75),0 0 38px rgba(51,230,255,.18)}.modal-panel h2{margin:0 0 8px;font-size:2.6rem;letter-spacing:-.06em}.modal-close{position:absolute;top:17px;right:17px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:var(--panel2);font-size:1.3rem}.modal-close:hover,.modal-close:focus-visible{border-color:var(--cyan);color:var(--cyan);outline:0}.modal-intro{color:var(--muted);font-size:.85rem;line-height:1.5}.leaderboard-table{margin:22px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.score-row{display:grid;grid-template-columns:38px 1fr 1fr auto;gap:10px;align-items:center;padding:11px 13px;border-bottom:1px solid var(--line);font-size:.78rem}.score-row:last-child{border:0}.score-rank{color:var(--gold);font-weight:900}.score-game{color:var(--muted)}.score-value{color:var(--cyan);font-weight:900}.score-form{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center}.score-form label{color:var(--muted);font-size:.68rem;font-weight:800}.score-form input,.score-form select{min-width:0;padding:9px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel2)}.score-form input:focus,.score-form select:focus{border-color:var(--cyan);outline:0}.score-form .primary-button{grid-column:1/-1}.toast{position:fixed;right:20px;bottom:20px;z-index:80;max-width:calc(100vw - 40px);padding:12px 15px;border:1px solid var(--cyan);border-radius:9px;opacity:0;color:var(--text);background:var(--panel2);box-shadow:0 0 24px rgba(51,230,255,.18);transform:translateY(12px);transition:opacity .2s,transform .2s;pointer-events:none}.toast.visible{opacity:1;transform:translateY(0)}
@media(max-width:980px){.arcade-header{flex-wrap:wrap}.header-status{order:3;width:100%}.header-actions{margin-left:auto}.hero-panel{grid-template-columns:1fr}.hero-display{max-width:600px;width:100%;margin:auto}.cabinet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.arcade-header{align-items:flex-start}.header-actions{width:100%;overflow-x:auto}.control-button{white-space:nowrap}.hero-panel{padding-top:54px}h1{font-size:clamp(3.2rem,18vw,5.3rem)}.hero-display{min-height:270px}.section-heading{display:block}.section-note{margin-top:12px}.cabinet-grid{grid-template-columns:1fr}.cabinet-card{min-height:0}.arcade-footer{align-items:flex-start;flex-direction:column}.score-form{grid-template-columns:1fr 1fr}.score-form .primary-button{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}