@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@400;500;600;700;800&display=swap');
:root{--bg:#07121e;--text:#f1f4f7;--muted:#91a5b7;--cyan:#7afcdd;--gold:#ffd091;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,'Trebuchet MS',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#space{position:fixed;inset:0;width:100%;height:100%;z-index:-1}.screen{max-width:1400px;padding:32px 58px 24px;margin:auto}.topline,.brand,.top-actions,.wallet{display:flex;align-items:center}.topline{justify-content:space-between}.brand{font-family:Unbounded,sans-serif;font-weight:700;font-size:22px;gap:11px;letter-spacing:2px}.brand-mark{font-size:32px;color:var(--cyan)}.brand-small{font:600 9px Manrope,sans-serif;letter-spacing:3px;max-width:75px;line-height:1.6;margin-left:14px;color:#bed4df}.top-actions{gap:12px}.wallet{gap:10px;font-size:14px;margin-right:12px}.diamond{color:var(--cyan)}.icon-btn{width:40px;height:40px;border:1px solid #aacbdd25;background:#15263888;border-radius:50%;font-size:18px;backdrop-filter:blur(12px)}.icon-btn:hover{background:#254453aa;border-color:#7afcdd70}.hero{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:440px;padding-top:25px}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:800;color:#a6c6d2;display:flex;gap:10px;align-items:center}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}h1{font-family:Unbounded,'Trebuchet MS',sans-serif;font-size:clamp(28px,3.5vw,48px);line-height:1.35;letter-spacing:-1.8px;margin:23px 0 21px;font-weight:600}h1 em{font-style:normal;color:var(--cyan)}.intro{font-size:15px;color:#b2c4d0;line-height:1.9}.hero-buttons{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.primary{border:0;background:var(--cyan);color:#092a29;font-size:13px;font-weight:800;padding:17px 24px;border-radius:10px;box-shadow:0 5px 35px #5fffc81c}.primary:hover{background:#a9ffeb;transform:translateY(-1px)}.primary span{margin-left:27px;font-size:20px}.secondary{border:1px solid #9dced040;background:#132b3b99;border-radius:10px;padding:14px 20px;font-weight:700;font-size:13px}.hero-note{color:#63828f;font-size:10px;margin-top:19px;letter-spacing:.25px}.hero-note span{margin:0 9px;color:var(--cyan)}.hero-art{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.hero-art img{width:400px;height:400px;object-fit:contain;z-index:2;filter:drop-shadow(0 20px 30px #02091699);animation:breathe 5s ease-in-out infinite}.hero-aura{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#bdfaff19,#6affd00a 40%,transparent 70%)}.orbit{position:absolute;border:1px solid #8fffd21c;border-radius:50%;width:430px;height:185px;transform:rotate(-25deg)}.orbit-b{transform:rotate(55deg);width:360px;height:180px}.hero-caption{position:absolute;bottom:21px;right:0;font-size:11px;letter-spacing:3px;color:var(--gold)}.hero-caption small{display:block;font-size:7px;letter-spacing:2px;color:#83a8b7;margin-top:7px}.floating-crystal{position:absolute;color:var(--cyan);text-shadow:0 0 15px #70ffcf88;font-size:38px;z-index:3;animation:float 4s ease-in-out infinite}.crystal-a{left:18px;top:92px;transform:rotate(12deg)}.crystal-b{right:20px;top:110px;font-size:24px;animation-delay:-2s}.crystal-c{right:64px;bottom:35px;color:var(--gold);font-size:17px;animation-delay:-1s}.world-section{margin-top:18px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head .eyebrow{font-size:8px;margin-bottom:9px}.section-head h2{font-size:18px;font-weight:600;margin:0}.star-total{font-size:12px;color:#a7bbc7}.star-total span{color:var(--gold);margin-left:8px}.worlds{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:24px}.world-card{position:relative;text-align:left;border:1px solid #b6d5e622;border-radius:16px;background:linear-gradient(140deg,#20364580,#0b1a2bd9);padding:17px 18px 18px;overflow:hidden;transition:transform .2s,border-color .2s;min-height:192px}.world-card:not(:disabled):hover{transform:translateY(-5px);border-color:var(--world)}.world-card.active{border-color:#70ffcd70;background:linear-gradient(140deg,#234c4c88,#0b1a2bcc)}.world-card:disabled{opacity:.62}.world-number{font-size:9px;letter-spacing:2px;color:#9aacb9}.lock{float:right;font-size:12px;color:#688492}.planet-thumb{margin:12px auto 14px;width:67px;height:67px;border-radius:50%;background:radial-gradient(circle at 32% 27%,var(--world),var(--planet) 40%,#081423 88%);box-shadow:0 0 25px color-mix(in srgb,var(--world) 15%,transparent),inset -8px -5px 12px #030813;position:relative}.planet-thumb:after{content:'';position:absolute;inset:19px -12px;transform:rotate(-25deg);border:1px solid color-mix(in srgb,var(--world) 40%,transparent);border-radius:50%}.world-card b{display:block;font-size:11px;font-weight:700;margin-bottom:6px}.world-card small{font-size:8px;color:#738d9d;letter-spacing:1.1px}.world-stars{position:absolute;top:18px;right:16px;font-size:10px;color:var(--gold);letter-spacing:2px}.bottom-lobby{display:flex;justify-content:space-between;align-items:center;margin-top:23px;gap:20px}.workshop{display:flex;gap:15px;align-items:center;text-align:left;border:1px solid #9eafc522;border-radius:12px;padding:16px 20px;background:#13263999;width:440px}.workshop>span:first-child{font-size:24px;color:var(--gold)}.workshop>span:last-child{margin-left:auto;color:#a7b8c4}.workshop b{display:block;font-size:11px;margin-bottom:6px}.workshop small{font-size:9px;color:#8198a7}.telegram-link{font-size:11px;color:#a2c9d7}.telegram-link:hover{color:var(--cyan)}footer{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#5c7a8e;margin-top:25px}footer span{letter-spacing:.3px}body.playing{overflow:hidden;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none;padding-top:var(--safe-top)}#hud button{pointer-events:auto}.hud-top{display:flex;align-items:flex-start;gap:16px;padding:24px 30px}.mission{display:flex;flex-direction:column;gap:6px;text-shadow:0 2px 8px #000}.mission small{font-size:8px;letter-spacing:2px;color:var(--cyan)}.mission b{font-size:16px}.mission>span{font-size:11px;color:#b0c5d3}.hud-stats{margin-left:auto;display:flex;gap:20px;align-items:center;font-size:15px}.gem-stat{display:flex;gap:8px;align-items:center}.gem-stat i{font-style:normal;color:var(--cyan);text-shadow:0 0 15px #80ffdb}.gem-stat small{color:#879fb3;font-size:12px}#hearts{color:#ff9d8d;font-size:16px;letter-spacing:4px}.level-track{margin:0 32px;height:2px;background:#a8d3db26;position:relative}.level-track div{height:2px;background:var(--cyan);width:0;box-shadow:0 0 10px #7affdf}.level-track span{position:absolute;top:12px;font-size:10px;letter-spacing:1px;color:#c8dce4}#timer{right:0;color:#8ca6b7}.toast{position:absolute;top:165px;left:50%;transform:translateX(-50%);max-width:80%;padding:12px 20px;border:1px solid #8eeac344;border-radius:10px;background:#0a2635dc;font-size:12px;text-align:center;color:#d6efe9;backdrop-filter:blur(10px)}.desktop-keys{position:absolute;bottom:26px;width:100%;text-align:center;color:#8facbf;font-size:10px}kbd{display:inline-block;border:1px solid #94b8cd35;border-radius:4px;padding:4px 6px;margin:0 4px 0 14px;background:#17304666;font:10px Manrope}.touch-controls{display:none;position:absolute;bottom:calc(22px + var(--safe-bottom));left:20px;right:20px;justify-content:space-between;align-items:flex-end}.direction,.abilities{display:flex;gap:12px;align-items:flex-end}.touch-controls button{width:64px;height:64px;border-radius:19px;background:#153447b0;border:1px solid #a8d3e24d;backdrop-filter:blur(10px);font-size:38px;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:center;flex-direction:column}.touch-controls button small{font-size:7px;letter-spacing:1px}.touch-controls .jump-btn{width:82px;height:82px;background:#6bffda30;border-color:#90ffdf90;color:#9affdf}.touch-controls .dash-btn{font-size:34px;border-radius:50%;width:59px;height:59px;color:var(--gold)}.touch-controls button.pressed{background:#6bffd970}.touch-controls .dash-btn.cooldown{opacity:.4}.tutorial{position:absolute;bottom:95px;left:50%;transform:translateX(-50%);width:420px;max-width:90%;text-align:center;background:#091b2cec;border:1px solid #7dffc64a;border-radius:14px;padding:22px;pointer-events:auto;backdrop-filter:blur(12px)}.tutorial b{display:block;font-size:16px;margin-bottom:12px}.tutorial span{font-size:11px;line-height:1.9;color:#adc5d6}.tutorial button{display:block;margin:18px auto 0;background:var(--cyan);color:#082b2b;border:0;padding:10px 25px;border-radius:7px;font-size:12px;font-weight:800}.modal{position:fixed;inset:0;background:#020a16b0;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:22px;z-index:10}.modal-panel{position:relative;max-width:510px;width:100%;background:linear-gradient(145deg,#16313e,#0b1729);border:1px solid #a1ddd63b;border-radius:24px;padding:38px;box-shadow:0 30px 100px #0005;max-height:90dvh;overflow:auto}.modal-close{position:absolute;right:15px;top:15px;width:30px;height:30px;font-size:20px}.modal h2{font-family:Unbounded,sans-serif;font-size:24px;line-height:1.5;margin:16px 0}.modal p{color:#a6bdcb;font-size:13px;line-height:1.8}.modal .eyebrow{font-size:9px;color:var(--cyan)}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.result-stars{font-size:50px;letter-spacing:10px;color:var(--gold);text-align:center;text-shadow:0 0 30px #ffbd4940;margin:14px 0 22px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:12px;margin:20px 0}.result-grid strong{display:block;font-size:22px;color:#e6fff5}.result-grid small{font-size:10px;color:#83a2b5}.upgrade-row{display:flex;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid #b0d6e01c}.upgrade-row .upgrade-icon{font-size:25px;color:var(--gold)}.upgrade-row div{flex:1}.upgrade-row b{font-size:13px}.upgrade-row small{display:block;font-size:10px;color:#8aa9bc;margin-top:5px}.upgrade-row button{font-size:11px;padding:10px 14px;white-space:nowrap}.help-lines{display:grid;grid-template-columns:auto 1fr;gap:12px;font-size:12px;color:#a6becb;margin:20px 0}.help-lines b{color:var(--cyan)}.noscript{padding:30px}.chapter-art{height:70px;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--cyan)}.save-warning{color:var(--gold)!important}@keyframes breathe{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes float{50%{translate:0 -12px}}@media(min-width:1600px){.screen{padding-top:48px}.hero{min-height:520px}.hero-art{height:470px}.hero-art img{width:460px;height:460px}.world-card{min-height:220px}.planet-thumb{width:88px;height:88px}}@media(pointer:coarse){.touch-controls{display:flex}.desktop-keys{display:none}.tutorial{bottom:145px}}@media(max-width:900px){.screen{padding:22px 28px}.brand-small{display:none}.hero{min-height:370px;grid-template-columns:1.15fr 1fr}h1{font-size:30px}.hero-art{height:320px}.hero-art img{width:320px;height:320px}.orbit{width:300px}.intro{font-size:13px}.hero-note{font-size:8px}.worlds{gap:8px}.world-card{padding:14px 12px;min-height:178px}.world-card b{font-size:10px}.world-card small{font-size:6px}.hero-caption{right:10px;bottom:5px}.hero-buttons .primary{padding:14px 16px;font-size:11px}.hero-buttons .primary span{margin-left:10px}.hud-top{padding:20px;gap:12px}.hud-stats{gap:12px}.mission b{font-size:14px}.mission>span{font-size:10px}}@media(max-width:620px){.screen{padding:calc(16px + var(--safe-top)) 22px 24px}.topline .brand{font-size:18px}.brand-mark{font-size:25px}.top-actions{gap:8px}.wallet{margin-right:3px;font-size:12px}.icon-btn{width:34px;height:34px;font-size:16px}.hero{display:block;min-height:570px;padding-top:25px}.hero-copy{position:relative;z-index:3}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:27px;line-height:1.45;margin:18px 0 14px;letter-spacing:-1px}.intro{font-size:12px;line-height:1.8;max-width:245px}.desktop{display:none}.hero-art{position:absolute;right:-22px;bottom:23px;width:250px;height:255px;z-index:1}.hero-art img{width:255px;height:255px}.hero-aura{width:250px;height:250px}.orbit{width:275px;height:110px}.orbit-b{width:210px}.hero-caption{bottom:0;font-size:8px;right:18px}.hero-caption small{font-size:6px}.crystal-a{left:5px;top:40px;font-size:24px}.crystal-b{right:15px;top:65px;font-size:17px}.crystal-c{right:30px;bottom:45px;font-size:12px}.hero-buttons{margin-top:22px;max-width:300px}.hero-buttons .primary{padding:15px 18px;font-size:12px}.hero-note{max-width:160px;font-size:9px;line-height:1.9;margin-top:20px}.hero-note span{margin:0 4px}.world-section{margin-top:0}.section-head h2{font-size:14px}.section-head .eyebrow{font-size:7px}.worlds{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:20px -22px 0;padding:0 22px 14px;gap:12px;scrollbar-width:thin;scrollbar-color:#66ffd533 transparent}.world-card{min-width:150px;min-height:190px;padding:17px;scroll-snap-align:center}.world-card b{font-size:11px}.world-card small{font-size:7px}.planet-thumb{width:75px;height:75px}.bottom-lobby{flex-direction:column;align-items:stretch;gap:22px;margin-top:12px}.workshop{width:100%;padding:15px}.telegram-link{text-align:center;font-size:12px}footer{flex-direction:column;text-align:center;gap:12px;margin-top:26px;font-size:7px}.hud-top{padding:15px 14px;gap:9px}.mission b{font-size:12px}.mission small{font-size:7px}.mission>span{font-size:9px;max-width:190px;line-height:1.5}.hud-stats{gap:9px;flex-wrap:wrap;justify-content:flex-end;max-width:92px;font-size:13px}.hud-stats .sound{display:none}#hearts{font-size:10px;letter-spacing:3px}.gem-stat small{font-size:9px}.gem-stat{gap:4px}.level-track{margin:0 16px}.toast{top:155px;font-size:11px;width:85%;max-width:85%;padding:10px}.touch-controls{left:12px;right:12px;bottom:calc(16px + var(--safe-bottom))}.direction,.abilities{gap:8px}.touch-controls button{width:56px;height:58px;border-radius:16px}.touch-controls .jump-btn{width:74px;height:74px}.touch-controls .dash-btn{width:51px;height:51px}.modal-panel{padding:30px 24px;border-radius:19px}.modal h2{font-size:20px}.modal p{font-size:12px}.tutorial span{font-size:10px}.tutorial{bottom:120px;padding:20px}.desktop-keys{display:none}.star-total{font-size:10px}}@media(max-height:540px) and (orientation:landscape){.hud-top{padding:12px 20px}.mission>span{display:none}.touch-controls{bottom:10px}.touch-controls button{width:52px;height:52px}.touch-controls .jump-btn{width:65px;height:65px}.touch-controls .dash-btn{width:50px;height:50px}.toast{top:100px}.tutorial{bottom:65px;padding:14px}.tutorial b{font-size:13px;margin-bottom:5px}.tutorial button{margin-top:9px}.modal-panel{max-height:95dvh;padding:25px}.modal h2{font-size:18px;margin:10px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media(max-width:620px){.touch-controls{display:flex}}

/* Campaign edition — luminous planets, warm gold and quiet glass. */
:root{--gold:#f4c98c;--cyan:#98efd8;--muted:#93a7bb}
.screen{max-width:1450px;padding:30px 64px 28px}
.topline{padding-bottom:23px;border-bottom:1px solid #d9e6f010}
.brand{font-size:20px;letter-spacing:3px}.brand-mark{color:var(--gold)}.brand-small{color:#879aaf;font-size:8px}
.hero{min-height:510px;grid-template-columns:1.07fr 1fr;padding:20px 0 10px}.hero-copy{position:relative;z-index:2}
.hero .eyebrow{color:var(--gold);font-size:9px;letter-spacing:3px}.status-dot{background:var(--gold);box-shadow:0 0 12px #f4c98c}
h1{font-size:clamp(40px,5.1vw,68px);font-weight:500;letter-spacing:-3px;line-height:1.17;margin:24px 0}
h1 em{color:var(--gold);text-shadow:0 0 55px #f0bc8425}.intro{color:#acbed0;line-height:1.9;font-size:14px}
.primary{background:linear-gradient(110deg,#f9dca9,#edbd78);color:#241e1c;box-shadow:0 4px 30px #edbd7819;border:1px solid #ffe0b244;border-radius:9px;font-size:12px;transition:transform .18s,box-shadow .18s}.primary:hover{background:linear-gradient(110deg,#ffe8c1,#f4ce94);box-shadow:0 6px 32px #edbd7833}.primary:active{transform:translateY(1px)}
.secondary{background:#16263788;border-color:#d1dee526;border-radius:9px;transition:background .2s}.secondary:hover:not(:disabled){background:#20394d}.hero-buttons{gap:10px}
.hero-stats{display:flex;gap:33px;margin-top:34px}.hero-stats>div{display:flex;flex-direction:column;gap:7px}.hero-stats strong{font:400 24px Unbounded,sans-serif;color:#e2eaf1;letter-spacing:-1px}.hero-stats span{font-size:7px;letter-spacing:1.7px;color:#738aa0}
.hero-art{height:470px}.hero-art img{width:465px;height:465px;filter:drop-shadow(0 20px 40px #020916aa)}.hero-aura{width:460px;height:460px;background:radial-gradient(circle,#e1af6022,transparent 65%)}
.orbit{width:480px;height:240px;border-color:#edc58828}.orbit-b{width:440px;height:270px;border-color:#9df2db15}.hero-caption{right:10px;bottom:31px;color:var(--gold);font-size:10px;letter-spacing:4px}.hero-caption small{color:#7994a9;font-size:6px}.art-coordinate{position:absolute;top:22px;right:10px;color:#6d8a9c;font-size:7px;letter-spacing:2px}.crystal-a{left:25px;top:90px}.crystal-b{right:16px;top:138px}.crystal-c{bottom:55px}
.world-section{margin-top:28px}.section-head h2{font-family:Unbounded,sans-serif;font-size:21px;font-weight:400;letter-spacing:-.6px}.section-head .eyebrow{font-size:8px;letter-spacing:2px;color:#7290a5}.star-total{font-size:12px;border:1px solid #e0ca9629;border-radius:8px;padding:12px 15px;background:#d7bd7208;white-space:nowrap}.star-total span{color:var(--gold)}
.worlds{gap:10px;margin-top:25px}.world-card{min-height:184px;padding:15px 17px;background:linear-gradient(155deg,#1e304357,#0a172b99);border-color:#c8deed18;border-radius:12px}.world-card:hover{border-color:var(--world)}.world-card.active{border-color:var(--world);background:linear-gradient(145deg,color-mix(in srgb,var(--world) 12%,#112337),#09182ae0);box-shadow:inset 0 1px 0 #ffffff18,0 10px 32px #0002}.world-card b{font-size:11px}.world-card small{font-size:6px;color:#8a9fb0;letter-spacing:1.2px}.world-number{font-size:7px;color:#91a6b8;letter-spacing:1px}.world-stars{top:16px;font-size:8px;color:#bfcbd8;letter-spacing:0}.planet-thumb{width:72px;height:72px;margin:10px auto 15px;box-shadow:0 0 35px color-mix(in srgb,var(--world) 12%,transparent),inset -12px -8px 20px #020917,inset 4px 3px 10px #ffffff44}.planet-thumb:before{content:'';position:absolute;inset:6px 12px 28px 4px;border:4px solid #ffffff13;border-radius:50%;transform:rotate(-30deg)}
.campaign{--accent:#98efd8;position:relative;margin-top:16px;border:1px solid #bdcee01c;border-radius:16px;padding:29px;background:linear-gradient(130deg,#172a3b88,#081526d9);box-shadow:0 20px 50px #01071422}.campaign[data-world="1"]{--accent:#c5b1fc}.campaign[data-world="2"]{--accent:#ffae84}.campaign[data-world="3"]{--accent:#98ddec}.campaign[data-world="4"]{--accent:#f4c98c}
.campaign-heading{display:flex;gap:35px;justify-content:space-between;align-items:center;margin-bottom:23px}.campaign-heading .eyebrow{color:var(--accent);font-size:7px;letter-spacing:2px;margin:0 0 9px}.campaign-heading h3{font:400 20px Unbounded,sans-serif;margin:0 0 11px;letter-spacing:-.4px}.campaign-heading p:not(.eyebrow){color:#8fa6b9;font-size:11px;line-height:1.8;max-width:650px;margin:0}.campaign-progress{text-align:right;flex-shrink:0;display:flex;flex-direction:column;gap:9px}.campaign-progress strong{font:400 24px Unbounded,sans-serif;color:var(--accent)}.campaign-progress>span{font-size:6px;letter-spacing:1.5px;color:#7a91a3}
.mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mission-card{display:flex;flex-direction:column;text-align:left;padding:17px;border:1px solid #b2cada18;border-radius:10px;min-width:0;background:#05111f55;transition:background .2s,border-color .2s,transform .2s}.mission-card:hover:not(:disabled){transform:translateY(-3px);background:#20324380;border-color:var(--accent)}.mission-card:disabled{opacity:.48}.mission-card.next{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,#0b1c2e),#0b1c2e88)}.mission-card-top{display:flex;align-items:center;gap:9px;margin-bottom:20px;min-height:24px}.mission-icon{font-size:21px;color:var(--accent)}.mission-card-top small{font-size:6px;letter-spacing:1px;color:#a0b3c4}.mission-arrow{margin-left:auto;color:#7898ad;font-size:16px}.mission-card>b{font-size:12px;line-height:1.5;margin-bottom:9px}.mission-brief{font-size:10px;line-height:1.8;color:#90a6b9;flex:1;min-height:55px}.mission-requirements{display:block;color:var(--accent);font-size:10px;padding:17px 0 14px;letter-spacing:.4px}.mission-card-bottom{display:flex;justify-content:space-between;border-top:1px solid #a2bfd515;padding-top:12px;font-size:8px;color:#aebdcd}.mission-stars{color:var(--gold);letter-spacing:3px;font-size:12px}.campaign-note{font-size:9px;color:#687f94;margin:20px 0 0;line-height:1.7}.bottom-lobby{margin-top:20px}.workshop{background:#14233677;border-radius:11px;border-color:#d2b97629;width:470px;transition:border-color .2s}.workshop:hover{border-color:#d2b97688}.workshop small{color:#859caf}.telegram-link{font-size:11px;color:#8fa6bc}footer{margin-top:29px;border-top:1px solid #b8d4e712;padding-top:23px;gap:12px;font-size:6px;color:#6e879d;letter-spacing:1px}footer b{font-weight:600;color:#859bb0;font-size:7px;letter-spacing:1.2px}
.hud-top{background:linear-gradient(#041120f0,#04112099,transparent);padding-bottom:25px}.mission small{font-size:7px;letter-spacing:1.3px;color:var(--gold)}.mission b{font-family:Unbounded,sans-serif;font-size:14px;letter-spacing:-.3px}.mission>span{max-width:560px;line-height:1.6;font-size:10px}.level-track{margin-top:-5px}.level-track span{font-size:9px;letter-spacing:.3px}#rare-goal{right:74px;color:var(--gold)}.gem-stat{background:#091a2c99;border:1px solid #8cfad627;padding:8px 12px;border-radius:8px}.toast{border-color:#e9c58140;background:#091c2eee;color:#e2d8c8;top:165px;font-size:11px;box-shadow:0 12px 40px #0004}.tutorial{border-color:#f4c98c44}.tutorial button{background:var(--gold)}.desktop-keys{color:#809cad;text-shadow:0 1px 3px #000}.modal{background:#020815c2}.modal-panel{background:radial-gradient(ellipse at 100% 0,#283947,#0c1a2a 70%);border-color:#e3c39036;border-radius:20px;box-shadow:0 40px 120px #0009}.modal .eyebrow{color:var(--gold);font-size:8px;letter-spacing:2px;padding-right:18px;line-height:1.8}.modal h2{font-size:23px;line-height:1.45;font-weight:400;letter-spacing:-.6px}.modal p{font-size:12px;line-height:1.9}.chapter-art{color:var(--gold);font-size:46px;height:60px;justify-content:flex-start;text-shadow:0 0 40px #edbd7860}.mission-targets{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.mission-targets>span{padding:9px 12px;border:1px solid #96d9c62c;border-radius:6px;font-size:10px;color:#a7e7d4;background:#a0efd308}.modal .chapter-hint{color:#6d8ca1;font-size:10px}.empty-stars{opacity:.15}.result-stars{font-size:45px}.result-grid{background:#07142166;border:1px solid #bddbe819;border-radius:10px;padding:17px 10px;gap:8px}.result-grid strong{font:400 20px Unbounded,sans-serif;margin-bottom:9px}.result-grid small{font-size:8px}
@media(min-width:1600px){.hero{min-height:580px}.hero-art{height:520px}.hero-art img{width:530px;height:530px}.hero-stats{margin-top:42px}}
@media(max-width:1100px){.screen{padding:26px 35px}.hero{min-height:470px}.hero-art img{width:390px;height:390px}.hero-art{height:430px}.orbit{width:360px;height:215px}.orbit-b{width:330px}.hero-aura{width:370px;height:370px}.mission-grid{gap:9px}.mission-card{padding:13px}.mission-card-top{gap:6px}.mission-card-top small{font-size:5px}.mission-card>b{font-size:11px}.world-card{padding:13px}.world-card b{font-size:10px}.world-stars{right:12px}}
@media(max-width:800px){.screen{padding:23px 25px}.hero{min-height:445px;grid-template-columns:1.1fr 1fr}.hero-art img{width:330px;height:330px}.hero-art{height:390px}.hero-art .orbit{width:305px}.hero .eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:43px;letter-spacing:-2px}.intro{font-size:12px}.hero-stats{gap:24px}.hero-stats strong{font-size:21px}.hero-stats span{font-size:6px;letter-spacing:1px}.art-coordinate{font-size:6px}.hero-caption{right:0;font-size:8px}.world-card{min-height:164px;padding:12px 9px}.world-card b{font-size:9px}.world-card small{font-size:5px}.planet-thumb{width:58px;height:58px}.world-number{font-size:6px}.world-stars{top:13px;font-size:7px}.campaign{padding:24px}.mission-grid{grid-template-columns:repeat(2,1fr);gap:12px}.mission-card{padding:18px}.mission-card-top small{font-size:7px}.mission-card>b{font-size:13px}.mission-brief{min-height:40px;font-size:11px}.section-head h2{font-size:18px}.campaign-heading h3{font-size:18px}.campaign-progress strong{font-size:21px}.campaign-heading p:not(.eyebrow){font-size:10px}.campaign-heading{gap:24px}footer{flex-wrap:wrap;font-size:6px}.hud-top{gap:12px}.hud-stats{gap:10px}.mission>span{max-width:360px}}
@media(max-width:620px){.screen{padding:calc(18px + var(--safe-top)) 22px 26px;overflow:hidden}.topline{padding-bottom:17px}.topline .brand{font-size:16px;letter-spacing:2px;gap:8px}.brand-mark{font-size:25px}.wallet{font-size:11px;gap:5px}.top-actions{gap:8px}.icon-btn{width:33px;height:33px;font-size:15px}.hero{display:block;min-height:0;padding:27px 0 0}.hero-copy{z-index:2}.hero .eyebrow{font-size:7px;letter-spacing:1.8px}h1{font-size:45px;margin:22px 0 19px;letter-spacing:-2.3px;line-height:1.16}.intro{font-size:12px;max-width:295px;line-height:1.85}.hero-buttons{margin-top:24px;max-width:100%;gap:8px}.hero-buttons .primary{padding:15px 18px;font-size:11px;min-height:50px}.hero-buttons .secondary{padding:12px 16px;font-size:11px}.hero-buttons .primary span{font-size:17px;margin-left:17px}.hero-stats{gap:28px;margin-top:26px}.hero-stats strong{font-size:22px}.hero-stats span{font-size:6px}.hero-art{position:relative;right:auto;bottom:auto;width:100%;height:290px;margin-top:4px;z-index:1}.hero-art img{height:310px;width:310px}.hero-aura{height:310px;width:310px}.hero-art .orbit{width:320px;height:150px}.hero-art .orbit-b{width:285px;height:160px}.art-coordinate{top:29px;right:0;font-size:5px}.hero-caption{bottom:18px;right:0;font-size:8px;letter-spacing:2px}.hero-caption small{font-size:5px;letter-spacing:1px}.crystal-a{left:10px;top:82px;font-size:27px}.crystal-b{right:6px;top:110px;font-size:19px}.crystal-c{right:28px;bottom:75px;font-size:13px}.world-section{margin-top:16px}.section-head{gap:12px}.section-head h2{font-size:15px;line-height:1.5;letter-spacing:-.4px}.section-head .eyebrow{font-size:6px;letter-spacing:1.4px}.star-total{font-size:9px;padding:10px;flex-shrink:0}.star-total span{margin-left:3px}.worlds{margin:18px -22px 0;padding:0 22px 15px;gap:10px}.world-card{min-width:142px;min-height:171px;padding:14px;scroll-snap-align:start}.world-card b{font-size:10px}.world-card small{font-size:5px;letter-spacing:1px}.world-number{font-size:6px}.world-stars{font-size:8px;top:15px;right:14px}.planet-thumb{width:62px;height:62px;margin:10px auto 15px}.campaign{margin-top:1px;padding:21px 17px;border-radius:12px}.campaign-heading{align-items:flex-start;gap:12px;margin-bottom:18px}.campaign-heading .eyebrow{font-size:5px;letter-spacing:1px;line-height:1.7}.campaign-heading h3{font-size:15px;line-height:1.4;letter-spacing:-.3px;margin-bottom:10px}.campaign-heading p:not(.eyebrow){font-size:10px;line-height:1.8}.campaign-progress{gap:6px;padding-top:1px}.campaign-progress strong{font-size:17px}.campaign-progress>span{font-size:5px;letter-spacing:.5px;max-width:55px;line-height:1.7}.mission-grid{grid-template-columns:1fr;gap:10px}.mission-card{padding:17px}.mission-card-top{margin-bottom:13px}.mission-card-top small{font-size:7px;letter-spacing:1.1px}.mission-card>b{font-size:13px;margin-bottom:7px}.mission-brief{min-height:0;font-size:11px}.mission-requirements{padding:13px 0;font-size:10px}.mission-card-bottom{font-size:9px}.campaign-note{font-size:9px}.bottom-lobby{margin-top:15px;gap:23px}.workshop{width:100%;padding:16px 13px;gap:10px}.workshop b{font-size:10px}.workshop small{font-size:8px;line-height:1.7}.workshop>span:first-child{font-size:20px}.telegram-link{font-size:11px}footer{font-size:6px;line-height:1.7;margin-top:24px;padding-top:22px;gap:10px}.hud-top{padding:14px 12px 24px;gap:9px}.mission{gap:5px}.mission small{font-size:5px;letter-spacing:.8px;max-width:175px;line-height:1.7}.mission b{font-size:11px;line-height:1.5;max-width:180px}.mission>span{font-size:8px;line-height:1.6;max-width:175px}.hud-stats{max-width:85px;gap:6px}.gem-stat{padding:6px 7px;gap:4px;font-size:12px}.gem-stat small{font-size:8px}#hearts{font-size:10px;letter-spacing:1px}.level-track{margin:0 14px;margin-top:-4px}.level-track span{font-size:8px;letter-spacing:0}#rare-goal{right:47px}#timer{font-size:8px}.toast{top:178px;font-size:10px;padding:11px 15px}.modal-panel{padding:30px 23px;border-radius:16px}.modal .eyebrow{font-size:7px;line-height:1.8}.modal h2{font-size:20px}.modal p{font-size:11px}.mission-targets>span{font-size:9px;padding:8px 10px}.modal{padding:17px}.result-grid strong{font-size:17px}.result-grid small{font-size:7px}.result-stars{font-size:40px}.tutorial{bottom:125px}.touch-controls button{box-shadow:0 5px 20px #0004}.touch-controls .jump-btn{background:#316c6088}.touch-controls .dash-btn{border-color:#f4c98c77;background:#56452c88}}
@media(max-width:360px){.screen{padding-left:17px;padding-right:17px}h1{font-size:40px}.hero-stats{gap:22px}.hero-art img{width:285px;height:285px}.worlds{margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}.section-head h2{font-size:13px}.hero .eyebrow{font-size:6px}.mission>span{max-width:145px}.touch-controls .jump-btn{width:65px;height:65px}.touch-controls button{width:50px;height:54px}.direction,.abilities{gap:6px}}
@media(max-height:540px) and (orientation:landscape){.hud-top{padding:10px 18px 20px}.mission small{font-size:6px}.mission b{font-size:11px}.mission>span{display:none}.gem-stat{padding:5px 10px}.toast{top:115px}.hero{min-height:400px}.modal-panel{max-height:94dvh}.desktop-keys{bottom:15px}}

/* Keep game UI clear of the device notch and Telegram's native fullscreen controls. */
:root{--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}
html.telegram-mini-app{overscroll-behavior-y:none}
.telegram-mini-app .screen{--page-x:64px;--page-top:30px;--page-bottom:28px;padding:calc(var(--page-top) + var(--safe-top)) calc(var(--page-x) + var(--safe-right)) calc(var(--page-bottom) + var(--safe-bottom)) calc(var(--page-x) + var(--safe-left))}
.telegram-mini-app #hud{inset:var(--safe-top) var(--safe-right) 0 var(--safe-left);padding-top:0}
.telegram-mini-app .tutorial{margin-bottom:var(--safe-bottom)}
.telegram-mini-app .desktop-keys{padding-bottom:var(--safe-bottom)}
.telegram-mini-app .modal{--modal-gap:22px;padding:calc(var(--modal-gap) + var(--safe-top)) calc(var(--modal-gap) + var(--safe-right)) calc(var(--modal-gap) + var(--safe-bottom)) calc(var(--modal-gap) + var(--safe-left))}
.telegram-mini-app .modal-panel{max-height:min(90dvh,calc(100dvh - var(--safe-top) - var(--safe-bottom) - var(--modal-gap) - var(--modal-gap)))}
@media(max-width:1100px){.telegram-mini-app .screen{--page-x:35px;--page-top:26px;--page-bottom:26px}}
@media(max-width:800px){.telegram-mini-app .screen{--page-x:25px;--page-top:23px;--page-bottom:23px}}
@media(max-width:620px){.telegram-mini-app .screen{--page-x:22px;--page-top:18px;--page-bottom:26px}.telegram-mini-app .modal{--modal-gap:17px}}
@media(max-width:360px){.telegram-mini-app .screen{--page-x:17px}}
@media(max-height:540px) and (orientation:landscape){.telegram-mini-app .touch-controls{bottom:calc(10px + var(--safe-bottom))}}

/* MetaJarvis edition. */
:root { --bg: #101f38; --cyan: #97e8e8; --gold: #f9ca9d; --muted: #a6bbd7; }
body { background: var(--bg); }
.brand-mark, .hero h1 em { color: #c8dcff; }
.primary { color: #182955; background: linear-gradient(115deg,#a9e6ed,#d2c9fb 64%,#f9c9cb); border-color: #e3eaff; }
#reward-status { position: fixed; z-index: 8; right: max(12px,env(safe-area-inset-right)); bottom: max(12px,env(safe-area-inset-bottom)); padding: 5px 10px; border: 1px solid #e0eaff66; border-radius: 20px; background: #152945ee; color: #cfeaff; font-size: 12px; pointer-events: none; }
.playing #reward-status { bottom: auto; top: calc(102px + var(--safe-top)); }

.community-card { margin-block: 22px; padding: clamp(16px,4vw,32px); border: 1px solid #92bcf154; border-radius: 20px; background: linear-gradient(135deg,#213b63a6,#1f2443bf); }
.community-card h2 { margin: 8px 0; }
.community-card > div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.community-card a { display: inline-flex; align-items: center; text-decoration: none; }
.orion-telegram-play { position: absolute; z-index: 5; inset-inline-end: max(12px,env(safe-area-inset-right)); bottom: max(22px,env(safe-area-inset-bottom)); display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid #91c7ff8c; border-radius: 18px; color: #fff; background: linear-gradient(120deg,#1474bc,#4d56ac); text-decoration: none; font-size: 13px; }
.telegram-mini-app :is(.orion-telegram-play,.telegram-link) { display: none; }
@media (pointer:coarse), (max-width:620px) {
 .orion-telegram-play { bottom: max(112px, calc(env(safe-area-inset-bottom) + 96px)); }
}

.joystick {
  width: clamp(72px, 22vw, 112px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid #8ec7dd60;
  border-radius: 50%;
  background: radial-gradient(circle, #193c50c9, #102937b3);
  box-shadow: inset 0 0 0 6px #93c6df0d;
  touch-action: none;
  pointer-events: auto;
  user-select: none;
}

.joystick span {
  display: grid;
  place-items: center;
  width: 48%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #97e8f088;
  background: linear-gradient(145deg, #42687c, #1b4356);
  transform: translateX(var(--joystick-offset, 0));
  color: #f1fbff;
  font-size: 22px;
  pointer-events: none;
}

@media (max-height: 540px) and (orientation: landscape) {
  .joystick { width: 72px; }
}

.armor-color {
  color: var(--armor-tone);
  text-shadow: 0 0 .7rem currentColor;
}