:root{--bg:#080d14;--panel:#101923;--panel2:#152230;--line:#263b4b;--text:#eef5f8;--muted:#8197a5;--teal:#63f0d0;--blue:#7bcbff;--gold:#f5c96b;--red:#ff777e;--green:#9df3ae;--font:'Space Grotesk',system-ui,sans-serif;--display:'Rajdhani',system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overscroll-behavior:none}body{min-height:100dvh;background:radial-gradient(ellipse at 50% -15%,#1a3546 0,transparent 45%),var(--bg)}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}#app{max-width:900px;margin:auto;min-height:100dvh;padding:env(safe-area-inset-top) 14px env(safe-area-inset-bottom);display:flex;flex-direction:column}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20313e;flex-shrink:0}.brand{display:flex;gap:9px;align-items:center}.brand-mark{color:var(--teal);font-size:25px;text-shadow:0 0 16px #63f0d080}.brand strong{display:block;font-family:var(--display);font-size:22px;letter-spacing:.1em;line-height:1}.brand em{font-style:normal;color:var(--teal)}.brand small{display:block;font-size:8px;letter-spacing:.22em;color:var(--muted);margin-top:4px}.top-actions{display:flex;gap:8px}.icon-btn,.back-btn{width:38px;height:38px;border:1px solid var(--line);background:#101a25;border-radius:11px;font-weight:bold;font-size:18px}.icon-btn:active,.back-btn:active{transform:scale(.96)}#mainView{flex:1;min-height:0}.screen{display:none;padding:12px 0 22px;animation:fadeIn .22s ease}.screen.active{display:block}.game-screen.active{display:flex;flex-direction:column;height:calc(100dvh - 116px);max-height:850px;min-height:440px;padding-bottom:5px}@keyframes fadeIn{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}.hero-scene{height:255px;position:relative;overflow:hidden;border:1px solid #254050;border-radius:18px;background:radial-gradient(ellipse at 70% 30%,#225b65 0,transparent 30%),radial-gradient(ellipse at 24% 110%,#1d4b5b 0,transparent 42%),linear-gradient(150deg,#142c3b,#0b111a 75%)}.hero-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b111af2 0%,#0b111ac9 43%,transparent 100%),linear-gradient(0deg,#0a111c 0,transparent 45%);pointer-events:none}.moon-glow{position:absolute;right:14%;top:22px;width:110px;height:110px;border-radius:50%;background:#5cebd344;filter:blur(25px)}.hero-crystal{position:absolute;bottom:0;width:54px;height:130px;clip-path:polygon(50% 0,82% 25%,100% 100%,0 100%,19% 25%);background:linear-gradient(90deg,#1b9caa,#a1fff0 45%,#22798d);filter:drop-shadow(0 0 14px #3fe8e1)}.crystal-a{right:13%;height:150px;transform:rotate(5deg)}.crystal-b{right:23%;height:92px;transform:scale(.72);opacity:.8}.hero-miner{position:absolute;right:36%;bottom:43px;z-index:1;font-size:65px;filter:drop-shadow(0 0 14px #ffd16665);transform:rotate(-15deg)}.hero-copy{position:absolute;z-index:2;left:20px;bottom:20px}.eyebrow{font-size:9px;letter-spacing:.2em;color:var(--teal);font-weight:700;margin:0 0 6px}.hero-copy h1{font:700 clamp(32px,8vw,52px)/.88 var(--display);letter-spacing:.02em;margin:0;text-shadow:0 4px 25px #000}.hero-copy h1 span{color:var(--teal)}.hero-sub{font-size:11px;color:#a6bbc6;margin:12px 0 0}.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.home-stats>div,.mine-summary>div{background:#101a25;border:1px solid #213442;border-radius:11px;padding:10px}.home-stats small,.mine-summary small,.result-stats small{display:block;color:var(--muted);font-size:8px;letter-spacing:.12em}.home-stats strong,.mine-summary strong,.result-stats strong{display:block;font:700 20px var(--display);margin-top:3px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mode-card{text-align:left;position:relative;min-height:105px;padding:13px;border-radius:13px;border:1px solid #2b4252;background:linear-gradient(145deg,#142433,#0e1721);overflow:hidden}.mode-card:active{transform:scale(.99)}.campaign-card{grid-row:span 2;min-height:219px;background:radial-gradient(ellipse at 90% 10%,#23575d,transparent 45%),linear-gradient(145deg,#132d3b,#101722)}.survival-card{background:radial-gradient(ellipse at 100% 0,#593d30,transparent 55%),#121b25}.mine-card{background:radial-gradient(ellipse at 100% 0,#2a4753,transparent 60%),#121b25}.mode-icon{display:block;font-size:25px;color:var(--teal);margin-bottom:13px}.mode-title{display:block;font:700 17px var(--display);letter-spacing:.08em}.mode-sub{display:block;font-size:10px;color:#9aafbb;line-height:1.4;margin-top:4px;max-width:190px}.mode-arrow{position:absolute;right:12px;top:12px;color:#8ba6b5}.footer-note,.bottom-note{font-size:8px;letter-spacing:.12em;text-align:center;color:#5d7483;margin:14px 0 0}.bottom-note{padding:8px 0 12px;margin-top:auto}.bottom-note span{color:var(--teal)}.section-heading{display:flex;align-items:center;gap:11px;margin:4px 0 15px}.section-heading h2{font:700 27px/.95 var(--display);letter-spacing:.08em;margin:0}.section-heading .eyebrow{margin-bottom:3px}.currency{margin-left:auto;border:1px solid #31504f;background:#132a2d;padding:8px 10px;border-radius:10px;color:var(--teal);font-size:13px}.world-banner{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;border:1px solid #294452;background:radial-gradient(ellipse at 15% 50%,#2c7372,transparent 33%),linear-gradient(120deg,#172e3b,#101923);min-height:110px}.world-orb{width:54px;height:54px;flex-shrink:0;border-radius:50%;border:1px solid #67ead0;background:radial-gradient(circle at 35% 30%,#d3fff4,#42b7b6 22%,#123a50 60%,#0a1823);box-shadow:0 0 25px #48ddce45}.world-banner small{font-size:8px;letter-spacing:.15em;color:var(--teal)}.world-banner h3{font:700 20px var(--display);margin:2px 0}.world-banner p{font-size:10px;color:#a4b7c3;margin:0}.level-progress{margin:17px 0 10px;font-size:10px;color:var(--muted)}.progress-track,.meter{height:5px;background:#253542;border-radius:9px;overflow:hidden;margin-top:7px}.progress-track i,.meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#2e9f9a,var(--teal));border-radius:9px;transition:width .25s}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.level-btn{aspect-ratio:1/1;border-radius:12px;border:1px solid #2c404e;background:#111c27;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0}.level-btn strong{font:700 22px var(--display)}.level-btn small{font-size:9px;color:#7d929e}.level-btn.unlocked{background:linear-gradient(145deg,#183341,#101b25);border-color:#3d6975}.level-btn.done{border-color:#9a8045;background:linear-gradient(145deg,#3b3422,#17222b)}.level-btn.done small{color:var(--gold)}.level-btn.locked{opacity:.42}.small-note{font-size:10px;line-height:1.5;color:#728896;text-align:center;margin:15px 8px}.mine-visual{height:170px;position:relative;overflow:hidden;border:1px solid #2c4554;border-radius:15px;background:radial-gradient(ellipse at 45% 70%,#1e6a68 0,transparent 34%),linear-gradient(155deg,#1c3542,#0d151f 72%)}.mine-visual:before,.mine-visual:after{content:"";position:absolute;left:-8%;right:-8%;height:75px;background:#101720;clip-path:polygon(0 0,15% 35%,31% 15%,47% 45%,60% 10%,77% 38%,100% 0,100% 100%,0 100%)}.mine-visual:before{top:0}.mine-visual:after{bottom:-20px;transform:rotate(180deg)}.mine-lamp{position:absolute;left:47%;top:43px;width:70px;height:70px;border-radius:50%;background:#6cf3db25;filter:blur(13px)}.mine-shaft{position:absolute;left:45%;top:0;height:170px;width:70px;border-left:4px solid #526d77;border-right:4px solid #526d77;background:#10172080}.shaft-line{position:absolute;left:50%;top:0;bottom:0;border-left:2px dashed #304753}.shaft-cart{position:absolute;left:10px;top:80px;color:var(--gold);font-size:35px;filter:drop-shadow(0 0 10px #ffd16660)}.mine-sign{position:absolute;right:15px;bottom:23px;font:700 14px var(--display);letter-spacing:.1em;color:#a6c3ce;text-align:right}.mine-sign small{font-size:8px;color:var(--teal)}.mine-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.upgrade-list{display:grid;gap:8px}.upgrade-card{display:flex;align-items:center;gap:10px;padding:12px;background:#111b26;border:1px solid #273c4a;border-radius:12px}.upgrade-symbol{font-size:24px;width:34px;text-align:center;color:var(--teal)}.upgrade-info{flex:1;min-width:0}.upgrade-info strong{font:700 16px var(--display);display:block}.upgrade-info small{font-size:9px;color:var(--muted);line-height:1.4;display:block}.upgrade-info .tier{color:var(--gold)}.upgrade-btn{border:1px solid #3b5b61;border-radius:9px;background:#18383b;color:var(--teal);padding:9px 10px;font-size:11px;font-weight:700;white-space:nowrap}.upgrade-btn:disabled{opacity:.35}.game-screen.active{gap:8px}.game-hud{display:flex;align-items:center;gap:9px;flex-shrink:0}.game-hud .back-btn{font-size:22px}.hud-item small,.hud-meter small{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted)}.hud-item strong{font:700 18px var(--display)}.hud-meter{flex:1;min-width:55px}.hud-meter .meter{margin-top:5px}.hud-meter .meter i{background:linear-gradient(90deg,#ff737b,#ffd166,#63f0d0)}.hud-item.right{text-align:right}.hud-item.right strong{color:var(--teal)}#canvasWrap{position:relative;flex:1;min-height:190px;overflow:hidden;border:1px solid #263d4c;border-radius:14px;background:#071018;box-shadow:inset 0 0 40px #0008}#gameCanvas{display:block;width:100%;height:100%;touch-action:none}.game-message{position:absolute;left:50%;top:12px;transform:translateX(-50%);padding:7px 12px;border:1px solid #4a777c;background:#0d2025eF;border-radius:9px;color:#bffdf0;font-size:10px;white-space:nowrap;pointer-events:none}.hidden{display:none!important}.game-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;min-height:105px}.objective{min-width:0}.objective small{display:block;color:var(--teal);font-size:8px;letter-spacing:.15em}.objective strong{display:block;font:700 17px var(--display);margin:3px 0}.objective span{display:block;color:#8197a5;font-size:9px;max-width:140px;line-height:1.4}.dpad{display:grid;grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,40px);gap:5px;touch-action:manipulation}.dpad button{padding:0;border:1px solid #344c5b;background:linear-gradient(145deg,#1b3040,#12202c);border-radius:10px;font-size:21px;box-shadow:0 2px 0 #03080d}.dpad button:nth-child(1){grid-column:2;grid-row:1}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.dpad button:active{background:#24505a;transform:translateY(1px)}.pause-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#050b12d9;padding:18px}.pause-panel{text-align:center;width:min(100%,320px);padding:25px;border:1px solid #2e4b5b;border-radius:16px;background:#101b27}.pause-panel h2,.result-screen h2{font:700 32px var(--display);margin:0 0 18px}.primary-btn{background:linear-gradient(100deg,#83f3d8,#54c7cf);color:#071519;border:0;border-radius:10px;padding:13px 16px;font-size:11px;font-weight:900;letter-spacing:.08em;box-shadow:0 3px 0 #267e80}.quiet-btn{display:block;background:transparent;border:0;color:#9aafbc;font-size:10px;letter-spacing:.08em;padding:13px;margin:5px auto 0}.result-screen{text-align:center;padding:30px 12px}.result-icon{font-size:44px;color:var(--teal);text-shadow:0 0 24px #63f0d077;margin:20px 0}.result-screen h2{margin:0}.result-copy{font-size:12px;color:#a6bbc7;line-height:1.6;max-width:310px;margin:10px auto 20px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.result-stats>div{background:#111c27;border:1px solid #293d4b;border-radius:12px;padding:12px 6px}.result-stats strong{font-size:24px}.wide{width:min(100%,330px)}.result-screen .quiet-btn{margin-top:9px}.result-screen #resultStars{color:var(--gold);letter-spacing:.04em}@media(min-width:650px){#app{padding-left:22px;padding-right:22px}.hero-scene{height:300px}.mode-card{min-height:120px}.campaign-card{min-height:249px}.level-grid{grid-template-columns:repeat(10,1fr)}.game-screen.active{height:calc(100dvh - 125px)}.dpad{grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,45px)}.game-bottom{min-height:110px}}@media(max-height:650px){.topbar{height:50px}.hero-scene{height:185px}.home-stats>div{padding:7px}.mode-card{min-height:88px}.campaign-card{min-height:184px}.game-screen.active{height:calc(100dvh - 94px);min-height:390px}.game-bottom{min-height:83px}.dpad{grid-template-columns:repeat(3,39px);grid-template-rows:repeat(2,34px)}.footer-note{margin-top:8px}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}