*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#05010a;color:#fff;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative}.bg-layer{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-size:cover;background-position:center;z-index:-2;filter:brightness(.7) contrast(1.2);animation:bgPan 30s linear infinite alternate}@keyframes bgPan{0%{transform:scale(1) translate(0)}to{transform:scale(1.05) translate(-1%,-1%)}}.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(5,1,10,.9) 100%);z-index:-1}.main-content{flex:1;position:relative;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;align-items:center}.page{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#05010acc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(0,255,255,.3);z-index:10;box-shadow:0 4px 20px #00ffff1a}.cloud-sync{font-size:12px;color:#0ff;display:flex;align-items:center;gap:5px;text-shadow:0 0 5px rgba(0,255,255,.5)}.stats-container{display:flex;gap:15px;align-items:center}.stat-item{display:flex;align-items:center;gap:5px;font-weight:700;background:#00ffff1a;padding:5px 12px;border-radius:20px;border:1px solid rgba(0,255,255,.3)}.coin-display{text-shadow:0 0 5px rgba(0,255,255,.8)}.infinite-glow{animation:pulseGlow 2s infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 0 5px #0ff3}to{box-shadow:0 0 15px #0ffc}}.icon-btn{background:none;border:none;color:#0ff;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s}.icon-btn:hover{background:#0ff3;transform:scale(1.1);text-shadow:0 0 10px #00FFFF}.cyber-text{font-size:3rem;font-weight:900;color:#fff;text-shadow:0 0 5px #00FFFF,0 0 10px #00FFFF,0 0 20px #FF00FF,0 0 40px #FF00FF;margin-bottom:5px;text-align:center;letter-spacing:2px;text-transform:uppercase}.lobby-header{text-align:center;margin-bottom:40px;margin-top:20px}.subtitle{color:#0ff;font-size:1.1rem;letter-spacing:1px;opacity:.8}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;width:100%;margin-bottom:40px}.game-card{position:relative;border-radius:15px;padding:30px 20px;display:flex;flex-direction:column;align-items:center;cursor:pointer;border:2px solid;box-shadow:inset 0 0 20px #00000080;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.game-card h3{margin-top:20px;font-size:1.4rem;z-index:2;letter-spacing:1px}.game-card-icon{z-index:2;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.game-card-glow{position:absolute;bottom:-30px;right:-30px;width:120px;height:120px;border-radius:50%;filter:blur(50px);opacity:.4;z-index:1}.bottom-panel{display:grid;grid-template-columns:1fr 1fr;gap:25px;width:100%}@media (max-width: 700px){.bottom-panel{grid-template-columns:1fr}}.glass-panel{background:#0a051499;border-radius:15px;padding:20px;border:1px solid rgba(0,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #00000080}.glass-panel h3{display:flex;align-items:center;gap:10px;font-size:1.2rem;margin-bottom:15px;border-bottom:1px solid rgba(255,0,255,.3);padding-bottom:10px;text-shadow:0 0 5px currentColor}.history-list{list-style:none;max-height:180px;overflow-y:auto;padding-right:5px}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:2px}.history-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed rgba(0,255,255,.2);font-size:.95rem;transition:background .2s}.history-list li:hover{background:#00ffff0d}.history-list .time{color:#0ff;font-size:.8rem;opacity:.7}.history-list .game-name{color:#f0f;font-weight:700}.history-list .prize-name{color:#fff;flex:1;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rarity-tag{padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:900;letter-spacing:1px}.rarity-tag.SSR,.gallery-item.SSR .label,.result-card.SSR{background:linear-gradient(45deg,gold,#ff8c00);color:#000;box-shadow:0 0 15px #ffd70099;border:1px solid #FFF}.rarity-tag.SR,.gallery-item.SR .label,.result-card.SR{background:linear-gradient(45deg,#0ff,#008b8b);color:#000;box-shadow:0 0 10px #00ffff80}.rarity-tag.R,.gallery-item.R .label,.result-card.R{background:linear-gradient(45deg,#f0f,#8a2be2);color:#fff;box-shadow:0 0 10px #ff00ff80}.rarity-tag.N,.gallery-item.N .label,.result-card.N{background:#333;color:#0ff;border:1px solid #00FFFF}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-item{display:flex;flex-direction:column;align-items:center;gap:8px}.gallery-item .img-wrapper{width:60px;height:60px;background:#0009;border-radius:12px;display:flex;justify-content:center;align-items:center;border:1px solid rgba(0,255,255,.3);overflow:hidden;box-shadow:inset 0 0 10px #000c;transition:transform .2s}.gallery-item:hover .img-wrapper{transform:scale(1.1);border-color:#f0f;box-shadow:0 0 15px #f0f6}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item .label{font-size:.75rem;padding:3px 10px;border-radius:10px;font-weight:700}.fallback-emoji{font-size:28px}.loading-spinner{width:24px;height:24px;border:3px solid rgba(0,255,255,.2);border-top-color:#0ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.detail-page{justify-content:center;height:100%}.back-btn{position:absolute;top:20px;left:20px;background:#00ffff1a;border:1px solid #00FFFF;color:#0ff;padding:10px 20px;border-radius:25px;display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s;z-index:10;font-weight:700;text-transform:uppercase}.back-btn:hover{background:#00ffff4d;box-shadow:0 0 15px #00ffff80}.game-area{width:100%;max-width:450px;display:flex;flex-direction:column;align-items:center;gap:40px;margin-top:60px}.draw-btn{background:linear-gradient(135deg,#0ff,#f0f);border:none;padding:18px 50px;border-radius:35px;font-size:1.3rem;font-weight:900;color:#fff;cursor:pointer;box-shadow:0 5px 20px #0ff6;text-transform:uppercase;letter-spacing:2px;transition:all .2s}.draw-btn:disabled{background:#333;color:#666;cursor:not-allowed;box-shadow:none;border:1px solid #555}.cooldown-indicator{margin-top:15px;color:#f0f;font-size:1rem;display:flex;align-items:center;gap:8px;text-shadow:0 0 5px #FF00FF;font-weight:700}.roulette-container{position:relative}.roulette-wrapper{position:relative;width:320px;height:320px;border-radius:50%;padding:12px;background:linear-gradient(135deg,#0ff,#f0f);box-shadow:0 0 40px #0ff6,inset 0 0 20px #000c}.roulette-wheel{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#05010a}.roulette-pointer{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:35px;color:#fff;z-index:10;filter:drop-shadow(0 0 10px #FF00FF)}.slot-container{display:flex;flex-direction:column;align-items:center;gap:30px}.slot-machine{display:flex;align-items:center;gap:25px;background:#111;padding:25px;border-radius:20px;border:3px solid #00FFFF;box-shadow:inset 0 0 30px #000,0 0 30px #00ffff4d}.slot-window{display:flex;gap:15px;background:#05010a;padding:15px;border-radius:10px;box-shadow:inset 0 5px 15px #000c;overflow:hidden;height:90px;border:1px solid #FF00FF}.slot-reel{width:70px;height:70px;display:flex;justify-content:center;align-items:center;background:#1a1a1a;border-radius:8px;border:1px solid #333;font-size:1.8rem;font-weight:900}.slot-handle{width:35px;height:110px;position:relative;cursor:pointer}.handle-stick{width:12px;height:90px;background:linear-gradient(to right,#555,#aaa,#555);position:absolute;bottom:0;left:11px;border-radius:6px}.handle-knob{width:35px;height:35px;background:radial-gradient(circle at 30% 30%,#f0f,#8b008b);border-radius:50%;position:absolute;top:-15px;left:0;box-shadow:0 0 15px #f0f}.rarity-text.SSR{color:gold;text-shadow:0 0 10px #FFD700}.rarity-text.SR{color:#0ff;text-shadow:0 0 10px #00FFFF}.rarity-text.R{color:#f0f;text-shadow:0 0 10px #FF00FF}.rarity-text.N{color:#888}.box-container{display:flex;flex-direction:column;align-items:center;gap:50px}.mystery-box{cursor:pointer;filter:drop-shadow(0 0 30px rgba(157,0,255,.6))}.result-page{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center}.result-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#05010ae6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.result-card{position:relative;width:90%;max-width:420px;background:#0a0514;border-radius:25px;padding:50px 25px;display:flex;flex-direction:column;align-items:center;gap:25px;text-align:center;border:2px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #000000e6;overflow:hidden}.sparkles-bg{position:absolute;top:-30px;right:-30px;opacity:.3;transform:rotate(15deg);pointer-events:none}.result-title{font-size:2.2rem;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.8);z-index:1;font-weight:900;letter-spacing:2px}.result-image-container{width:160px;height:160px;border-radius:25px;background:#00ffff0d;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 30px #000c,0 0 20px #0ff3;z-index:1;overflow:hidden;border:1px solid rgba(0,255,255,.3)}.result-img{width:100%;height:100%;object-fit:cover}.result-emoji{font-size:85px;filter:drop-shadow(0 10px 15px rgba(0,0,0,.8))}.result-info{z-index:1;display:flex;flex-direction:column;align-items:center;gap:15px}.rarity-badge{padding:6px 20px;border-radius:25px;font-weight:900;font-size:1.3rem;letter-spacing:3px}.prize-name{font-size:1.8rem;font-weight:900}.accept-btn{margin-top:15px;background:#fff;color:#000;border:none;padding:15px 40px;border-radius:30px;font-size:1.2rem;font-weight:900;cursor:pointer;z-index:1;box-shadow:0 0 20px #ffffff80;text-transform:uppercase;letter-spacing:1px;transition:all .2s}