:root{--bg-deep:#0a0a12;--bg-panel:#13131f;--bg-panel-2:#191927;--border:#2a2a3e;--gold:#ffd166;--gold-dim:#c9a227;--neon:#7c3aed;--neon-2:#22d3ee;--text:#e8e8f0;--text-dim:#8b8ba3;--danger:#ff4d6d;--success:#4ade80}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}html,body{margin:0;padding:0;height:100%;background:radial-gradient(ellipse at top,#191932 0%,var(--bg-deep) 60%);color:var(--text);font-family:Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}#root{height:100%}#app{max-width:520px;margin:0 auto;min-height:100vh;padding:10px 10px 90px;position:relative}header{text-align:center;padding:8px 0 4px}header h1{margin:0;font-size:1.4rem;letter-spacing:1px;background:linear-gradient(90deg,var(--gold),var(--neon-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(124,58,237,.3)}header .subtitle{font-size:.7rem;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.stats-bar{display:flex;justify-content:space-between;gap:8px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin:8px 0;box-shadow:0 0 15px #7c3aed14 inset}.stat{display:flex;flex-direction:column;align-items:center;flex:1}.stat .label{font-size:.62rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.stat .value{font-size:1rem;font-weight:700;color:var(--gold);text-shadow:0 0 10px rgba(255,209,102,.4)}.stat .value.cyan{color:var(--neon-2);text-shadow:0 0 10px rgba(34,211,238,.4)}.double-badge{display:none;text-align:center;font-size:.75rem;color:var(--success);background:#4ade801f;border:1px solid rgba(74,222,128,.4);border-radius:8px;padding:4px 8px;margin-bottom:6px;animation:pulseGlow 1.2s infinite}.double-badge.show{display:block}@keyframes pulseGlow{0%,to{opacity:.85}50%{opacity:1}}.grid-wrap{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:10px;box-shadow:0 8px 30px #0006;position:relative}#grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:8px;aspect-ratio:1/1;width:100%}.slot{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,border-color .15s ease;overflow:visible;aspect-ratio:1/1}.slot.empty:hover{border-color:var(--neon);box-shadow:0 0 10px #7c3aed40 inset}.slot.selected{border-color:var(--neon-2);box-shadow:0 0 14px #22d3ee99;transform:scale(1.04)}.slot.drop-target{border-color:var(--gold);box-shadow:0 0 14px #ffd16699}.monster{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;position:relative;cursor:grab}.monster .emoji{font-size:1.8rem;line-height:1;filter:drop-shadow(0 0 6px currentColor)}.monster .lvl{font-size:.62rem;font-weight:700;margin-top:2px;padding:1px 6px;border-radius:6px;background:#0006;color:var(--gold)}.monster .gps{position:absolute;bottom:2px;right:3px;font-size:.5rem;color:var(--neon-2);opacity:.85}.monster.merging{animation:mergePop .4s ease}@keyframes mergePop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.monster.spawnIn{animation:spawnPop .35s ease}@keyframes spawnPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.float-text{position:absolute;font-size:.7rem;font-weight:700;color:var(--gold);pointer-events:none;animation:floatUp 1s ease-out forwards;text-shadow:0 0 6px rgba(0,0,0,.8);z-index:50}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}.actions-row{display:flex;gap:8px;margin-top:10px}button{font-family:inherit;cursor:pointer;border:none;outline:none}.btn{flex:1;padding:12px 8px;border-radius:12px;font-weight:700;font-size:.8rem;background:linear-gradient(180deg,#2a2a46,#1c1c30);border:1px solid var(--border);color:var(--text);display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .1s ease,box-shadow .15s ease}.btn small{font-weight:400;color:var(--text-dim);font-size:.62rem}.btn:active{transform:scale(.96)}.btn.primary{background:linear-gradient(180deg,#3a2e6e,#241a44);border-color:var(--neon);box-shadow:0 0 12px #7c3aed4d}.btn.gold{background:linear-gradient(180deg,#4a3a12,#2c2408);border-color:var(--gold-dim);box-shadow:0 0 12px #ffd16633}.btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.tabs{display:flex;gap:6px;margin-top:14px}.tab{flex:1;text-align:center;padding:8px 4px;font-size:.72rem;font-weight:700;color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border);border-radius:10px 10px 0 0;cursor:pointer}.tab.active{color:var(--gold);background:var(--bg-panel-2);border-bottom:1px solid var(--bg-panel-2)}.tab-content{background:var(--bg-panel-2);border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px;padding:12px;min-height:120px}.panel{display:none}.panel.active{display:block}.upgrade-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:10px;margin-bottom:8px}.upgrade-item .info{flex:1}.upgrade-item .name{font-size:.8rem;font-weight:700;color:var(--text)}.upgrade-item .desc{font-size:.65rem;color:var(--text-dim);margin-top:2px}.upgrade-item .lvl-tag{font-size:.6rem;color:var(--neon-2)}.buy-btn{background:linear-gradient(180deg,#2a2a46,#1c1c30);border:1px solid var(--gold-dim);color:var(--gold);border-radius:8px;padding:8px 10px;font-size:.7rem;font-weight:700;white-space:nowrap}.buy-btn.disabled{opacity:.35;pointer-events:none}.monster-info{font-size:.68rem;color:var(--text-dim);line-height:1.5}.monster-info .row{display:flex;justify-content:space-between;border-bottom:1px dashed var(--border);padding:4px 0}.modal-overlay{position:fixed;inset:0;background:#05050ad9;display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-overlay.show{display:flex}.modal-box{background:var(--bg-panel);border:1px solid var(--neon);border-radius:16px;padding:24px;max-width:340px;width:100%;text-align:center;box-shadow:0 0 40px #7c3aed66}.modal-box h2{margin:0 0 8px;color:var(--gold);font-size:1.1rem}.modal-box p{color:var(--text-dim);font-size:.8rem;margin:0 0 16px}.ad-progress-wrap{background:#000;border-radius:8px;height:10px;overflow:hidden;margin:16px 0;border:1px solid var(--border)}.ad-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--neon),var(--neon-2));transition:width .1s linear}.ad-icon{font-size:2.5rem;margin-bottom:8px;animation:spinIcon 1.5s linear infinite;display:inline-block}@keyframes spinIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-actions{display:flex;gap:8px;margin-top:8px}.modal-actions .btn{padding:10px}footer{text-align:center;font-size:.6rem;color:var(--text-dim);margin-top:16px;opacity:.6}.save-indicator{position:fixed;top:10px;right:10px;font-size:.6rem;color:var(--success);opacity:0;transition:opacity .3s;background:#0009;padding:4px 8px;border-radius:6px;z-index:2000}.save-indicator.show{opacity:1}@media (max-width:360px){.monster .emoji{font-size:1.5rem}header h1{font-size:1.15rem}}.version-tag{text-align:center;font-size:.6rem;color:var(--text-dim);opacity:.5;margin-top:2px}#updateScreen{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at top,#1c1439,#05050a 75%)}#updateScreen.show{display:flex}.update-box{max-width:360px;width:100%;text-align:center}.update-icon{font-size:3rem;margin-bottom:10px;display:inline-block;animation:updateFloat 2s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(124,58,237,.6))}@keyframes updateFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.update-box h2{margin:0 0 6px;font-size:1.25rem;background:linear-gradient(90deg,var(--gold),var(--neon-2));-webkit-background-clip:text;background-clip:text;color:transparent}.update-versions{font-size:.78rem;color:var(--text-dim);margin-bottom:14px}.update-versions b{color:var(--neon-2)}.update-notes{text-align:left;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:18px;max-height:160px;overflow-y:auto}.update-notes ul{margin:0;padding-left:18px;font-size:.75rem;color:var(--text);line-height:1.6}.update-actions{display:flex;flex-direction:column;gap:8px}.update-actions .btn{padding:14px}.update-progress{display:none;align-items:center;justify-content:center;gap:8px;font-size:.75rem;color:var(--neon-2);margin-top:10px}.update-progress.show{display:flex}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(34,211,238,.25);border-top-color:var(--neon-2);animation:spinIcon .8s linear infinite}.checking-toast{position:fixed;bottom:14px;left:50%;transform:translate(-50%) translateY(20px);background:#13131ff2;border:1px solid var(--border);color:var(--text-dim);font-size:.68rem;padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:6px;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:1500}.checking-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.menu-screen{max-width:520px;margin:0 auto;min-height:100vh;padding:24px 16px 40px;display:flex;flex-direction:column}.menu-title{text-align:center;margin:20px 0 8px}.menu-title .gem{font-size:2.6rem;filter:drop-shadow(0 0 14px rgba(124,58,237,.5))}.menu-title h1{margin:6px 0 0;font-size:1.7rem;letter-spacing:1px;background:linear-gradient(90deg,var(--gold),var(--neon-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(124,58,237,.3)}.menu-title .subtitle{font-size:.75rem;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.menu-name-row{display:flex;align-items:center;gap:8px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin:20px 0 6px}.menu-name-row label{font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.menu-name-row input{flex:1;min-width:0;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.85rem;padding:8px 10px}.menu-name-row input:focus{outline:none;border-color:var(--neon-2)}.menu-name-hint{font-size:.6rem;color:var(--text-dim);opacity:.7;text-align:center;margin-bottom:14px}.menu-buttons{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;margin-top:28px}.menu-btn{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:linear-gradient(180deg,#2a2a46,#1c1c30);border:1px solid var(--border);color:var(--text);font-family:inherit;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease;text-align:left}.menu-btn:active{transform:scale(.97)}.menu-btn .icon{font-size:1.4rem}.menu-btn .label{font-weight:700;font-size:.95rem}.menu-btn .desc{font-weight:400;font-size:.68rem;color:var(--text-dim);margin-top:2px}.menu-btn.primary{background:linear-gradient(180deg,#4a3a12,#2c2408);border-color:var(--gold-dim);box-shadow:0 0 16px #ffd1662e}.menu-btn.accent{background:linear-gradient(180deg,#3a2e6e,#241a44);border-color:var(--neon);box-shadow:0 0 16px #7c3aed38}.menu-footer{text-align:center;font-size:.6rem;color:var(--text-dim);opacity:.5;margin-top:20px}.screen-topbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.back-btn{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px 12px;font-family:inherit;font-size:.85rem;cursor:pointer}.back-btn:active{transform:scale(.96)}.in-game-menu-btn{position:fixed;top:10px;left:10px;z-index:1900;background:#13131fe6;border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:5px 9px;font-family:inherit;font-size:.7rem;cursor:pointer}.in-game-menu-btn:active{transform:scale(.95)}.screen-topbar h2{margin:0;font-size:1.05rem;color:var(--gold)}.leaderboard-list{display:flex;flex-direction:column;gap:6px}.leaderboard-row{display:flex;align-items:center;gap:10px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.leaderboard-row.me{border-color:var(--neon-2);box-shadow:0 0 10px #22d3ee40}.leaderboard-rank{width:26px;text-align:center;font-weight:700;color:var(--text-dim);font-size:.8rem}.leaderboard-row:nth-child(1) .leaderboard-rank{color:var(--gold);font-size:1rem}.leaderboard-row:nth-child(2) .leaderboard-rank{color:#d1d5db}.leaderboard-row:nth-child(3) .leaderboard-rank{color:#c9a227}.leaderboard-info{flex:1;min-width:0}.leaderboard-name{font-size:.82rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-level{font-size:.62rem;color:var(--text-dim)}.leaderboard-gold{font-size:.85rem;font-weight:700;color:var(--gold);white-space:nowrap}.leaderboard-state{text-align:center;color:var(--text-dim);font-size:.8rem;padding:30px 10px;line-height:1.6}.howtoplay-content{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:16px;font-size:.8rem;line-height:1.7;color:var(--text)}.howtoplay-content h3{margin:14px 0 4px;font-size:.85rem;color:var(--neon-2)}.howtoplay-content h3:first-child{margin-top:0}.howtoplay-content p{margin:0 0 4px;color:var(--text-dim)}.auth-screen{max-width:520px;margin:0 auto;min-height:100vh;position:relative}.auth-back-btn{position:absolute;top:14px;left:14px;z-index:20;width:36px;height:36px;border-radius:50%;background:#0a0a128c;border:1px solid rgba(255,255,255,.18);color:var(--text);font-size:1rem;line-height:1;cursor:pointer;backdrop-filter:blur(4px)}.auth-back-btn:active{transform:scale(.94)}.auth-hero{position:relative;height:230px}.auth-hero-clip{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 78% 18%,#ffd16638,#ffd16600 42%),linear-gradient(180deg,#1a0f3d,#2d1a63 42%,#0f3b52 78%,#0a2a3a)}.auth-hero-moon{position:absolute;top:18px;right:22px;font-size:3.6rem;filter:drop-shadow(0 0 20px rgba(255,209,102,.55)) drop-shadow(0 0 36px rgba(124,58,237,.4));opacity:.95;animation:heroFloat 6s ease-in-out infinite}.auth-hero-balloon{position:absolute;font-size:1.7rem;filter:drop-shadow(0 0 10px rgba(34,211,238,.5));animation:heroFloat 5s ease-in-out infinite}.auth-hero-balloon.b1{top:40px;left:20%;animation-delay:-1.2s}.auth-hero-balloon.b2{top:72px;left:42%;font-size:1.3rem;opacity:.8;animation-delay:-3s}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-hero-spark{position:absolute;font-size:.6rem;opacity:.7}.auth-hero-spark.s1{top:14px;left:10%}.auth-hero-spark.s2{top:30px;left:55%;opacity:.5}.auth-hero-spark.s3{top:58px;left:80%;opacity:.6}.auth-hero-spark.s4{top:16px;left:38%;opacity:.45}.auth-hero-mountain{position:absolute;bottom:0;clip-path:polygon(50% 0%,100% 100%,0% 100%)}.auth-hero-mountain.m1{width:58%;height:52%;left:4%;background:#06060c;z-index:3}.auth-hero-mountain.m2{width:62%;height:68%;left:36%;background:#120a2b;opacity:.92;z-index:2}.auth-hero-mountain.m3{width:50%;height:40%;left:-6%;background:#1c1439;opacity:.75;z-index:1}.auth-hero-chevron{position:absolute;left:50%;bottom:-18px;transform:translate(-50%);width:38px;height:38px;border-radius:50%;background:var(--bg-panel);border:1px solid var(--border);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1;z-index:10;box-shadow:0 4px 16px #00000073,0 0 14px #ffd16633}.auth-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:0;position:relative;z-index:5;padding:30px 22px 26px;text-align:center}.auth-title{margin:0 0 20px;font-size:1.2rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(90deg,var(--gold),var(--neon-2));-webkit-background-clip:text;background-clip:text;color:transparent}.auth-subtitle{margin:-14px 0 18px;font-size:.78rem;color:var(--text-dim)}.auth-mandatory-hint{margin:-10px 0 18px;font-size:.68rem;color:var(--text-dim);opacity:.8}.auth-form{display:flex;flex-direction:column;gap:12px;text-align:left}.auth-input-row{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:16px;font-size:.85rem;opacity:.6;pointer-events:none}.auth-input{width:100%;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:999px;color:var(--text);font-family:inherit;font-size:.85rem;padding:14px 18px 14px 40px}.auth-input::placeholder{color:var(--text-dim);opacity:.8}.auth-input:focus{outline:none;border-color:var(--neon-2);box-shadow:0 0 0 3px #22d3ee26}.auth-error{font-size:.72rem;color:var(--danger);background:#ff4d6d1a;border:1px solid rgba(255,77,109,.35);border-radius:10px;padding:8px 12px;text-align:center}.auth-continue-btn{width:100%;padding:15px;border-radius:999px;border:none;font-family:inherit;font-weight:800;font-size:.85rem;letter-spacing:1px;text-transform:uppercase;color:#0a0a12;background:linear-gradient(90deg,var(--gold),var(--neon-2));box-shadow:0 6px 22px #7c3aed59;cursor:pointer;margin-top:6px}.auth-continue-btn:active{transform:scale(.98)}.auth-continue-btn:disabled{opacity:.6;cursor:not-allowed}.auth-switch-link{background:none;border:none;color:var(--neon-2);font-size:.7rem;font-weight:700;cursor:pointer;padding:4px;margin:4px auto 0;text-align:center}.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0 2px;font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px;border-radius:999px;background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text);font-family:inherit;font-weight:700;font-size:.82rem;cursor:pointer}.auth-social-btn:active{transform:scale(.98)}.auth-social-btn:disabled{opacity:.6;cursor:not-allowed}.auth-social-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fff;color:#1a1a2e;font-weight:900;font-size:.75rem}.auth-legal{margin:10px 0 0;font-size:.62rem;color:var(--text-dim);opacity:.75;text-align:center;line-height:1.5}.auth-footer{margin-top:22px;text-align:center;font-size:.6rem;color:var(--text-dim);opacity:.5}.biometric-icon{font-size:3.4rem;text-align:center;margin:8px 0 22px;filter:drop-shadow(0 0 18px rgba(124,58,237,.4))}.menu-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin:10px 0 6px;font-size:.72rem;color:var(--text-dim)}.menu-toggle-row button{background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:6px 14px;font-family:inherit;font-size:.68rem;font-weight:700;cursor:pointer}.menu-toggle-row button.on{color:var(--gold);border-color:var(--gold-dim)}.menu-avatar{font-size:1.3rem;line-height:1}.settings-section{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:14px}.settings-label{display:block;font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.settings-save-btn{margin-top:10px}.avatar-preview{font-size:2.6rem;text-align:center;margin-bottom:12px;filter:drop-shadow(0 0 14px rgba(124,58,237,.35))}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.avatar-option{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:12px;font-size:1.3rem;padding:10px 0;cursor:pointer}.avatar-option:active{transform:scale(.95)}.avatar-option.selected{border-color:var(--gold);box-shadow:0 0 0 2px #ffd16640}.avatar-option:disabled{opacity:.6;cursor:not-allowed}