:root{--bg-color:#020617;--bg-mid:#0a1130;--primary-color:#22d3ee;--text-color:#f8fafc;--light-text:#94a3b8;--glass-bg:#080f2899;--glass-border:#93c5fd26;--primary-gradient:linear-gradient(90deg,#2563eb,#22d3ee);--btn-gradient:linear-gradient(90deg,#1d4ed8,#2563eb,#0e7490,#1d4ed8);--danger-bg:#dc2626;--reward-gradient:linear-gradient(90deg,#22c55e,#4ade80);--reward-ink:#04131c;--secondary-color:#2563eb;--ice:#e2e8f0;--gold-glint:#fde68a;--glow-color:#22d3ee66;--danger-color:#ef4444;--success-color:#22c55e}@media (prefers-reduced-motion:reduce){:not(.revive-ring-fill),:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:where(a,button,input,select,textarea,summary,[tabindex],[role=button]):focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}:where(.btn-reward,.btn-danger):focus-visible{outline-color:var(--text-color)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background-color:var(--bg-color)}body{color:var(--text-color);margin:0;font-family:Poppins,sans-serif}.nebula-bg{opacity:.5;z-index:-1;pointer-events:none;position:fixed}.nebula-1{background:radial-gradient(closest-side,#2563eb73 0%,#2563eb47 32%,#2563eb1a 60%,#0000 100%);width:70vmax;height:55vmax;animation:90s ease-in-out infinite alternate nebDrift1;top:-20%;left:-20%}.nebula-2{background:radial-gradient(closest-side,#22d3ee4d 0%,#22d3ee30 32%,#22d3ee12 60%,#0000 100%);width:60vmax;height:50vmax;animation:70s ease-in-out infinite alternate nebDrift2;bottom:-25%;right:-20%}.nebula-3{background:radial-gradient(closest-side,#6366f147 0%,#6366f12b 32%,#6366f10f 60%,#0000 100%);width:45vmax;height:45vmax;animation:110s ease-in-out infinite alternate nebDrift3;top:40%;left:55%}.hidden{display:none!important}.grecaptcha-badge{visibility:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 10px 40px #0009,inset 0 0 30px #2563eb0f,inset 0 1px #e2e8f014}.modal{justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal.hidden{opacity:0;pointer-events:none}.modal.hidden .modal-content{opacity:0;transform:scale(.95)translateY(-20px)}.btn{background:var(--btn-gradient);color:#fff;background-size:300%;border:none;transition:transform .18s ease-out,box-shadow .18s ease-out,background-position .18s ease-out,background-color .18s ease-out,opacity .18s ease-out;box-shadow:0 4px 15px #3b82f64d}.btn:hover:not(:disabled){background-position:100%;transform:scale(1.05);box-shadow:0 8px 20px #22d3ee80}.btn:disabled{color:var(--light-text);cursor:not-allowed;box-shadow:none;opacity:.55;background:#ffffff1a;transform:none}.close-btn{color:var(--light-text);cursor:pointer;background:0 0;border:none;font-size:30px;transition:all .3s;position:absolute;top:15px;right:20px}.close-btn:hover{color:#fff;transform:rotate(90deg)}.stats-group{display:flex}.account-info{position:relative}.account-circle{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));border:2px solid var(--glass-border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-weight:700;transition:all .3s;display:flex;overflow:hidden}.account-circle:hover{box-shadow:0 0 15px var(--glow-color);border-color:#fff;transform:scale(1.1)}.auth-btn{color:#fff;border:1px solid var(--glass-border);cursor:pointer;white-space:nowrap;text-transform:none;letter-spacing:0;box-shadow:none;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;padding:8px 16px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:background-color .18s ease-out,border-color .18s ease-out,transform .18s ease-out;display:inline-flex}a.auth-btn{text-decoration:none}.auth-btn:hover:not(:disabled){border-color:var(--primary-color);background:#ffffff1a;transform:translateY(-1px)}@media (any-pointer:coarse),screen and (max-width:932px){.auth-btn{border-radius:12px;min-height:40px;padding:8px 14px;font-size:13px}.top-bar .back-btn,.title-group .back-btn{min-height:40px}.account-circle,.top-bar .account-circle,.profile-group .account-circle{width:40px;height:40px;font-size:15px}.top-bar{min-width:0}.game-title{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.account-controls{flex-shrink:0;gap:8px}#logged-in-view,#logged-out-view{gap:8px}}@media screen and (max-width:430px){.top-bar .game-title{display:none}.title-group{flex:none;min-width:auto}.auth-btn{padding-left:10px;padding-right:10px;font-size:12px}.account-controls,#logged-in-view,#logged-out-view{gap:6px}}.account-circle img{object-fit:cover;border-radius:50%;width:100%;height:100%}.tab-btn{color:var(--light-text);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;font-family:Poppins,sans-serif;font-weight:600;transition:all .3s}.tab-btn:hover{color:#fff}.tab-btn.active{color:#fff;border-bottom-color:var(--primary-color)}.recaptcha-legal{color:var(--light-text);text-align:center}.recaptcha-legal a:hover{color:var(--primary-color);text-decoration:underline}.card-icon-frame{overflow:hidden}.card-icon-frame img{object-fit:contain;filter:drop-shadow(0 2px 4px #00000080);width:100%;height:100%}#upgradeCardBtn.not-ready{cursor:not-allowed;box-shadow:none;text-transform:uppercase;font-size:14px;font-weight:700;color:var(--light-text)!important;border:1px solid var(--glass-border)!important;background:#ffffff1a!important}#upgradeCardBtn.ready{cursor:pointer;text-transform:uppercase;border:1px solid #15803d;font-size:14px;font-weight:700;box-shadow:0 4px 15px #22c55e66;color:#fff!important;background:linear-gradient(#22c55e,#16a34a)!important}#upgradeCardBtn.ready:active{box-shadow:none;transform:translateY(2px)}#upgradeCardBtn.maxed{cursor:default;pointer-events:none;text-transform:uppercase;border:1px solid #4b5563;font-size:14px;font-weight:700;color:#f59e0b!important;background:#00000080!important}.card-modal-layout{align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.card-modal-left{flex-direction:column;flex-shrink:0;gap:10px;width:90px;display:flex}.card-img-frame{border:1px solid var(--glass-border);background:#0006;border-radius:15px;width:90px;height:90px;padding:8px;overflow:hidden}#cardModalImg{object-fit:contain;filter:drop-shadow(0 4px 6px #00000080);width:100%;height:100%}.card-progress-frame{border:1px solid var(--glass-border);background:#0009;border-radius:9px;width:100%;height:18px;position:relative;overflow:hidden}#cardModalBar{background:#22c55e;width:0%;height:100%;transition:width .3s;box-shadow:0 0 10px #22c55e}#cardModalProgress{text-align:center;color:#fff;text-shadow:0 1px 2px #000;width:100%;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:0;left:0}.card-modal-right{flex-direction:column;flex:1;display:flex}#cardModalTitle{color:#fff;margin:0;font-size:24px;line-height:1.2}#cardModalLevel{color:var(--primary-color);margin:4px 0 10px;font-size:14px;font-weight:600}#cardModalDesc{color:var(--light-text);min-height:40px;margin:0;font-size:13px;line-height:1.4}.card-modal-hr{border-color:var(--glass-border);margin:20px 0}.card-stats-container{border:1px solid var(--glass-border);background:#0000004d;border-radius:12px;margin-bottom:20px;padding:15px;font-size:14px}.card-stat-row{justify-content:space-between;margin-bottom:6px;display:flex}.stat-label{color:var(--light-text)}.stat-val{color:#fff;font-weight:700}#cardStatNext{color:#4ade80;text-align:right;margin-top:10px;font-size:12px;font-style:italic}.card-level-badge{pointer-events:none;color:#04131c;text-align:center;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#7df3ff,#22d3ee);font-family:Poppins,sans-serif;font-weight:800;line-height:1.3;transform:rotate(-45deg);box-shadow:0 2px 5px #00000080}.can-upgrade:after{content:"";border:2px solid var(--bg-color);background-color:#22c55e;border-radius:50%;width:14px;height:14px;animation:2s infinite pulseGreen;position:absolute;top:-4px;right:-4px}#fillCardsRow{background:#22d3ee0f;border:1px solid #22d3ee40;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:8px 8px 8px 14px;display:flex}.fill-cards-label{text-align:left;color:var(--light-text);font-size:11px;line-height:1.35}.fill-cards-label strong{color:var(--text-color);font-size:13px;display:block}.btn-diamond{color:#04202b;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0891b2,#22d3ee);border:1px solid #a5f3fc80;border-radius:30px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-family:Poppins,sans-serif;font-size:14px;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #22d3ee4d}.btn-diamond:hover:not(:disabled):not(.not-ready){transform:scale(1.05);box-shadow:0 6px 20px #22d3ee80}.btn-diamond:active:not(:disabled):not(.not-ready){box-shadow:none;transform:translateY(2px)}.btn-diamond img{object-fit:contain;width:18px;height:18px}.btn-diamond.not-ready{color:var(--light-text);border-color:var(--glass-border);box-shadow:none;cursor:not-allowed;background:#ffffff14}.btn-diamond.full-width{width:100%;padding:12px 0;font-size:15px}#cardModal{z-index:10000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#cardModal.hidden{display:none}#cardModal .card-modal-content{text-align:left;border-radius:20px;width:90%;max-width:380px;padding:25px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;position:relative}#closeCardModalBtn{color:var(--light-text);cursor:pointer;background:0 0;border:none;font-size:24px;transition:all .3s;position:absolute;top:15px;right:20px}#closeCardModalBtn:hover{color:#fff;transform:rotate(90deg)}#upgradeCardBtn{white-space:nowrap;border-radius:40px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12px;padding:14px;font-size:16px;display:flex}#upgradeMsg{text-align:center;color:var(--danger-color);margin:8px 0 0;font-size:13px;font-weight:600}#upgradeMsg:empty{margin:0;display:none}@media screen and (max-width:932px),screen and (any-pointer:coarse) and (max-width:1400px){#cardModal .card-modal-content{max-width:280px;padding:15px}#upgradeCardBtn{margin-top:8px;padding:10px;font-size:13px}}.top-bar{padding:20px 40px;padding-top:max(20px,env(safe-area-inset-top));padding-left:max(40px,env(safe-area-inset-left));padding-right:max(40px,env(safe-area-inset-right));border-bottom:1px solid var(--glass-border);z-index:10;background:0 0;align-items:center;display:flex;position:relative}.game-title{background:var(--primary-gradient);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin:0 auto 0 0;font-size:26px;font-weight:700}.account-controls{align-items:center;gap:20px;display:flex}#logged-out-view,#logged-in-view{align-items:center;gap:15px;display:flex}.resource-pill{border:1px solid var(--glass-border);white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;border-radius:30px;align-items:center;gap:8px;padding:6px 16px 6px 6px;font-size:14px;font-weight:600;display:flex}.resource-pill img{object-fit:contain;filter:drop-shadow(0 2px 4px #00000080);width:24px;height:24px}.coin-pill{color:#fcd34d;border-color:#fcd34d4d}.diamond-pill{color:#67e8f9;border-color:#67e8f94d}.key-pill{color:#fca5a5;border-color:#fca5a54d}.trophy-pill{color:var(--gold-glint);cursor:pointer;background:#fde68a0f;border-color:#fde68a59;transition:all .3s}.trophy-pill:hover{transform:translateY(-2px);box-shadow:0 5px 15px #fde68a4d}.btn:hover{background-position:100%}.legal-container{flex-grow:1;width:100%;max-width:900px;margin:0 auto;padding:30px 20px}.legal-panel{padding:35px 40px}.legal-panel h1{color:var(--primary-color);margin:0 0 5px;font-size:30px}.effective-date{color:var(--light-text);margin:0 0 25px;font-size:13px}.legal-panel h2{color:var(--primary-color);border-bottom:1px solid var(--glass-border);margin:30px 0 10px;padding-bottom:8px;font-size:20px}.legal-panel p,.legal-panel li{color:var(--text-color);font-size:14px;line-height:1.7}.legal-panel ul{margin:0 0 10px;padding-left:25px}.legal-panel li{margin-bottom:8px}.legal-panel a{color:var(--primary-color);text-decoration:underline}.highlight-box{background:#22d3ee0f;border:1px solid #22d3ee40;border-radius:12px;margin:12px 0;padding:12px 18px}.site-footer{text-align:center;width:100%;margin-top:auto;padding:15px 10px 12px}.footer-legal-links{color:var(--light-text);margin-bottom:4px;font-size:12px}.footer-legal-links a{color:var(--light-text);text-decoration:underline}@keyframes nebDrift1{0%{transform:translate(0,0)scale(1)}to{transform:translate(6vw,4vh)scale(1.12)}}@keyframes nebDrift2{0%{transform:translate(0,0)scale(1)}to{transform:translate(-5vw,-3vh)scale(1.1)}}@media (prefers-reduced-motion:reduce){.nebula-1,.nebula-2,.nebula-3{animation:none!important}}#trophyRoadModal{z-index:10001;color:#f8fafc;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;font-family:Poppins,sans-serif;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}#trophyRoadModal.tr-hidden{opacity:0;pointer-events:none}.trophy-road-content{-webkit-backdrop-filter:blur(20px);background:#080f28b3;border:1px solid #93c5fd26;border-radius:20px;flex-direction:column;width:90%;max-width:500px;max-height:75vh;padding:40px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:relative;box-shadow:0 10px 40px #0009,inset 0 0 30px #2563eb0f,inset 0 1px #e2e8f014}#trophyRoadModal.tr-hidden .trophy-road-content{opacity:0;transform:scale(.95)translateY(-20px)}.tr-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:30px;transition:all .3s;position:absolute;top:15px;right:20px}.tr-close-btn:hover{color:#fff;transform:rotate(90deg)}.trophy-header-section{text-align:center;border-bottom:1px solid #93c5fd26;margin-bottom:25px;padding-bottom:20px}.trophy-header-section h2{margin-top:10px;margin-bottom:15px;font-size:24px}.current-trophy-display img{object-fit:contain;filter:drop-shadow(0 0 15px #fcd34d66);width:90px;height:90px;margin-bottom:10px}.current-trophy-display h3{color:#fff;margin:5px 0;font-size:26px}.trophy-road-container{flex-direction:column-reverse;gap:0;padding-right:10px;display:flex;position:relative;overflow-y:auto}.trophy-road-container::-webkit-scrollbar{width:6px}.trophy-road-container::-webkit-scrollbar-track{background:#0003;border-radius:3px}.trophy-road-container::-webkit-scrollbar-thumb{background:#2563eb;border-radius:3px}.road-item{justify-content:space-between;align-items:center;padding:15px 0;display:flex;position:relative}.road-badge{text-align:center;z-index:2;flex-direction:column;align-items:center;width:60px;display:flex}.road-badge img{object-fit:contain;filter:drop-shadow(0 2px 5px #00000080);width:45px;height:45px;margin-bottom:5px}.road-badge span{color:#94a3b8;font-size:13px;font-weight:600}.road-bar-container{background-color:#0006;border:1px solid #93c5fd26;border-radius:12.5px;flex-grow:1;height:25px;margin:0 15px;position:relative;overflow:hidden}.road-bar-fill{width:0%;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.bar-green{background-color:#22c55e;box-shadow:0 0 15px #22c55e}.bar-orange{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 15px #f59e0b80}.bar-grey{width:0%}.road-bar-text{text-align:center;color:#fff;text-shadow:0 1px 2px #000;z-index:3;width:100%;font-size:12px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.road-connector{z-index:1;background-color:#93c5fd26;width:2px;position:absolute;top:55px;bottom:-20px;left:30px}.road-item:last-child .road-connector{display:none}@media screen and (max-width:932px),screen and (any-pointer:coarse) and (max-width:1400px){.trophy-road-content{width:90%;max-width:330px;max-height:85dvh;padding:15px 10px}.trophy-road-container{flex:1;min-height:0;margin-top:5px;overflow-y:auto}.trophy-header-section{flex-shrink:0;margin-bottom:5px;padding-bottom:10px}.trophy-header-section h2{margin-top:15px;margin-bottom:5px;font-size:18px}.current-trophy-display img{width:50px;height:50px;margin-bottom:2px}.current-trophy-display h3{margin:0;font-size:16px}.current-trophy-display p{margin:0;font-size:12px}.road-item{padding:8px 0}.road-badge{width:35px}.road-badge img{width:25px;height:25px}.road-badge span{font-size:9px}.road-connector{top:35px;left:17.5px}.road-bar-container{height:18px;margin:0 5px}.road-bar-text{font-size:9px}}@media screen and (orientation:portrait) and (max-width:600px),screen and (orientation:landscape) and (max-height:560px) and (max-width:932px){html .top-bar{padding:5px 12px;padding-top:max(5px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));gap:8px}html .top-bar .game-title{font-size:16px}html .top-bar .title-group{gap:8px!important}html .top-bar .back-btn,html .top-bar .auth-btn,html .top-bar #logoutBtn{border-radius:9px;min-height:30px!important;padding:4px 10px!important;font-size:11px!important}html .top-bar .account-circle{width:30px;height:30px;font-size:12px}html .top-bar .resource-pill{gap:4px;padding:2px 8px 2px 2px;font-size:11px}html .top-bar .resource-pill img{width:18px!important;height:18px!important}}@media screen and (orientation:landscape) and (max-height:560px) and (max-width:932px){html .auth-container .auth-btn{border-radius:9px;min-height:30px!important;padding:4px 10px!important;font-size:11px!important}html .auth-container .account-circle{width:30px;height:30px;font-size:12px}html .auth-container .resource-pill,html .auth-container .trophy-info-display{gap:4px;padding:2px 8px 2px 2px;font-size:11px}html .auth-container .resource-pill img,html .auth-container .trophy-info-display img{width:18px!important;height:18px!important}}