:root{--ink:#0F0C07;--ink2:#1D160A;--gold:#F5C451;--gold-deep:#B8893A;--cream:#FFF1CC;--muted:#D6C8A4;--neon:#5CFF9D;--display:"Bungee","Arial Black",Impact,sans-serif;--body:"Chakra Petch","Trebuchet MS",Arial,sans-serif}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ink);color:var(--cream);font-family:var(--body);font-weight:500;overflow-x:hidden;-webkit-font-smoothing:antialiased}main{position:relative;display:grid;grid-template-columns:1fr;overflow:hidden}.copy{position:relative;z-index:2;padding:18px 18px 34px;background-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23F5C451' stroke-opacity='.07' stroke-width='2'%3E%3Cpath d='M24 8l13.9 8v16L24 40 10.1 32V16z'/%3E%3Crect x='19' y='19' width='10' height='10' rx='2'/%3E%3Cpath d='M72 56l13.9 8v16L72 88 58.1 80V64z'/%3E%3Crect x='67' y='67' width='10' height='10' rx='2'/%3E%3C/g%3E%3C/svg%3E")}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cream)}.brand img{width:42px;height:42px;object-fit:contain;display:block}.brand span{font-family:var(--display);font-size:clamp(15px,1.2vw+10px,19px);letter-spacing:.02em;color:var(--gold)}.hud{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 14px;padding:0;list-style:none}.hud li{display:flex;align-items:center;gap:7px;border:2px solid var(--gold);border-radius:8px;padding:4px 9px 4px 4px;font-size:clamp(11px,.4vw+9.5px,13px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cream);box-shadow:3px 3px 0 var(--gold-deep)}.hud b{font-family:var(--display);font-weight:400;background:var(--gold);color:var(--ink);border-radius:5px;padding:2px 6px;font-size:clamp(11px,.4vw+9.5px,13px);letter-spacing:0}h1{font-family:var(--display);font-weight:400;font-size:clamp(29px,3.6vw+14px,62px);line-height:1.02;margin:0;color:var(--gold);letter-spacing:-.005em}h1 .ln{display:block;animation:rise .7s cubic-bezier(.2,.8,.2,1) both}h1 .ln:nth-child(2){animation-delay:.12s;color:var(--cream)}h1 .ln:nth-child(3){animation-delay:.24s}.sub{font-size:clamp(16px,.6vw+13.5px,20px);line-height:1.45;color:var(--muted);margin:16px 0 22px;max-width:34em}.sub strong{color:var(--cream);font-weight:700}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:14px 26px;border:3px solid var(--ink);border-radius:12px;background:var(--gold);color:var(--ink);font-family:var(--display);font-size:clamp(17px,.7vw+14px,21px);text-decoration:none;letter-spacing:.01em;box-shadow:0 0 0 3px var(--gold),6px 6px 0 3px var(--gold-deep),inset 3px 3px 0 rgba(255,255,255,.45),inset -3px -3px 0 rgba(0,0,0,.18);transition:transform .12s ease;animation:pulse 2.4s ease-in-out 1.4s infinite}.cta svg{width:20px;height:20px;flex:none}.cta:hover{transform:translate(-1px,-2px)}.cta:active{transform:translate(4px,4px)}.cta:focus-visible{outline:3px dashed var(--neon);outline-offset:8px}.under{margin:18px 0 0;font-size:clamp(13px,.3vw+12px,15px);color:var(--muted);display:flex;align-items:center;gap:8px}.under::before{content:"";width:9px;height:9px;flex:none;background:var(--neon);border-radius:2px;transform:rotate(45deg)}.arena{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:44px 16px 34px}.arena::before,.arena::after{content:"";position:absolute;inset:0;pointer-events:none}.arena::after{background:var(--gold);clip-path:polygon(0 18px,100% 0,100% 100%,0 100%);top:-6px;z-index:-2}.arena::before{background-color:var(--ink2);background-image:repeating-linear-gradient(0deg,rgba(245,196,81,.05) 0 2px,transparent 2px 6px);clip-path:polygon(0 18px,100% 0,100% 100%,0 100%);z-index:-1;animation:slideB .6s cubic-bezier(.2,.8,.2,1) both}.cabinet{width:100%;max-width:420px;border:4px solid var(--gold);border-radius:20px;background:var(--ink);box-shadow:8px 8px 0 var(--gold-deep);overflow:hidden}.bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:3px solid var(--gold);background:#16110A}.live{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-size:13px;color:var(--neon)}.live i{width:9px;height:9px;border-radius:50%;background:var(--neon);animation:blink 1.2s steps(2,end) infinite}.score{font-family:var(--display);font-size:clamp(14px,.5vw+12px,17px);color:var(--gold);font-variant-numeric:tabular-nums}.score small{font-family:var(--body);font-weight:700;font-size:11px;color:var(--muted);letter-spacing:.1em;margin-right:6px}.scene{position:relative;display:block;width:100%;margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.scene:focus-visible{outline:3px dashed var(--neon);outline-offset:-6px}.scene svg{display:block;width:100%;height:auto}.hint{position:absolute;left:12px;bottom:10px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:.85}.pop{position:absolute;font-family:var(--display);font-size:18px;color:var(--gold);pointer-events:none;animation:pop .9s ease-out forwards;text-shadow:2px 2px 0 var(--ink)}.picker{border-top:3px solid var(--gold);padding:12px 14px 14px;background:#16110A}.picker p{margin:0 0 9px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.chip{min-height:44px;border:2px solid var(--gold);border-radius:9px;background:transparent;color:var(--cream);font-family:var(--display);font-size:clamp(12px,.5vw+10px,15px);cursor:pointer;transition:transform .12s ease;padding:4px 2px}.chip:hover{transform:translateY(-2px)}.chip[aria-pressed="true"]{background:var(--gold);color:var(--ink);box-shadow:3px 3px 0 var(--gold-deep)}.chip:focus-visible{outline:3px dashed var(--neon);outline-offset:3px}footer{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:16px 18px;border-top:3px solid var(--gold);background:var(--ink);font-size:13px;color:var(--muted)}footer strong{font-family:var(--display);font-weight:400;color:var(--gold);font-size:15px}.fresh{display:inline-flex;align-items:center;gap:8px;animation:fade .5s ease 1s both}.fresh::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--neon)}.piece{transform-box:fill-box;transform-origin:center;animation:assemble 1.1s cubic-bezier(.2,.9,.25,1.15) both}.stream{animation:stream 7s linear infinite}.stream2{animation:stream 9s linear infinite}.runner{transform-box:fill-box;transform-origin:50% 100%}.runner.jump{animation:jump .55s cubic-bezier(.3,.7,.3,1)}.bob{animation:bob 2.2s ease-in-out 1.3s infinite;transform-box:fill-box;transform-origin:center}.flick{animation:flick .8s steps(4,end) 1.3s both}.caret{animation:blink 1s steps(2,end) infinite}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slideB{from{opacity:0;transform:translate(8%,-8%)}to{opacity:1;transform:none}}@keyframes assemble{from{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.6)}to{opacity:1;transform:none}}@keyframes stream{from{transform:translateY(0)}to{transform:translateY(-300px)}}@keyframes jump{0%{transform:none}40%{transform:translateY(-26px) scaleY(1.04)}100%{transform:none}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes flick{0%{opacity:.2}25%{opacity:1}50%{opacity:.35}75%{opacity:1}100%{opacity:1}}@keyframes blink{0%{opacity:1}100%{opacity:.15}}@keyframes pop{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-54px) scale(1.2)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes pulse{0%,100%{box-shadow:0 0 0 3px var(--gold),6px 6px 0 3px var(--gold-deep),inset 3px 3px 0 rgba(255,255,255,.45),inset -3px -3px 0 rgba(0,0,0,.18)}50%{box-shadow:0 0 0 3px var(--gold),6px 6px 0 3px var(--gold-deep),0 0 26px 6px rgba(245,196,81,.45),inset 3px 3px 0 rgba(255,255,255,.45),inset -3px -3px 0 rgba(0,0,0,.18)}}@media(min-width:900px){main{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:calc(100vh - 54px);min-height:calc(100svh - 54px)}.copy{display:flex;flex-direction:column;justify-content:center;padding:40px 5vw 48px 6vw}.copy .brand{position:absolute;top:30px;left:6vw}.hud{margin-top:64px}.arena{padding:48px 5vw 48px 2vw}.arena::before,.arena::after{left:-14vw;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}.arena::after{top:0;left:calc(-14vw - 10px)}footer{padding:16px 6vw}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}html,body{max-width:100%;overflow-x:clip}