:root{--ease-gravity: cubic-bezier(.55, 0, 1, .45);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-snap: cubic-bezier(.68, -.55, .265, 1.55);--ease-heavy-out: cubic-bezier(.22, 1, .36, 1);--ease-explosive: cubic-bezier(.16, 1, .3, 1);--crate-light: #7a6a5a;--crate-mid: #5a4a3a;--crate-dark: #3a2a1a;--crate-shadow: #1a0a00;--metal-light: #8a8a8a;--metal-mid: #5a5a5a;--metal-dark: #3a3a3a}.reveal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(180deg,#1a1a2e,#0a0a14);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.reveal-backdrop--shake{animation:screenShake .15s ease-out}@keyframes screenShake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(3px,-1px)}}.reveal-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;width:100%;max-width:500px}.reveal-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;width:100%}.reveal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;text-align:center;width:100%}.reveal-opened-crate{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;width:100%}.crate-stage{position:relative;display:flex;flex-direction:column;align-items:center}.crate-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px}.crate{width:200px;height:200px;position:relative;cursor:pointer;perspective:1000px;transform-style:preserve-3d}.crate--entrance-falling{animation:crateFall .4s var(--ease-gravity) forwards}@keyframes crateFall{0%{transform:translateY(-400px) rotate(-5deg);opacity:0}20%{opacity:1}to{transform:translateY(0) rotate(0)}}.crate--entrance-landed{animation:crateLand .2s var(--ease-bounce) forwards}@keyframes crateLand{0%{transform:translateY(0) scaleY(1)}30%{transform:translateY(5px) scaleY(.95) scaleX(1.02)}to{transform:translateY(0) scaleY(1) scaleX(1)}}.crate__shadow{position:absolute;bottom:-20px;left:50%;width:180px;height:20px;background:radial-gradient(ellipse,rgba(0,0,0,.5) 0%,transparent 70%);border-radius:50%;transform:translate(-50%);transition:all .4s var(--ease-gravity)}.crate__shadow--falling{width:60px;opacity:.3}.crate__shadow--landed{width:200px;opacity:.6}.crate__base{position:absolute;inset:0;background:linear-gradient(160deg,var(--crate-light) 0%,var(--crate-mid) 30%,var(--crate-dark) 70%,var(--crate-shadow) 100%);border:4px solid var(--crate-shadow);border-radius:4px;box-shadow:inset 0 2px 8px #ffffff1a,inset 0 -4px 8px #0006,0 10px 0 var(--crate-shadow),0 15px 30px #0009;overflow:hidden}.crate__texture{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,rgba(0,0,0,.03) 1px,transparent 2px,transparent 6px),repeating-linear-gradient(0deg,transparent 0px,rgba(255,255,255,.015) 1px,transparent 2px,transparent 15px);opacity:.9}.crate__band{position:absolute;left:0;right:0;height:16px;background:linear-gradient(180deg,var(--metal-light) 0%,var(--metal-mid) 30%,var(--metal-dark) 70%,#2a2a2a 100%);border-top:1px solid rgba(255,255,255,.2);border-bottom:2px solid #1a1a1a;box-shadow:inset 0 1px 2px #ffffff1a}.crate__band--top{top:20%}.crate__band--bottom{bottom:20%}.crate__plank{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 20%,rgba(0,0,0,.3) 80%,transparent 100%)}.crate__plank--1{left:25%}.crate__plank--2{left:50%}.crate__plank--3{left:75%}.crate__stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-3deg);z-index:5}.crate__stamp-border{padding:8px 16px;border:3px solid rgba(20,15,10,.7);border-radius:4px;background:transparent;box-shadow:inset 0 0 0 1px #140f0a4d,0 0 8px #0003}.crate__stamp-text{font-family:"Press Start 2P",Courier New,monospace;font-size:11px;font-weight:700;letter-spacing:2px;color:#140f0abf;text-transform:uppercase;text-shadow:0 0 1px rgba(20,15,10,.5),1px 1px 0 rgba(255,255,255,.05);filter:blur(.3px)}.crate__bolt{position:absolute;width:16px;height:16px;background:radial-gradient(circle at 35% 35%,var(--metal-light) 0%,var(--metal-mid) 40%,var(--metal-dark) 70%,#1a1a1a 100%);border-radius:50%;border:1px solid #0a0a0a;box-shadow:inset 0 1px 3px #fff6,0 2px 4px #00000080;z-index:10}.crate__bolt:before,.crate__bolt:after{content:"";position:absolute;background:#1a1a1a;border-radius:1px}.crate__bolt:before{top:50%;left:25%;right:25%;height:2px;transform:translateY(-50%)}.crate__bolt:after{top:25%;bottom:25%;left:50%;width:2px;transform:translate(-50%)}.crate__bolt--tl{top:10px;left:10px}.crate__bolt--tr{top:10px;right:10px}.crate__bolt--bl{bottom:10px;left:10px}.crate__bolt--br{bottom:10px;right:10px}.crate__bolt--tm{top:calc(20% + 3px);left:50%;transform:translate(-50%)}.crate__bolt--bm{bottom:calc(20% + 3px);left:50%;transform:translate(-50%)}.crate__lid{position:absolute;top:-6px;left:-6px;right:-6px;height:45px;background:linear-gradient(180deg,var(--crate-light) 0%,var(--crate-mid) 50%,var(--crate-dark) 100%);border:4px solid var(--crate-shadow);border-radius:4px 4px 0 0;transform-origin:bottom center;box-shadow:inset 0 3px 6px #ffffff26,0 -2px 8px #0000004d;display:flex;justify-content:space-around;padding:8px 10px;gap:4px}.crate__lid-plank{flex:1;background:linear-gradient(90deg,rgba(0,0,0,.1) 0%,transparent 10%,transparent 90%,rgba(0,0,0,.1) 100%);border-radius:2px}.crate__panel{position:absolute;background:linear-gradient(160deg,var(--crate-light) 0%,var(--crate-mid) 50%,var(--crate-dark) 100%);border:3px solid var(--crate-shadow);opacity:0;pointer-events:none;overflow:hidden}.crate__panel-grain{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,rgba(0,0,0,.05) 1px,transparent 2px,transparent 8px)}.crate__panel--front{bottom:0;left:5%;right:5%;height:55%;transform-origin:bottom center;border-radius:0 0 4px 4px}.crate__panel--left{top:15%;left:-6px;width:40%;height:55%;transform-origin:right center}.crate__panel--right{top:15%;right:-6px;width:40%;height:55%;transform-origin:left center}.crate__panel--back{top:5%;left:20%;right:20%;height:40%;transform-origin:top center}.crate__flying-bolt{position:absolute;width:12px;height:12px;background:radial-gradient(circle at 35% 35%,var(--metal-light) 0%,var(--metal-mid) 50%,var(--metal-dark) 100%);border-radius:50%;opacity:0;pointer-events:none;z-index:20}.crate__flying-bolt--1{top:30%;left:20%}.crate__flying-bolt--2{top:30%;right:20%}.crate__flying-bolt--3{top:60%;left:30%}.crate__flying-bolt--4{top:60%;right:30%}.dust-container{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:250px;height:60px;pointer-events:none}.dust{position:absolute;bottom:0;width:30px;height:30px;background:radial-gradient(circle,rgba(150,130,110,.6) 0%,rgba(150,130,110,.2) 50%,transparent 70%);border-radius:50%;animation:dustPuff .6s var(--ease-heavy-out) forwards}.dust--1{left:10%;animation-delay:0ms}.dust--2{left:25%;animation-delay:30ms}.dust--3{left:45%;animation-delay:50ms}.dust--4{left:55%;animation-delay:40ms}.dust--5{left:70%;animation-delay:20ms}.dust--6{left:85%;animation-delay:60ms}@keyframes dustPuff{0%{transform:translateY(0) scale(.3);opacity:0}20%{opacity:.8}to{transform:translateY(-40px) scale(1.5);opacity:0}}.crate-prompt{font-family:"Press Start 2P",monospace;font-size:12px;color:gold;text-shadow:2px 2px 0 #000;animation:promptPulse 1.5s ease-in-out infinite;margin-top:8px}@keyframes promptPulse{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.crate--entrance-landed.crate--idle{transition:transform .15s var(--ease-bounce)}.crate--entrance-landed.crate--idle:hover{transform:scale(1.02) translateY(-2px);cursor:pointer}.crate--entrance-landed.crate--idle:active{transform:scale(.98)}.crate--anticipation{animation:crateAnticipation .25s ease-out forwards}@keyframes crateAnticipation{0%{transform:translate(0) scale(1)}15%{transform:translate(-6px) scale(1.02)}30%{transform:translate(6px) scale(1.03)}45%{transform:translate(-5px) scale(1.04)}60%{transform:translate(5px) scale(1.05)}75%{transform:translate(-3px) scale(1.05)}90%{transform:translate(3px) scale(1.06)}to{transform:translate(0) scale(1.06)}}.crate--exploding{animation:crateExplode .1s ease-out forwards}@keyframes crateExplode{0%{transform:scale(1.06)}to{transform:scale(1.08)}}.crate--exploding .crate__lid{animation:lidExplode .5s var(--ease-explosive) forwards}@keyframes lidExplode{0%{transform:rotateX(0) translateY(0) translateZ(0);opacity:1}30%{transform:rotateX(-45deg) translateY(-60px) translateZ(30px);opacity:1}to{transform:rotateX(-80deg) translateY(-150px) translateZ(50px) scale(.7);opacity:0}}.crate--exploding .crate__panel--front{opacity:1;animation:panelFrontExplode .5s 50ms var(--ease-explosive) forwards}@keyframes panelFrontExplode{0%{transform:rotateX(0) translateY(0) translateZ(0);opacity:1}to{transform:rotateX(70deg) translateY(80px) translateZ(40px);opacity:0}}.crate--exploding .crate__panel--left{opacity:1;animation:panelLeftExplode .5s 30ms var(--ease-explosive) forwards}@keyframes panelLeftExplode{0%{transform:rotateY(0) translate(0) translateZ(0);opacity:1}to{transform:rotateY(-50deg) rotate(-15deg) translate(-120px) translateZ(30px);opacity:0}}.crate--exploding .crate__panel--right{opacity:1;animation:panelRightExplode .5s 30ms var(--ease-explosive) forwards}@keyframes panelRightExplode{0%{transform:rotateY(0) translate(0) translateZ(0);opacity:1}to{transform:rotateY(50deg) rotate(15deg) translate(120px) translateZ(30px);opacity:0}}.crate--exploding .crate__panel--back{opacity:1;animation:panelBackExplode .5s 80ms var(--ease-explosive) forwards}@keyframes panelBackExplode{0%{transform:rotateX(0) translateY(0) translateZ(0);opacity:1}to{transform:rotateX(-40deg) translateY(-100px) translateZ(-30px) scale(.8);opacity:0}}.crate--exploding .crate__base{animation:baseFadeExplode .4s .1s var(--ease-heavy-out) forwards}@keyframes baseFadeExplode{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.crate--exploding .crate__flying-bolt{opacity:1;animation:boltFly .4s var(--ease-snap) forwards}.crate--exploding .crate__flying-bolt--1{animation-delay:20ms;--fly-x: -80px;--fly-y: -60px;--fly-rotate: -180deg}.crate--exploding .crate__flying-bolt--2{animation-delay:40ms;--fly-x: 80px;--fly-y: -70px;--fly-rotate: 200deg}.crate--exploding .crate__flying-bolt--3{animation-delay:60ms;--fly-x: -70px;--fly-y: 50px;--fly-rotate: -150deg}.crate--exploding .crate__flying-bolt--4{animation-delay:80ms;--fly-x: 70px;--fly-y: 60px;--fly-rotate: 170deg}@keyframes boltFly{0%{transform:translate(0) rotate(0) scale(1);opacity:1}60%{opacity:1}to{transform:translate(var(--fly-x),var(--fly-y)) rotate(var(--fly-rotate)) scale(.5);opacity:0}}.crate--opened{pointer-events:none}.crate--opened .crate__base,.crate--opened .crate__lid,.crate--opened .crate__panel,.crate--opened .crate__flying-bolt{opacity:0}.reward{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.reward--visible{animation:rewardReveal .6s var(--ease-bounce) forwards;pointer-events:auto;position:relative;top:auto;left:auto;transform:none}@keyframes rewardReveal{0%{opacity:0;transform:scale(.3) rotate(-15deg)}50%{opacity:1;transform:scale(1.15) rotate(3deg)}70%{transform:scale(.95) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0)}}.reward__glow{position:absolute;top:50%;left:50%;width:250px;height:250px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,215,0,.4) 0%,rgba(255,215,0,.15) 40%,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite;pointer-events:none}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}.reward__rays{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,rgba(255,215,0,.1) 0deg 10deg,transparent 10deg 20deg);border-radius:50%;animation:raysRotate 20s linear infinite;pointer-events:none;opacity:.5}@keyframes raysRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.reward__content{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1}.reward__icon{width:120px;height:120px;background:linear-gradient(145deg,gold,#ff9500);border:5px solid #000;border-radius:16px;display:flex;align-items:center;justify-content:center;line-height:0;font-size:60px;box-shadow:0 0 40px #ffd70099,0 0 80px #ff96004d,inset 0 3px 6px #fff6,0 8px #b36b00}.reward__sprite{width:92px;height:92px;display:block;object-fit:contain;object-position:center;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}.reward__name{font-family:"Press Start 2P",monospace;font-size:18px;color:gold;text-align:center;text-shadow:0 0 15px rgba(255,215,0,.7),3px 3px 0 #000}.reward__credit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;width:100%}.reward__credit-amount{font-family:"Press Start 2P",monospace;font-size:36px;color:#4ade80;text-align:center;text-shadow:0 0 25px rgba(74,222,128,.7),0 0 50px rgba(74,222,128,.4),3px 3px 0 #000;animation:creditPulse 1.5s ease-in-out infinite}@keyframes creditPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.reward__credit-label{font-family:"Press Start 2P",monospace;font-size:16px;color:gold;text-align:center;text-shadow:2px 2px 0 #000}.countdown-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.countdown-popup{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px 60px;background:linear-gradient(180deg,#2a2a3e,#1a1a2e);border:3px solid #ffd700;border-radius:8px;box-shadow:0 0 30px #ffd7004d,0 20px 60px #00000080}.countdown-title{font-family:"Press Start 2P",monospace;font-size:14px;color:gold;text-align:center;text-shadow:2px 2px 0 #000;letter-spacing:2px}.countdown-number{font-family:"Press Start 2P",monospace;font-size:72px;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.5),4px 4px 0 #000;animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.reveal-btn{min-width:200px;margin-top:16px}@media(max-width:480px){.crate{width:160px;height:160px}.crate__lid{height:36px}.crate__bolt{width:12px;height:12px}.crate__stamp-text{font-size:9px;letter-spacing:1px}.crate__stamp-border{padding:6px 12px}.reward__icon{width:100px;height:100px;font-size:50px}.reward__sprite{width:76px;height:76px}.reward__name{font-size:14px}.reward__credit-amount{font-size:28px}.reward__credit-label{font-size:12px}.crate-prompt{font-size:10px}.countdown-popup{padding:30px 40px}.countdown-title{font-size:11px}.countdown-number{font-size:56px}@keyframes crateFall{0%{transform:translateY(-300px) rotate(-5deg);opacity:0}20%{opacity:1}to{transform:translateY(0) rotate(0)}}}@media(prefers-reduced-motion:reduce){.crate--entrance-falling,.crate--entrance-landed,.crate--anticipation,.crate--exploding,.crate--exploding .crate__lid,.crate--exploding .crate__panel,.crate--exploding .crate__base,.crate--exploding .crate__flying-bolt,.reward--visible,.reward__glow,.reward__rays,.reward__credit-amount,.crate-prompt,.dust,.reveal-backdrop--shake,.countdown-number{animation:none!important}.crate--entrance-falling{transform:translateY(0);opacity:1}.crate--exploding .crate__base,.crate--exploding .crate__lid{opacity:0}.reward--visible{opacity:1;transform:scale(1)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#79c8ff}body{font-family:"Press Start 2P",monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{position:relative;overflow:hidden}#game-background{position:fixed;inset:0;width:100%;height:100%;z-index:0;overflow:hidden}#game-background canvas{display:block;width:100vw;height:100vh;image-rendering:pixelated;image-rendering:crisp-edges}.ui-layer{position:fixed;inset:0;width:100%;height:100%;z-index:10;pointer-events:none;overflow:hidden}.ui-layer>*{pointer-events:auto}.overlay-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20}.modal{background:linear-gradient(180deg,#1a1a2e,#16213e);border:3px solid #FFD700;border-radius:8px;padding:32px 40px;max-width:420px;width:90%;text-align:center;box-shadow:0 0 40px #ffd7004d,0 20px 60px #00000080;animation:modalEnter .3s ease-out}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-title{font-family:"Press Start 2P",monospace;font-size:28px;color:gold;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;margin-bottom:8px;letter-spacing:2px}.game-subtitle{font-family:"Press Start 2P",monospace;font-size:15px;color:#fff;margin-bottom:12px;letter-spacing:1px;text-shadow:0 0 8px rgba(0,0,0,.75),0 0 3px rgba(0,0,0,.9)}.logo-image{width:360px;max-width:80vw;height:auto;margin-bottom:8px;filter:drop-shadow(0 0 6px rgba(0,0,0,.75)) drop-shadow(0 0 2px rgba(0,0,0,.9))}.logo-image-small{width:180px;margin-bottom:4px}.btn-primary{font-family:"Press Start 2P",monospace;font-size:12px;padding:16px 24px;background:linear-gradient(180deg,gold,orange);border:3px solid #000;border-radius:4px;color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #996515,0 6px 10px #0000004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px #996515,0 8px 15px #0000004d}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px #996515,0 3px 5px #0000004d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary-wide{width:100%}.btn-secondary{font-family:"Press Start 2P",monospace;font-size:10px;padding:12px 24px;background:transparent;border:2px solid #FFD700;border-radius:4px;color:gold;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:background .2s,color .2s}.btn-secondary:hover{background:gold;color:#000}.login-choice-stack{align-items:stretch}.login-choice-header{width:100%;max-width:340px}.login-choice-scale{transform:scale(1.35);transform-origin:top center}.existing-user-group{display:flex;flex-direction:column;gap:12px}.entry-button{font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:1px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;text-decoration:none;border:0}.btn-existing-user{font-size:12px;padding:16px 24px;background:transparent;color:#fff;border:3px solid #ffffff;box-shadow:0 6px #c9ced6,0 10px 20px #00000059}.btn-existing-user:hover{transform:translateY(-2px);box-shadow:0 8px #c9ced6,0 12px 24px #00000059}.btn-existing-user:active{transform:translateY(1px);box-shadow:0 4px #c9ced6,0 6px 16px #00000059}.social-entry-group{display:flex;flex-direction:row;gap:8px}.social-entry-btn{font-size:8px;padding:10px 12px;color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 16px #00000040,inset 0 1px #ffffff40;flex:1 1 0;min-width:0;white-space:nowrap}.social-entry-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.social-entry-btn:active{transform:translateY(1px);filter:brightness(.98)}.social-entry-icon{width:14px;height:14px;flex-shrink:0}.social-entry-discord{background:linear-gradient(180deg,#6672f4,#5865f2)}.social-entry-telegram{background:linear-gradient(180deg,#33b3ea,#229ed9)}.social-entry-x{background:linear-gradient(180deg,#2b2b2b,#0f0f0f)}.invite-input-container{display:flex;gap:8px;justify-content:center;margin:24px 0}.invite-char-input{width:44px;height:56px;font-family:"Press Start 2P",monospace;font-size:20px;text-align:center;background:#0a0a15;border:2px solid #444;border-radius:4px;color:gold;text-transform:uppercase;caret-color:gold;transition:border-color .2s,box-shadow .2s}.invite-char-input:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd70066}.invite-char-input::placeholder{color:#333}.error-message{font-family:"Press Start 2P",monospace;font-size:10px;color:#f44;margin-top:16px;text-shadow:1px 1px 0 #000}.success-icon{font-size:48px;margin-bottom:16px}.success-title{font-family:"Press Start 2P",monospace;font-size:14px;color:#4ade80;margin-bottom:16px;text-shadow:2px 2px 0 #000}.success-rewards{font-family:"Press Start 2P",monospace;font-size:10px;color:gold;line-height:2;margin-bottom:24px}.access-granted{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center}.access-granted-badge{background:#fff;color:#0a0a0a;border:2px solid #ffffff;padding:12px 20px;margin-bottom:24px;font-size:10px;box-shadow:0 6px #ffffffa6,0 12px 24px #00000059;width:auto;min-width:0;align-self:center}.access-granted-title{font-family:"Press Start 2P",monospace;font-size:24px;color:gold;text-shadow:2px 2px 0 #000,-1px -1px 0 #000;margin-bottom:16px}.access-granted-message{font-family:"Press Start 2P",monospace;font-size:12px;color:#fff;margin-bottom:40px;line-height:1.8;text-shadow:2px 2px 0 #000,-1px -1px 0 #000}.social-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.social-link{font-family:"Press Start 2P",monospace;font-size:10px;padding:12px 20px;background:#ffffff0d;border:2px solid #555;border-radius:4px;color:#fff;text-decoration:none;transition:border-color .2s,background .2s}.social-link:hover{border-color:gold;background:#ffd7001a}.queue-indicator{margin-top:12px;text-align:center;font-size:9px;color:#fff;text-shadow:0 0 8px rgba(0,0,0,.75),0 0 3px rgba(0,0,0,.9);letter-spacing:.5px;display:inline-block;transform-origin:center;animation:queuePulse 3.2s ease-in-out infinite}@keyframes queuePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.spinner{width:24px;height:24px;border:3px solid #333;border-top-color:gold;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{position:fixed;left:0;right:0;bottom:18px;display:flex;justify-content:center;pointer-events:auto}.login-footer-link{font-family:"Press Start 2P",monospace;font-size:9px;color:#9aa0a6;text-decoration:none;letter-spacing:1px;text-transform:uppercase;transition:color .15s ease}.login-footer-link:hover{color:#c7ccd1}.login-footer-link{text-decoration:underline}.username-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,#1a1a2e,#0a0a14);z-index:20}.username-card{width:min(520px,92vw);background:#0c101a;border:1px solid #2a334a;border-radius:16px;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff05 inset;padding:32px 28px 24px;text-align:center}.username-title{font-family:"Press Start 2P",monospace;font-size:14px;color:#f5f7ff;letter-spacing:1px;margin-bottom:12px}.username-subtitle{font-family:"Press Start 2P",monospace;font-size:9px;color:#b6bfd6;line-height:1.7;margin-bottom:22px}.username-form{display:flex;flex-direction:column;gap:16px}.username-input-wrapper{display:flex;flex-direction:column;gap:10px}.username-input{width:100%;padding:14px 16px;background:#0f1422;border:1px solid #2a334a;border-radius:12px;color:#f5f7ff;font-family:"Press Start 2P",monospace;font-size:11px;letter-spacing:1px;text-align:center;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.username-input::placeholder{color:#6f7a95}.username-input:focus{border-color:gold;box-shadow:0 0 0 3px #ffd70026}.username-input--error{border-color:#ff5b5b;box-shadow:0 0 0 3px #ff5b5b26}.username-error{font-family:"Press Start 2P",monospace;font-size:9px;color:#ff5b5b;text-align:center}.username-btn{margin-top:4px}@media(max-width:480px){.username-card{padding:26px 20px 20px}.username-title{font-size:12px}.username-subtitle{font-size:8px}.username-input{font-size:10px}}