:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #ecfeff; background: #061117; --core: #45e2eb; --core2: #efffff; --core-shadow: rgba(69,226,235,.62); }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; background: linear-gradient(rgba(64,220,232,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(64,220,232,.05) 1px,transparent 1px),radial-gradient(circle at 35% 45%,#123846 0,#081b24 35%,#050d12 78%); background-size:38px 38px,38px 38px,auto; }
button,input,a { font:inherit; } button { border:0; cursor:pointer; } button:disabled { cursor:not-allowed; }
.is-locked { display:none!important; }
.login-gate { position:fixed; inset:0; z-index:50; display:grid; place-items:center; padding:16px; background:radial-gradient(circle at 50% 35%,#174858,#07151c 58%,#03080b); }
.login-gate.hidden { display:none; }
.login-card { display:grid; gap:13px; width:min(420px,100%); border:1px solid rgba(104,235,243,.28); padding:28px; background:rgba(5,17,23,.94); box-shadow:0 28px 90px rgba(0,0,0,.56); }
.login-card>span,.section-heading span,.score-board>span,.mission-card span,.upgrade-panel header span,.rebirth-card span,.creator-vault span { color:#74eaf0; font-size:.68rem; font-weight:950; letter-spacing:.12em; }
.login-card h1 { margin:0; font-size:clamp(2rem,9vw,3.5rem); line-height:.92; }.login-card p { margin:0 0 4px; color:#9db7bb; }.login-card label { display:grid; gap:6px; color:#d9f0f1; font-size:.78rem; font-weight:850; }
.login-card input,.creator-vault input { width:100%; border:1px solid #31515a; border-radius:4px; padding:12px; color:#efffff; background:#0b222b; outline:0; }.login-card input:focus,.creator-vault input:focus { border-color:#5ce5ed; box-shadow:0 0 0 3px rgba(92,229,237,.1); }
.login-card>button { min-height:48px; margin-top:4px; color:#052026; background:#5ce5ed; font-weight:950; }.login-card small { min-height:18px; color:#90a9ad; text-align:center; }.login-card a { color:#91acaf; font-size:.76rem; font-weight:800; text-align:center; }
.login-core { position:relative; width:82px; height:82px; margin:0 auto 6px; border:5px solid #1d5360; border-radius:50%; background:#0b303b; box-shadow:0 0 30px rgba(69,226,235,.32); }.login-core i { position:absolute; inset:18px; border-radius:50%; background:#58e8ef; box-shadow:0 0 18px #58e8ef; }
.clicker-shell { width:min(1180px,calc(100vw - 24px)); margin:0 auto; padding:16px 0 28px; }
.clicker-topbar { display:grid; grid-template-columns:150px 1fr 180px; align-items:center; min-height:92px; border:1px solid rgba(132,239,247,.18); padding:14px 18px; background:rgba(5,17,23,.88); }
.topbar-actions{display:flex;align-items:stretch;gap:8px}.back-button,.reset-button{display:inline-grid;place-items:center;width:fit-content;border:1px solid #5ce5ed;padding:11px 14px;font-size:.82rem;font-weight:950;text-decoration:none}.back-button{color:#07181d;background:#5ce5ed}.reset-button{color:#ff8c7c;border-color:#ff6d5d;background:rgba(255,74,62,.08)}.reset-button:hover,.reset-button:focus-visible{color:#07181d;background:#ff7667;outline:0;box-shadow:0 0 0 3px rgba(255,109,93,.18)}.brand-block{text-align:center}.brand-block span,.profile-block>span{color:#74eaf0;font-size:.68rem;font-weight:950;letter-spacing:.12em}.brand-block h1{margin:2px 0 0;font-size:clamp(1.65rem,5vw,3.25rem);line-height:.95}.profile-block{text-align:right}.profile-block strong{display:block;color:#fff36d}.profile-block button{margin-top:5px;padding:4px 7px;color:#8fa9ad;background:transparent;font-size:.68rem;text-decoration:underline}
.game-tabs { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid rgba(132,239,247,.16); border-top:0; background:#07171e; }.game-tabs button { min-height:46px; border-right:1px solid rgba(132,239,247,.12); color:#8da8ac; background:transparent; font-size:.78rem; font-weight:900; }.game-tabs button:last-child{border-right:0}.game-tabs button.active{color:#07181d;background:#5ce5ed}
.dashboard { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr); gap:14px; margin-top:14px; }.main-panel,.upgrade-panel{min-height:650px;border:1px solid rgba(132,239,247,.16);background:rgba(5,16,22,.86)}.main-panel{position:relative;overflow:hidden}.view{display:none;min-height:648px;padding:22px}.view.active{display:block}
.score-board{text-align:center}.score-board strong{display:block;margin-top:2px;color:#fff;font-size:clamp(2.8rem,8vw,5.2rem);line-height:1}.score-board small{color:#9cb8bc;font-weight:800}.score-board small b{color:var(--core)}
.reactor-zone{position:relative;display:grid;place-items:center;height:365px;isolation:isolate}.energy-rings,.energy-rings i{position:absolute;inset:50%;border:2px solid var(--core);border-radius:50%;opacity:.4;transform:translate(-50%,-50%)}.energy-rings{width:310px;height:310px;animation:spin 16s linear infinite}.energy-rings i:nth-child(1){width:250px;height:110px;transform:translate(-50%,-50%) rotate(24deg)}.energy-rings i:nth-child(2){width:280px;height:160px;transform:translate(-50%,-50%) rotate(-38deg)}.energy-rings i:nth-child(3){width:14px;height:14px;border:0;background:var(--core2);box-shadow:0 0 18px var(--core);opacity:1;transform:translate(112px,-72px)}
.reactor-button{position:relative;width:214px;height:214px;border:10px solid #173844;border-radius:50%;padding:0;background:#0d2530;box-shadow:0 18px 0 #061218,0 24px 42px rgba(0,0,0,.48),inset 0 0 0 5px var(--core);transition:transform 80ms ease,box-shadow 80ms ease;touch-action:manipulation}.reactor-button:hover{transform:translateY(-3px)}.reactor-button:active,.reactor-button.is-hit{transform:translateY(8px) scale(.97);box-shadow:0 8px 0 #061218,0 12px 24px rgba(0,0,0,.4),inset 0 0 0 5px var(--core2)}.reactor-glow{position:absolute;inset:25px;border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--core2) 0 6%,var(--core) 28%,#0b6878 100%);box-shadow:0 0 24px var(--core),0 0 72px var(--core-shadow)}.reactor-center{position:absolute;inset:0;display:grid;place-content:center;color:#052026;text-shadow:0 1px rgba(255,255,255,.55)}.reactor-center b{font-size:1.4rem}.reactor-center small{font-size:1rem;font-weight:950}.index-multiplier{position:absolute;bottom:12px;border:1px solid var(--core);padding:6px 13px;color:var(--core2);background:rgba(8,20,25,.84);font-size:.86rem;font-weight:950}.energy-pop{position:absolute;z-index:8;color:var(--core2);font-size:1.2rem;font-weight:950;pointer-events:none;text-shadow:0 0 10px var(--core);animation:pop 700ms ease-out forwards}
body.special-rainbow .reactor-glow{background:conic-gradient(#ff5151,#ffe45d,#55e383,#4bdcf2,#8068ff,#ff62cf,#ff5151);animation:hue 2s linear infinite}body.special-cosmic .reactor-zone::before,body.special-tropical .reactor-zone::before,body.special-firm .reactor-zone::before{position:absolute;inset:25px;background-image:radial-gradient(circle,#fff 0 1px,transparent 2px);background-size:27px 31px;opacity:.55;content:"";animation:stars 5s linear infinite}body.special-tropical .reactor-glow{background:conic-gradient(#49f18b,#fff59a,#20c7d9,#49f18b)}body.special-firm .reactor-glow{background:radial-gradient(circle at 38% 32%,#fff8da,#ffb43e 25%,#ff5438 58%,#761d24 100%)}
.mission-card{display:grid;gap:9px;border-left:5px solid var(--core);padding:14px 16px;background:#0c232d}.mission-card>div:first-child{display:flex;justify-content:space-between;gap:12px}.mission-card strong{font-size:.92rem}.mission-card>b{color:#abc3c6;font-size:.72rem}.mission-progress{height:9px;overflow:hidden;background:#071217}.mission-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--core),var(--core2));transition:width 180ms ease}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(132,239,247,.14);padding-bottom:16px}.section-heading h2,.upgrade-panel h2{margin:2px 0 0;font-size:2rem}.section-heading p{max-width:280px;margin:0;color:#90a9ad;font-size:.76rem;line-height:1.45;text-align:right}
.core-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-height:470px;margin-top:16px;padding-right:6px;overflow:auto}.core-card{position:relative;display:grid;place-items:center;gap:6px;min-height:116px;border:1px solid #29424b;padding:10px;color:#eaffff;background:#0a1c23;text-align:center}.core-card:hover{border-color:var(--swatch)}.core-card.selected{border:3px solid var(--swatch);box-shadow:inset 0 0 22px rgba(255,255,255,.08)}.core-swatch{width:37px;height:37px;border:4px solid rgba(255,255,255,.7);border-radius:50%;background:var(--swatch);box-shadow:0 0 17px var(--swatch)}.core-card.special-rainbow .core-swatch{background:conic-gradient(#ff4d4d,#ffe45d,#4ee384,#48dff1,#8d6cff,#ff5bd2,#ff4d4d)}.core-card.special-cosmic .core-swatch{background:radial-gradient(circle at 35% 30%,#fff 0 5%,#708cff 24%,#392b75 58%,#090c24 100%)}.core-card.special-tropical .core-swatch{background:conic-gradient(#49f18b,#fff59a,#20c7d9,#49f18b)}.core-card.special-firm .core-swatch{background:radial-gradient(circle,#fff0a8,#ff784e 48%,#8c2031)}.core-card strong{font-size:.74rem}.core-card small{color:#92aaae;font-size:.63rem}.core-lock{position:absolute;right:8px;top:7px;color:#9fb0b3;font-size:.65rem;font-weight:950}
.creator-vault{display:grid;grid-template-columns:1fr 250px;gap:12px;margin-top:16px;border:1px solid rgba(255,243,109,.22);padding:13px;background:#171a1d}.creator-vault strong{display:block;margin-top:3px}.creator-vault p{margin:3px 0 0;color:#899fa3;font-size:.68rem}.creator-vault form{display:flex;align-items:center}.creator-vault button{align-self:stretch;padding:0 12px;color:#07181d;background:#fff36d;font-size:.7rem;font-weight:950}.creator-vault small{grid-column:1/-1;min-height:14px;color:#fff36d;font-size:.68rem}
.ranking-list{display:grid;gap:7px;margin:18px 0 0;padding:0;list-style:none}.rank-row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;min-height:47px;border:1px solid #263d45;padding:0 14px;background:#091b22}.rank-row strong{font-size:.84rem}.rank-row b{color:#72e5ec}.rank-number{color:#778f93;font-size:.75rem;font-weight:950}.rank-row.first{min-height:64px;border:2px solid #fff36d;background:linear-gradient(90deg,rgba(255,243,109,.15),#0d2027)}.rank-row.first .rank-number{color:#fff36d;font-size:1.2rem}.rank-row.first strong::after{margin-left:9px;border:1px solid #fff36d;padding:3px 6px;color:#fff36d;font-size:.55rem;content:"CHAMPION"}.rank-row.you{border-left:5px solid #5ce5ed}.network-note{margin:12px 0 0;color:#71898d;font-size:.68rem;text-align:center}
.trophy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.trophy-card{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:12px;min-height:108px;border:1px solid #2b4047;padding:13px;color:#657a7e;background:#09191f}.trophy-card.unlocked{border-color:#fff36d;color:#f5fcfc;background:linear-gradient(120deg,rgba(255,243,109,.12),#0b1c22)}.trophy-icon{display:grid;place-items:center;width:52px;height:52px;border:5px solid currentColor;border-radius:50%;font-size:1.3rem;font-weight:950}.trophy-card strong,.trophy-card small{display:block}.trophy-card small{margin-top:5px;color:#7f969a;font-size:.68rem;line-height:1.35}.trophy-card.unlocked small{color:#b6c9cb}
.upgrade-panel{padding:20px}.upgrade-panel>header{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid rgba(132,239,247,.13);padding-bottom:14px}.upgrade-panel>header>strong{color:#9cb8bc;font-size:.75rem}.upgrade-list{display:grid;gap:8px;margin-top:14px}.upgrade{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;width:100%;min-height:68px;border:1px solid rgba(132,239,247,.13);padding:9px;color:#efffff;background:#0d232c;text-align:left}.upgrade:hover:not(:disabled){border-color:#5ce5ed;background:#12313c}.upgrade:disabled{opacity:.52}.upgrade-icon{display:grid;place-items:center;width:40px;height:40px;border:2px solid currentColor;border-radius:50%;color:#5ce5ed;background:rgba(92,229,237,.08);font-weight:950}.upgrade strong,.upgrade small{display:block}.upgrade small{margin-top:2px;color:#9cb8bc;font-size:.66rem}.upgrade-price{color:#fff36d;font-size:.76rem;font-weight:950;white-space:nowrap}
.rebirth-card{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;margin-top:14px;border:1px solid rgba(255,243,109,.24);padding:12px;background:#181b1e}.rebirth-mark{display:grid;place-items:center;width:42px;height:42px;border:3px solid #fff36d;border-radius:50%;color:#fff36d;font-weight:950}.rebirth-card strong{display:block;margin-top:3px;color:#fff36d;font-size:.8rem}.rebirth-card p{margin:3px 0 0;color:#8ea4a8;font-size:.64rem;line-height:1.3}.rebirth-card button{min-width:76px;min-height:38px;color:#101a1c;background:#fff36d;font-size:.7rem;font-weight:950}.rebirth-card button:disabled{color:#809195;background:#344248}.lifetime-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.lifetime-stats span{padding:9px;color:#82999d;background:#09191f;font-size:.6rem;font-weight:900;text-align:center}.lifetime-stats b{display:block;margin-top:2px;color:#eaffff;font-size:.76rem}
.toast{position:fixed;left:50%;bottom:24px;z-index:60;min-width:260px;max-width:calc(100vw - 24px);padding:13px 18px;color:#061519;background:#fff36d;font-weight:950;text-align:center;transform:translate(-50%,150%);transition:transform 220ms ease}.toast.show{transform:translate(-50%,0)}
.delete-account-button{display:grid;place-items:center;min-width:38px;width:38px;border:1px solid #ff8c7c;color:#ffb4a9;background:#331e24;border-radius:4px;cursor:pointer}.delete-account-button svg{width:18px;height:18px}.delete-account-button:hover{background:#66303a}.delete-account-button:focus-visible{outline:2px solid #fff36d;outline-offset:3px}.delete-account-button:disabled{opacity:.5;cursor:wait}.topbar-actions{flex-wrap:wrap}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:translate(-50%,8px) scale(.7)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-74px) scale(1.2)}}@keyframes hue{to{filter:hue-rotate(360deg)}}@keyframes stars{to{background-position:54px 62px}}
@media(max-width:860px){.clicker-topbar{grid-template-columns:1fr auto}.brand-block{grid-column:1/-1;grid-row:1;margin-bottom:14px}.topbar-actions{grid-column:1;grid-row:2}.profile-block{grid-column:2;grid-row:2}.dashboard{grid-template-columns:1fr}.main-panel,.upgrade-panel{min-height:0}.view{min-height:600px}}
@media(max-width:560px){.clicker-shell{width:calc(100% - 12px);padding-top:6px}.topbar-actions{gap:5px}.back-button,.reset-button{padding:9px 10px;font-size:.72rem}.game-tabs{grid-template-columns:1fr 1fr}.game-tabs button:nth-child(2){border-right:0}.game-tabs button:nth-child(-n+2){border-bottom:1px solid rgba(132,239,247,.12)}.view,.upgrade-panel{padding:14px}.reactor-zone{height:320px}.reactor-button{width:184px;height:184px}.energy-rings{width:260px;height:260px}.core-grid{grid-template-columns:repeat(2,1fr)}.creator-vault{grid-template-columns:1fr}.creator-vault small{grid-column:auto}.trophy-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading p{margin-top:7px;text-align:left}.mission-card>div:first-child{display:grid}.login-card{padding:21px}}
