:root{--bg:#0c0b0e;--surface:#1a1816;--inset:#0f0e0c;--cream:#f2ede4;--text:#e8e2d6;--textSec:#9a9488;--textDim:#5a564e;--accent:#a2a0b4;--purple:#917fb5;--teal:#7fb5a8;--gold:#e4bc4a;--goldDeep:#c4a030;--serif:Georgia,"Times New Roman",serif;--sans:"General Sans",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--mono:"SF Mono","Menlo","Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.grain{z-index:40;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.grain,.scan{position:fixed;inset:0;pointer-events:none}.scan{z-index:41;opacity:.5;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.16) 3px,transparent 4px)}.vig{z-index:39;background:radial-gradient(120% 90% at 50% 42%,transparent 40%,rgba(0,0,0,.55) 100%)}.flick,.vig{position:fixed;inset:0;pointer-events:none}.flick{z-index:38;background:#000;opacity:0;animation:flick 7s steps(1) infinite}@keyframes flick{0%,97%{opacity:0}97.5%{opacity:.1}98%{opacity:0}98.4%{opacity:.07}99%{opacity:0}}.stage{position:relative;z-index:10;width:100%;max-width:440px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 26px;text-align:center}.kicker{font-size:9px;letter-spacing:5px;color:var(--textDim);text-transform:uppercase}.kicker,.mono{font-family:var(--mono)}.screen{justify-content:center}.fade,.screen{display:flex;flex-direction:column;align-items:center;width:100%}.fade{animation:fadeUp .6s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sigil{width:78px;height:78px;border-radius:50%;border:1px solid rgba(162,160,180,.42);display:flex;align-items:center;justify-content:center;margin:0 auto 26px;position:relative;box-shadow:0 0 30px rgba(162,160,180,.1),inset 0 0 18px rgba(162,160,180,.07)}.sigil:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(162,160,180,.16);animation:ring 3.4s ease-out infinite}@keyframes ring{0%{transform:scale(.85);opacity:.6}to{transform:scale(1.5);opacity:0}}.sigil span{font-size:30px;color:var(--accent);line-height:1}.sigil span,.title{font-family:var(--serif)}.title{font-weight:300;font-size:38px;letter-spacing:-.5px;color:var(--cream);position:relative;display:inline-block}.title.glitch:after,.title.glitch:before{content:attr(data-t);position:absolute;left:0;top:0;width:100%;overflow:hidden}.title.glitch:before{color:var(--accent);transform:translate(-1.5px);-webkit-clip-path:inset(0 0 55% 0);clip-path:inset(0 0 55% 0);opacity:.5;animation:gl1 3.6s steps(2) infinite}.title.glitch:after{color:var(--purple);transform:translate(1.5px);-webkit-clip-path:inset(55% 0 0 0);clip-path:inset(55% 0 0 0);opacity:.4;animation:gl2 4.1s steps(2) infinite}@keyframes gl1{0%,92%,to{transform:translate(-1.5px)}93%{transform:translate(2px,-1px)}96%{transform:translate(-3px,1px)}}@keyframes gl2{0%,90%,to{transform:translate(1.5px)}91%{transform:translate(-2px,1px)}97%{transform:translate(3px,-1px)}}.sub{color:var(--textSec);font-size:13px;margin-top:14px;max-width:30ch;line-height:1.6}.idtag{font-size:9px;color:var(--accent);margin-top:18px;border:1px solid rgba(162,160,180,.25);border-radius:100px;padding:5px 13px}.btn,.idtag{font-family:var(--mono);letter-spacing:3px;text-transform:uppercase}.btn{font-size:11px;font-weight:600;cursor:pointer;border-radius:7px;padding:15px 30px;margin-top:34px;transition:transform .12s,filter .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{color:#15140f;border:1px solid rgba(0,0,0,.2);background:linear-gradient(180deg,#b8b6c8,#a2a0b4,#9290a6);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25),inset 0 -1px 0 rgba(0,0,0,.2),0 4px 14px rgba(0,0,0,.45),0 0 22px rgba(162,160,180,.2)}.btn-ghost{color:var(--accent);background:linear-gradient(180deg,hsla(0,0%,100%,.03),transparent);border:1px solid rgba(162,160,180,.27);box-shadow:0 3px 8px rgba(0,0,0,.3)}.btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.scanner{width:150px;height:150px;position:relative;margin-bottom:30px}.scanner,.scanner .core{display:flex;align-items:center;justify-content:center}.scanner .core{width:58px;height:58px;border-radius:50%;border:1.5px solid rgba(162,160,180,.55);box-shadow:0 0 24px rgba(162,160,180,.22),inset 0 0 14px rgba(162,160,180,.1)}.scanner .core svg{width:26px;height:26px;stroke:var(--accent);fill:none;stroke-width:1.6}.scanner .w{position:absolute;border-radius:50%;border:1px solid rgba(162,160,180,.4)}.scanner .w1{width:96px;height:96px;animation:sw 2s ease-out infinite}.scanner .w2{width:120px;height:120px;animation:sw 2s ease-out .4s infinite}.scanner .w3{width:148px;height:148px;animation:sw 2s ease-out .8s infinite}@keyframes sw{0%{transform:scale(.6);opacity:.7}to{transform:scale(1);opacity:0}}.scanLabel{font-size:10px;letter-spacing:4px;color:var(--accent);min-height:13px}.scanHint,.scanLabel{font-family:var(--mono);text-transform:uppercase}.scanHint{font-size:9px;letter-spacing:2px;color:var(--textDim);margin-top:10px}.decRing{width:120px;height:120px;position:relative;margin-bottom:30px}.decRing svg{width:100%;height:100%;transform:rotate(-90deg)}.decRing .pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:22px;color:var(--cream);letter-spacing:1px}.decLabel{letter-spacing:4px;color:var(--accent);text-transform:uppercase;margin-bottom:18px;min-height:13px}.decLabel,.stream{font-family:var(--mono);font-size:10px}.stream{line-height:1.7;color:var(--textDim);height:74px;overflow:hidden;width:100%;max-width:320px;text-align:left;-webkit-mask-image:linear-gradient(180deg,transparent,#000 35%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 35%,#000 70%,transparent)}.stream b{color:var(--accent);font-weight:400}.stream i{color:var(--purple);font-style:normal}.revTag{font-family:var(--mono);font-size:9px;letter-spacing:5px;color:var(--goldDeep);text-transform:uppercase;margin-bottom:6px}.prizeNum{font-weight:300;font-size:104px;line-height:.9;color:var(--gold);text-shadow:0 0 30px rgba(228,188,74,.35),0 2px 4px rgba(0,0,0,.5)}.prizeLabel,.prizeNum{font-family:var(--serif)}.prizeLabel{font-size:22px;color:var(--cream);margin-top:6px;letter-spacing:.3px}.prizeSub{color:var(--textSec);font-size:12.5px;margin-top:14px;max-width:32ch;line-height:1.6}.voucher{margin-top:26px;width:100%;max-width:300px;border-radius:9px;padding:14px 16px;background:linear-gradient(180deg,#0a0908,#0e0d0b);border:1px solid rgba(228,188,74,.22);box-shadow:inset 0 1px 2px rgba(0,0,0,.5),0 0 18px rgba(228,188,74,.06)}.voucher .vl{font-family:var(--mono);font-size:8px;letter-spacing:3px;color:var(--textDim);text-transform:uppercase}.voucher .vc{font-family:var(--mono);font-size:20px;letter-spacing:4px;color:var(--gold);margin-top:6px}.glowcard{position:relative}.glowcard:before{content:"";position:absolute;left:50%;top:42%;width:280px;height:280px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(228,188,74,.16),transparent 62%);pointer-events:none;z-index:-1;animation:pulseGlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.riddleBox{width:100%;max-width:340px;border-radius:10px;padding:22px 20px;margin-bottom:18px;background:linear-gradient(145deg,#1e1c19,#161412);border:1px solid hsla(0,0%,100%,.05);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04),0 4px 14px rgba(0,0,0,.45)}.riddleBox .q{font-family:var(--serif);font-size:19px;color:var(--cream);line-height:1.45}.field{width:100%;max-width:340px;font-family:var(--mono);font-size:14px;letter-spacing:2px;color:var(--cream);text-align:center;text-transform:uppercase;background:linear-gradient(180deg,#0a0908,#0e0d0b);border:1px solid rgba(162,160,180,.22);border-radius:8px;padding:14px;outline:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}.field:focus{border-color:rgba(162,160,180,.5)}.field::placeholder{color:var(--textDim);letter-spacing:2px}.field.lc{text-transform:none;letter-spacing:0;text-align:left}.field.shake{animation:shake .35s}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}.hint{font-family:var(--mono);font-size:9px;letter-spacing:2px;color:var(--textDim);margin-top:12px;min-height:12px;text-transform:uppercase}.hint.bad{color:var(--purple)}.stack{display:flex;flex-direction:column;gap:10px;width:100%;max-width:340px}.claimGlyph{font-family:var(--serif);font-size:30px;color:var(--textDim);width:74px;height:74px;border-radius:50%;border:1px solid hsla(0,0%,100%,.06);margin-bottom:22px}.audio,.claimGlyph{display:flex;align-items:center;justify-content:center}.audio{position:fixed;top:16px;right:16px;z-index:60;width:34px;height:34px;border-radius:50%;cursor:pointer;background:rgba(26,24,22,.7);border:1px solid hsla(0,0%,100%,.07);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.audio svg{width:15px;height:15px;stroke:var(--accent);fill:none;stroke-width:1.6}.roll{position:fixed;left:0;right:0;height:140px;z-index:42;pointer-events:none;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.025),transparent);animation:rollband 7s linear infinite}@keyframes rollband{0%{top:-140px}to{top:100%}}.hardglitch{animation:hard 4s steps(1) infinite}@keyframes hard{0%,7%,to{opacity:1;filter:none}7.4%{opacity:.4;filter:blur(1px)}7.7%{transform:translateX(4px)}8%{transform:translateX(-3px)}8.3%{transform:translateX(0)}}.scramble{font-size:11px;color:var(--accent);margin-top:18px;min-height:15px}.scramble,.sndhint{font-family:var(--mono);letter-spacing:3px}.sndhint{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:60;font-size:9px;color:var(--textDim);text-transform:uppercase;border:1px solid hsla(0,0%,100%,.07);border-radius:100px;padding:6px 14px;background:rgba(26,24,22,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (prefers-reduced-motion:reduce){*{animation-duration:1ms!important}}