:root{--bg-dark: #020a1a;--bg-game: radial-gradient(ellipse at 50% 30%, #0a2a5c, #020a1a 70%);--gold: #3b82f6;--gold-light: #60a5fa;--gold-dark: #2563eb;--gold-glow: rgba(59, 130, 246, .4);--panel-bg: rgba(10, 30, 80, .5);--panel-border: rgba(59, 130, 246, .35);--panel-inner: rgba(0, 0, 0, .3);--text-primary: #fff;--text-secondary: #a5c4e8;--text-muted: #5580a8;--success: #22c55e;--danger: #ef4444;--radius: 12px;--radius-lg: 16px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-light)}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font);outline:none}.top-bar{position:fixed;top:0;left:0;right:0;height:56px;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 8px;z-index:200;background:#020a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(59,130,246,.15)}.top-bar-logo{display:inline-flex;align-items:center;gap:8px;font-size:22px;font-weight:900;color:var(--gold);letter-spacing:-.5px;text-shadow:0 2px 8px rgba(59,130,246,.3);text-decoration:none;cursor:pointer;transition:color .2s}.top-bar-logo:hover{color:var(--gold-light)}.top-bar-logo-img{height:36px;width:auto;max-width:min(180px,42vw);object-fit:contain;display:block}.top-bar-right{display:flex;align-items:center;gap:20px}.top-bar-link{color:var(--text-secondary);font-size:14px;font-weight:600;transition:color .2s}.top-bar-link:hover,.top-bar-link.active{color:#fff}.top-bar-balance{display:flex;align-items:center;gap:6px;background:#0006;border:1px solid var(--panel-border);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700;color:var(--gold-light)}.top-bar-user{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dark));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#000;border:2px solid var(--gold-light);position:relative}.profile-arrow{position:absolute;bottom:-2px;right:-6px;font-size:8px;color:var(--gold-light)}.profile-dropdown{position:relative}.profile-menu{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:#0c1e3d;border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:0 8px 32px #00000080;z-index:300;overflow:hidden;animation:dropdownFade .15s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-menu-header{display:flex;align-items:center;gap:12px;padding:16px}.profile-menu-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dark));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#000;flex-shrink:0}.profile-menu-name{font-size:14px;font-weight:700;color:var(--text-primary);word-break:break-word}.profile-menu-divider{height:1px;background:var(--panel-border)}.profile-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;color:var(--text-secondary);font-size:14px;font-weight:500;text-align:left;transition:all .15s}.profile-menu-item:hover{background:#3b82f614;color:var(--text-primary)}.profile-menu-icon{font-size:18px;width:24px;text-align:center}.voucher-modal{background:#0a1528;border:1px solid var(--panel-border);border-radius:20px;padding:0;width:90%;max-width:460px;position:relative;overflow:hidden;box-shadow:0 8px 40px #00000080;animation:resultPop .3s ease}.voucher-modal-title{text-align:center;font-size:28px;font-weight:900;text-transform:uppercase;padding:32px 24px 16px;background:linear-gradient(180deg,#93c5fd,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.voucher-modal-body{padding:8px 28px 32px}.voucher-modal-label{text-align:center;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.voucher-input-row{display:flex;gap:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--panel-border)}.voucher-input{flex:1 1 auto;min-width:0;padding:14px 16px;border:none;background:#ffffff0d;color:var(--text-primary);font-size:16px;font-weight:600;letter-spacing:1px;outline:none}.voucher-input::placeholder{color:var(--text-muted)}.voucher-claim-btn{flex:0 0 auto;white-space:nowrap;padding:14px 28px;background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));color:#fff;font-size:16px;font-weight:800;border:none;cursor:pointer;transition:all .2s}.voucher-claim-btn:hover{filter:brightness(1.1)}.voucher-claim-btn:disabled{opacity:.5;cursor:not-allowed}.voucher-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#ffffff14;border:1px solid var(--panel-border);color:var(--text-secondary);font-size:18px;cursor:pointer;transition:all .2s;margin:8px auto 20px}.voucher-close:hover{background:#ffffff26;color:var(--text-primary)}.floating-nav{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:200}.floating-btn{width:72px;height:72px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;transition:all .2s;text-decoration:none;cursor:pointer}.floating-btn-img img{width:100%;height:100%;object-fit:contain;border-radius:14px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:all .2s}.floating-btn:hover img{transform:scale(1.1);filter:drop-shadow(0 4px 20px var(--gold-glow))}.floating-btn.active img{filter:drop-shadow(0 0 16px var(--gold-glow)) brightness(1.15);transform:scale(1.08)}.game-page{min-height:100vh;background:var(--bg-game);padding:70px 24px 24px;position:relative;box-sizing:border-box;overflow-x:hidden}.game-page:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:radial-gradient(ellipse at 50% 0%,rgba(59,130,246,.12) 0%,transparent 70%);pointer-events:none}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.game-title{text-align:center;margin:0 auto 32px;position:relative;width:fit-content;max-width:calc(100% - 24px);padding:8px 0 14px}.game-title:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:72%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(251,191,36,.55),transparent)}.game-title h1{font-size:52px;font-weight:900;text-transform:uppercase;letter-spacing:6px;line-height:1.1;display:inline-block;position:relative;padding:0;margin:0;background:linear-gradient(105deg,#92400e,#d97706 18%,#fde68a 38%,#fffbeb,#fde68a 62%,#d97706 82%,#92400e);background-size:220% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShimmer 5s ease-in-out infinite;filter:drop-shadow(0 2px 2px rgba(0,0,0,.55)) drop-shadow(0 0 20px rgba(251,191,36,.28))}.game-layout{display:grid;grid-template-columns:320px minmax(auto,500px) 320px;gap:16px;justify-content:center;margin:0 auto;align-items:start}@media (max-width: 1200px){.game-layout{grid-template-columns:1fr;justify-items:center;padding:0 16px}.game-panel-slot{width:100%;max-width:400px}}.game-panel{position:relative;background:var(--panel-bg);border:none;border-radius:var(--radius-lg);overflow:visible;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006;align-self:flex-start;height:513px;display:flex;flex-direction:column}.game-panel:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:calc(var(--radius-lg) + 6px);background:conic-gradient(from 0deg,#64b4ff80,#3b82f6cc,#93c5fdf2,#fff9,#93c5fdf2,#3b82f6cc,#64b4ff80,#3b82f6cc,#93c5fdf2,#fff9,#93c5fdf2,#3b82f6cc,#64b4ff80);box-shadow:0 0 20px #60a5fa66,0 0 50px #3b82f626;z-index:-1;animation:borderGlow 6s linear infinite}.game-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);background:#0a193c;z-index:-1}.game-panel-header{padding:14px 16px;text-align:center;font-size:18px;font-weight:800;text-transform:uppercase;background:linear-gradient(180deg,#fde68a,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-bottom:1px solid rgba(245,158,11,.25)}.game-panel-body{padding:12px 16px;flex:1;overflow-y:auto}.winner-tabs-wrap{padding:12px 16px 0;flex-shrink:0}.winner-list-scroll{flex:1;overflow-y:auto;padding:8px 16px 12px}.winner-list-scroll::-webkit-scrollbar{width:3px}.winner-list-scroll::-webkit-scrollbar-track{background:transparent}.winner-list-scroll::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:2px}.game-panel-body::-webkit-scrollbar{width:3px}.game-panel-body::-webkit-scrollbar-track{background:transparent}.game-panel-body::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:2px}.winner-tabs{display:flex;gap:4px;margin-bottom:12px;justify-content:center}.winner-tab{padding:6px 16px;border-radius:8px;font-size:12px;font-weight:700;background:#ffffff0d;color:var(--text-muted);transition:all .2s}.winner-tab:hover{color:var(--text-secondary)}.winner-tab.active{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000}.winner-item{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.winner-item:last-child{border-bottom:none}.winner-item .winner-date{font-size:11px;color:var(--text-muted)}.winner-item .winner-name{font-weight:700;color:var(--text-primary);font-size:13px}.winner-item .winner-prize{color:var(--gold);font-size:12px;font-weight:600}.prize-card{display:flex;align-items:center;gap:12px;padding:8px 12px;margin-bottom:8px;border-radius:var(--radius);border:2px solid var(--panel-border);position:relative;overflow:visible;background:linear-gradient(135deg,#0f286480,#0a194699)}.prize-card-0{background:linear-gradient(135deg,#ffffff14,#ffffff05);border-color:#c8c8c84d}.prize-card-1{background:linear-gradient(135deg,#3b82f633,#2563eb1a);border-color:#3b82f666}.prize-card-2{background:linear-gradient(135deg,#f9731626,#ea580c14);border-color:#f973164d}.prize-card-img{width:51px;height:51px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.prize-card-img img{width:100%;height:100%;object-fit:contain}.prize-card-name{font-size:14px;font-weight:800;color:var(--text-primary);flex:1}.prize-badge{width:28px;height:auto;position:absolute;top:-8px;right:-6px;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.prize-credit-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.prize-credit-card{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(59,130,246,.15)}.prize-credit-card:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:60%}.prize-credit-img{width:28px;height:28px;object-fit:contain;flex-shrink:0}.prize-credit-info{min-width:0}.prize-credit-label{font-size:12px;font-weight:800;color:var(--text-primary)}.prize-credit-range{font-size:10px;color:var(--text-muted);font-weight:600}.game-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;position:relative}.game-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.play-btn{padding:14px 28px;border-radius:var(--radius);font-weight:800;font-size:15px;background:linear-gradient(135deg,#0f286499,#0a1946cc);border:2px solid var(--panel-border);color:#fcd34d;transition:all .2s;min-width:130px}.play-btn:hover{border-color:var(--gold);background:linear-gradient(135deg,#1e3c8cb3,#142864e6);box-shadow:0 4px 20px var(--gold-glow);transform:translateY(-2px)}.play-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.play-btn .play-btn-count{display:block;font-size:22px;font-weight:900;line-height:1.1}.play-btn .play-btn-label{display:block;font-size:13px;font-weight:800}.play-btn .play-btn-cost{display:block;font-size:11px;font-weight:600;color:var(--text-muted);margin-top:2px;white-space:nowrap}.game-bottom-bar{display:flex;justify-content:center;gap:24px;margin-top:8px}.game-status-pill{display:flex;align-items:center;gap:8px;background:#0006;border:1px solid var(--panel-border);border-radius:24px;padding:8px 20px;font-size:14px;font-weight:700;color:var(--text-secondary)}.game-status-pill .token-coin{background:radial-gradient(circle at 30% 30%,#fff4b8,#fcd34d 35%,#d97706 90%)}.spin-container{position:relative;width:500px;height:500px;padding:42px}.spin-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,#64b4ff80,#3b82f6cc,#93c5fdf2,#fff9,#93c5fdf2,#3b82f6cc,#64b4ff80,#3b82f6cc,#93c5fdf2,#fff9,#93c5fdf2,#3b82f6cc,#64b4ff80);box-shadow:0 0 40px #60a5fa80,0 0 80px #3b82f64d,0 0 120px #3b82f626,inset 0 0 30px #60a5fa4d;animation:borderGlow 6s linear infinite;z-index:0}@keyframes borderGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.spin-container:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:conic-gradient(from 45deg,#93c5fdcc,#bfdbfe,#e0f2fe,#bfdbfe,#93c5fdcc,#bfdbfe,#e0f2fe,#bfdbfe,#93c5fdcc);box-shadow:inset 0 0 20px #fff6,0 0 20px #93c5fd80;z-index:1}.spin-inner-ring{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;border:3px solid rgba(147,197,253,.4);background:linear-gradient(135deg,#1e3a8ab3,#0f172acc);box-shadow:inset 0 0 25px #00000080,0 0 10px #60a5fa4d;z-index:2}.spin-wheel{width:100%;height:100%;border-radius:50%;position:relative;z-index:3;overflow:hidden;box-shadow:inset 0 0 12px #0000004d;border:2px solid rgba(191,219,254,.3);transition:none}.spin-wheel.spin-idle{transition:none;animation:none}.spin-wheel.spin-fast{transition:none;animation:spinLoop .3s linear infinite}@keyframes spinLoop{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-wheel.spin-decel{animation:none;transition:transform 9s cubic-bezier(.05,.5,.05,1)}.spin-pointer{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:10;width:48px;height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.spin-center-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));color:#fcd34d;font-weight:900;font-size:11px;letter-spacing:.5px;border:3px solid rgba(255,255,255,.4);z-index:10;box-shadow:0 4px 24px var(--gold-glow);transition:all .2s}.spin-center-btn:hover{box-shadow:0 4px 40px #3b82f699;transform:translate(-50%,-50%) scale(1.05)}.spin-center-btn:disabled{opacity:.6}.chest-outer{position:relative;border-radius:24px;padding:6px;background:conic-gradient(from 0deg,#64b4ff80,#3b82f6cc,#93c5fdf2,#fff9,#93c5fdf2,#3b82f6cc,#64b4ff80,#3b82f6cc,#93c5fdf2,#fff9,#93c5fdf2,#3b82f6cc,#64b4ff80);box-shadow:0 0 30px #3b82f666,0 0 60px #3b82f633,0 0 100px #3b82f61a;animation:borderGlow 6s linear infinite}.chest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;width:480px;border-radius:20px;background:linear-gradient(135deg,#1e40af,#2563eb)}.chest-item{width:100%;aspect-ratio:1;border-radius:16px;background:#dbeafee6;border:none;display:flex;align-items:center;justify-content:center;font-size:48px;cursor:pointer;transition:all .2s;box-shadow:inset 0 2px 4px #ffffff80,0 2px 8px #00000026;position:relative}.chest-img{width:80%;height:80%;object-fit:contain;animation:chestShake 2.5s ease-in-out infinite;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}@keyframes chestShake{0%,to{transform:translateY(0) rotate(0)}15%{transform:translateY(-3px) rotate(-3deg)}30%{transform:translateY(0) rotate(3deg)}45%{transform:translateY(-2px) rotate(-2deg)}60%{transform:translateY(0) rotate(0)}}.chest-item:hover{background:#eff6fff2;transform:scale(1.06);box-shadow:inset 0 2px 4px #fff9,0 4px 20px #3b82f666}.chest-item:hover .chest-img{animation:chestShakeHover .4s ease-in-out infinite}@keyframes chestShakeHover{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.chest-item.opened{background:#bfdbfe80;animation:chestOpen .5s ease}@keyframes chestOpen{0%{transform:scale(1.04)}30%{transform:scale(1.2) rotate(5deg)}60%{transform:scale(.95)}to{transform:scale(1)}}.chest-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;pointer-events:none;animation:overlayFadeIn .3s ease}.chest-overlay-burst{position:absolute;top:50%;left:50%;width:200vmax;height:200vmax;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(96,165,250,.25) 0%,rgba(59,130,246,.1) 30%,transparent 60%);animation:burstPulse .8s ease-in-out infinite}.chest-overlay-rays{position:absolute;top:50%;left:50%;width:150vmax;height:150vmax;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0%,rgba(147,197,253,.15) 5%,transparent 10%,rgba(191,219,254,.1) 15%,transparent 20%,rgba(147,197,253,.15) 25%,transparent 30%,rgba(191,219,254,.1) 35%,transparent 40%,rgba(147,197,253,.15) 45%,transparent 50%,rgba(191,219,254,.1) 55%,transparent 60%,rgba(147,197,253,.15) 65%,transparent 70%,rgba(191,219,254,.1) 75%,transparent 80%,rgba(147,197,253,.15) 85%,transparent 90%,rgba(191,219,254,.1) 95%,transparent 100%);animation:raysRotate 2s linear infinite}.chest-overlay-particles{position:absolute;top:50%;left:50%;width:0;height:0}.chest-particle{position:absolute;width:8px;height:8px;border-radius:50%;background:#bfdbfee6;box-shadow:0 0 10px #60a5facc,0 0 20px #3b82f666;animation:particleFly 1.5s ease-out infinite;animation-delay:calc(var(--i) * .12s)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes burstPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes raysRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes particleFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(cos(calc(var(--i) * 30deg))*200px),calc(sin(calc(var(--i) * 30deg))*200px)) scale(0);opacity:0}}.chest-item .chest-prize{font-size:13px;font-weight:700;color:#1e3a8a;text-align:center;padding:4px}.egg-container{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center}.egg-rays{position:absolute;width:700px;height:700px;top:-210px;left:50%;transform:translate(-50%);animation:eggRaysRotate 30s linear infinite;pointer-events:none}.egg-ray{position:absolute;top:50%;left:50%;width:18px;height:350px;transform-origin:50% 0%;transform:rotate(calc(var(--ray-i) * 22.5deg));background:linear-gradient(to bottom,rgba(147,197,253,.7) 0%,rgba(96,165,250,.35) 40%,transparent 100%);border-radius:6px;filter:blur(3px)}.egg-ray:nth-child(odd){width:12px;opacity:.5;height:300px}@keyframes eggRaysRotate{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.golden-egg{width:280px;height:360px;background:radial-gradient(ellipse at 40% 30%,#93c5fd,#3b82f6,#2563eb,#1e40af);border-radius:50%/60% 60% 40% 40%;position:relative;box-shadow:0 20px 60px #3b82f64d,inset 0 -10px 20px #0003,inset 0 10px 20px #ffffff4d;transition:all .2s}.golden-egg:hover{transform:scale(1.03);box-shadow:0 20px 80px #3b82f666}.golden-egg.cracking1{animation:eggShake1 .5s ease}.golden-egg.cracking2{animation:eggShake2 .6s ease}.golden-egg.smashed{animation:eggSmash .6s ease forwards}@keyframes eggShake1{0%,to{transform:translate(0)}20%{transform:translate(-6px) rotate(-2deg)}40%{transform:translate(6px) rotate(2deg)}60%{transform:translate(-3px) rotate(-1deg)}80%{transform:translate(3px) rotate(1deg)}}@keyframes eggShake2{0%,to{transform:translate(0)}10%{transform:translate(-10px) rotate(-3deg)}20%{transform:translate(10px) rotate(3deg)}30%{transform:translate(-8px) rotate(-2deg)}40%{transform:translate(8px) rotate(2deg)}50%{transform:translate(-6px) rotate(-2deg)}60%{transform:translate(6px) rotate(2deg)}70%{transform:translate(-4px) rotate(-1deg)}80%{transform:translate(4px) rotate(1deg)}90%{transform:translate(-2px)}}@keyframes eggSmash{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(0);opacity:0}}.egg-crack{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.crack-line{position:absolute;width:3px;background:linear-gradient(to bottom,#fffc,#c8dcff66);box-shadow:0 0 6px #93c5fd99;border-radius:1px}.crack1 .crack-line{animation:crackAppear1 .3s ease forwards}.crack2 .crack-line{animation:crackAppear2 .3s ease forwards}@keyframes crackAppear1{0%{height:0;opacity:0}to{opacity:1}}@keyframes crackAppear2{0%{height:0;opacity:0}to{opacity:1}}.egg-shine{position:absolute;top:20%;left:25%;width:30%;height:20%;background:#fff6;border-radius:50%;filter:blur(8px)}.result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;box-sizing:border-box}.result-card{text-align:center;padding:40px;background:linear-gradient(135deg,#0a2050,#020a1a);border:2px solid var(--gold);border-radius:20px;box-shadow:0 0 60px var(--gold-glow),0 0 120px #3b82f626;animation:resultPop .4s ease;max-width:90vw;max-height:90vh;overflow-y:auto}@keyframes resultPop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.result-card .prize-icon{font-size:64px;margin-bottom:16px}.result-card .prize-title{font-size:24px;font-weight:900;background:linear-gradient(180deg,#93c5fd,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.result-card .prize-detail{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.total-credit-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;margin-bottom:16px;background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:1px solid rgba(251,191,36,.3);border-radius:12px;font-size:16px;color:#fbbf24}.total-credit-banner strong{color:#fde68a;font-size:18px}.multi-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:350px;overflow-y:auto;margin-bottom:20px}.multi-result-item{padding:12px;background:#ffffff08;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius);text-align:center;font-size:13px}.multi-result-item .prize-name{font-weight:700;color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:700;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;box-shadow:0 2px 12px var(--gold-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px var(--gold-glow)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#ffffff0f;color:var(--text-secondary);border:1px solid var(--panel-border)}.btn-secondary:hover{background:#ffffff1a}.btn-sm{padding:6px 14px;font-size:13px}.token-coin{display:inline-block;width:18px;height:18px;background:radial-gradient(circle at 30% 30%,#fff4b8,#fcd34d 35%,#d97706 90%);border:1px solid #b45309;border-radius:50%;text-align:center;line-height:16px;font-size:11px;color:#78350f;font-weight:900;text-shadow:0 1px 0 rgba(255,244,184,.6);box-shadow:0 0 6px #fcd34d80,inset 0 -1px 2px #78350f59}.token-display{display:inline-flex;align-items:center;gap:4px;color:var(--gold);font-weight:700}.shop-container{max-width:1100px;margin:0 auto;padding:0 16px 80px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}@media (max-width: 640px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-card-img{height:120px;font-size:44px}.shop-card-body{padding:10px}.shop-card-name{font-size:13px;margin-bottom:6px}.shop-card-price{padding:5px 10px;font-size:12px}}.shop-card{background:linear-gradient(135deg,#0f286466,#08143c99);border:2px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s;cursor:pointer;display:flex;flex-direction:column}.shop-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 8px 30px #3b82f633}.shop-card-img{height:160px;background:linear-gradient(135deg,#3b82f614,#3b82f605);display:flex;align-items:center;justify-content:center;font-size:56px;flex:0 0 auto}.shop-card-body{padding:14px;display:flex;flex-direction:column;flex:1}.shop-card-name{font-size:14px;font-weight:800;margin-bottom:8px;color:var(--text-primary)}.shop-card-desc{font-size:12px;color:var(--text-muted);margin-bottom:8px}.shop-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px}.shop-card-price{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;font-weight:800;font-size:13px;white-space:nowrap}.shop-view-toggle{display:inline-flex;gap:0;border:1px solid rgba(59,130,246,.25);border-radius:8px;overflow:hidden;background:#08143c59}.shop-view-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-secondary);font-size:16px;line-height:1;padding:8px 12px;cursor:pointer;transition:background .15s,color .15s}.shop-view-btn+.shop-view-btn{border-left:1px solid rgba(59,130,246,.15)}.shop-view-btn:hover{color:var(--text-primary);background:#3b82f614}.shop-view-btn.active{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000}.shop-list{display:flex;flex-direction:column;gap:12px}.shop-list-item{display:flex;gap:16px;padding:14px;background:linear-gradient(135deg,#0f286466,#08143c99);border:2px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.shop-list-item:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f62e}.shop-list-img{flex:0 0 120px;height:120px;border-radius:var(--radius);background:linear-gradient(135deg,#3b82f614,#3b82f605);display:flex;align-items:center;justify-content:center;overflow:hidden}.shop-list-img img{max-width:90%;max-height:90%;object-fit:contain}.shop-list-emoji{font-size:48px}.shop-list-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}.shop-list-name{font-size:15px;font-weight:800;color:var(--text-primary);line-height:1.3}.shop-list-desc{font-size:12px;color:var(--text-muted);line-height:1.5;flex:1}.shop-list-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.shop-compact{display:flex;flex-direction:column;gap:6px}.shop-compact-row{display:grid;grid-template-columns:44px 1fr auto auto;gap:12px;align-items:center;padding:8px 12px;background:#08143c66;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius);cursor:pointer;transition:background .15s,border-color .15s}.shop-compact-row:hover{background:#0f28648c;border-color:var(--gold)}.shop-compact-img{width:44px;height:44px;border-radius:6px;background:linear-gradient(135deg,#3b82f614,#3b82f605);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:22px}.shop-compact-img img{max-width:90%;max-height:90%;object-fit:contain}.shop-compact-name{font-size:13px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-compact-stock{min-width:70px;text-align:right}@media (max-width: 480px){.shop-list-img{flex-basis:80px;height:80px}.shop-list-emoji{font-size:36px}.shop-list-desc{display:none}.shop-compact-row{grid-template-columns:36px 1fr auto;padding:6px 10px;gap:8px}.shop-compact-img{width:36px;height:36px;font-size:18px}.shop-compact-stock{display:none}}.filters-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.filter-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.filters-bar{flex-direction:row;flex-wrap:wrap;gap:8px}.filters-bar .search-input{flex:1;min-width:0;width:auto}.filters-bar .shop-view-toggle{flex:0 0 auto}.filters-bar .filter-row{display:flex;gap:8px;width:100%;flex-basis:100%}.filters-bar .filter-select{flex:1;min-width:0}}.search-input{flex:1;min-width:200px;padding:10px 16px;border-radius:var(--radius);border:1px solid var(--panel-border);background:#0000004d;color:var(--text-primary);font-size:14px}.search-input:focus{border-color:var(--gold)}.filter-select{padding:10px 14px;border-radius:var(--radius);border:1px solid var(--panel-border);background:#0000004d;color:var(--text-primary);font-size:14px}.filter-select option,.search-input option{background:#0a1a3a;color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{background:linear-gradient(135deg,#0a2050,#020a1a);border:2px solid var(--panel-border);border-radius:20px;padding:32px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #00000080}.modal h2{font-size:20px;font-weight:800;margin-bottom:16px;color:var(--gold-light)}.close-btn{position:absolute;top:16px;right:16px;background:none;color:var(--text-muted);font-size:24px}.close-btn:hover{color:var(--text-primary)}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:4px}.form-input{width:100%;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--panel-border);background:#0000004d;color:var(--text-primary);font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--gold)}.badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700}.badge-pending{background:#3b82f633;color:var(--gold)}.badge-processing{background:#3b82f633;color:#60a5fa}.badge-shipped{background:#a855f733;color:#c084fc}.badge-completed{background:#22c55e33;color:var(--success)}.badge-cancelled{background:#ef444433;color:var(--danger)}.pagination{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:20px}.pagination button{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:700;background:#ffffff0d;color:var(--text-muted);border:1px solid rgba(59,130,246,.15);transition:all .2s}.pagination button:hover{border-color:var(--gold);color:var(--text-secondary)}.pagination button.active{background:var(--gold);color:#000;border-color:var(--gold)}.pagination button:disabled{opacity:.3;cursor:not-allowed}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:16px;background:var(--bg-dark)}.spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:16px;text-align:center;padding:32px;background:var(--bg-dark)}.error-screen h2{color:var(--danger);font-size:24px}.card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-body{padding:16px}.mobile-balance{display:none}.game-panel-slot{width:100%}@media (max-width: 1200px){.game-center{order:1}.slot-prize{order:2}.slot-winner{order:3}}@media (max-width: 768px){.game-page{padding:70px 6px 24px}.floating-nav{display:none}.game-title{margin-bottom:24px;padding:6px 0 12px}.game-title h1{font-size:30px;letter-spacing:3px;padding:0}.game-panel{height:513px}.mobile-balance{display:flex;justify-content:center;margin-bottom:8px}.game-bottom-bar .game-status-pill:first-child{display:none}.spin-container{width:340px;height:340px;padding:30px}.game-controls{flex-direction:row;gap:8px}.game-controls .play-btn{padding:10px 16px;flex:1;min-width:0}.chest-grid{width:100%;max-width:340px}.mobile-nav{display:flex!important}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#020a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--panel-border);padding:6px 0;z-index:200;justify-content:space-around}.mobile-nav a,.mobile-nav .mobile-nav-btn{display:flex;align-items:center;justify-content:center;padding:4px 2px;flex:1;min-width:0;text-decoration:none;background:none;border:none;cursor:pointer}.mobile-nav .mobile-nav-btn img{width:48px;height:48px;object-fit:contain;border-radius:10px;transition:all .2s}.mobile-nav .mobile-nav-btn.active img{filter:drop-shadow(0 0 8px var(--gold-glow)) brightness(1.15);transform:scale(1.08)}.swal-game-popup{border:2px solid rgba(59,130,246,.35)!important;border-radius:16px!important}.swal-game-title{color:#93c5fd!important;font-weight:800!important}.swal-game-btn{font-weight:700!important;border-radius:10px!important;padding:10px 28px!important}.swal2-icon.swal2-warning .swal2-icon-content,.swal2-icon.swal2-error .swal2-icon-content,.swal2-icon.swal2-success .swal2-icon-content{font-size:2.2em}.tnc-box{max-width:900px;margin:32px auto 80px;padding:20px 24px;background:#0006;border:1px solid var(--panel-border);border-radius:var(--radius-lg)}.tnc-title{font-size:15px;font-weight:800;color:#fcd34d;margin-bottom:12px}.tnc-list{list-style:none;display:flex;flex-direction:column;gap:6px}.tnc-list li{font-size:13px;color:var(--text-secondary);padding-left:20px;position:relative}.tnc-list li:before{content:"⚠";position:absolute;left:0;color:var(--gold)}.win-notification-container{position:fixed;top:60px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:340px;pointer-events:none}.win-notification{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#1e40aff2,#2563ebf2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(96,165,250,.4);border-radius:14px;box-shadow:0 8px 32px #0000004d,0 0 20px #3b82f633,inset 0 1px #ffffff1a;animation:notifSlideIn .4s cubic-bezier(.16,1,.3,1) forwards;pointer-events:auto;cursor:pointer;transition:transform .2s,opacity .3s}.win-notification:hover{transform:translate(-4px)}@keyframes notifSlideIn{0%{opacity:0;transform:translate(100px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.win-notif-icon{font-size:28px;flex-shrink:0;animation:notifBounce .6s ease .3s}@keyframes notifBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.win-notif-content{flex:1;min-width:0}.win-notif-title{font-size:13px;font-weight:700;color:#e0f2fe;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win-notif-detail{font-size:12px;color:#93c5fd;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win-notif-detail strong{color:#fbbf24}.win-notif-game{font-size:10px;color:#93c5fdb3;margin-top:2px}.win-notif-close{background:none;border:none;color:#93c5fd99;font-size:14px;cursor:pointer;padding:4px;flex-shrink:0;transition:color .2s}.win-notif-close:hover{color:#fff}@media (max-width: 768px){.win-notification-container{right:10px;left:10px;max-width:none}}.text-center{text-align:center}.mt-2{margin-top:8px}.mt-4{margin-top:16px}