:root{color-scheme:dark;--ink: #f8f2e8;--muted: #c2b7a8;--quiet: #8d8376;--line: rgba(244, 222, 190, .14);--glass: rgba(17, 20, 25, .76);--glass-strong: rgba(15, 18, 23, .94);--gold: #ffc66e;--gold-soft: #ffe5b6;--cyan: #8de3f4;--green: #9be8b6;--zone-glow: #ffab49;--zone-light: #ffe0a7;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090b10;color:var(--ink)}:root[data-zone=cyan]{--zone-glow: #36cfff;--zone-light: #b3f5ff}:root[data-zone=red]{--zone-glow: #ff503e;--zone-light: #ffc0a0}:root[data-zone=violet]{--zone-glow: #a877ff;--zone-light: #dfc8ff}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{min-height:100dvh;background:#090b10}button,input{font:inherit}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible+.switch-ui{outline:2px solid var(--gold-soft);outline-offset:3px}.game-screen{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:#090b10;touch-action:manipulation}#mineCanvas{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;outline:none;cursor:crosshair;touch-action:none}.world-vignette{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,8,12,.68),transparent 19%,transparent 59%,rgba(5,8,13,.66)),radial-gradient(ellipse at 50% 46%,transparent 31%,rgba(4,7,11,.34) 100%)}.world-glow{position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(ellipse 36% 29% at 50% 49%,color-mix(in srgb,var(--zone-glow) 16%,transparent),transparent 100%);mix-blend-mode:screen}.compat-value{display:none!important}.top-hud{position:absolute;z-index:5;top:calc(13px + var(--safe-top));left:clamp(12px,2.4vw,34px);right:clamp(12px,2.4vw,34px);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:13px;pointer-events:none}.top-hud>*{pointer-events:auto}.brand{display:inline-flex;align-items:center;justify-self:start;gap:10px;min-width:0;color:var(--ink);text-decoration:none;filter:drop-shadow(0 2px 9px rgba(0,0,0,.55))}.brand-mark{position:relative;display:inline-flex;flex:0 0 37px;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid rgba(255,198,110,.52);border-radius:12px;background:#151619b8;transform:rotate(30deg);box-shadow:0 0 22px #f29b3c30,inset 0 0 12px #ffbe6a1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-mark span{position:absolute;width:3px;border-radius:4px;background:var(--gold);transform:rotate(-30deg);box-shadow:0 0 9px var(--gold)}.brand-mark span:nth-child(1){height:16px;left:9px;top:8px}.brand-mark span:nth-child(2){height:23px;left:16px;top:6px;opacity:.85}.brand-mark span:nth-child(3){height:12px;left:24px;top:15px;opacity:.65}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:17px;line-height:1;font-weight:900;letter-spacing:.09em;white-space:nowrap}.brand-copy strong span{color:var(--gold);margin:0 2px}.brand-copy small{color:#c0ae94;font-size:7px;font-weight:800;letter-spacing:.17em;white-space:nowrap}.resource-hud{display:flex;align-items:center;gap:3px;min-height:50px;padding:4px;border:1px solid rgba(244,222,190,.18);border-radius:15px;background:#0c0f14b8;box-shadow:0 8px 28px #00000040;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ore-counter,.rate-counter{display:flex;align-items:center;gap:9px;min-width:106px;padding:5px 11px}.ore-counter{border-right:1px solid var(--line)}.ore-counter>span:last-child,.rate-counter>span:last-child{display:flex;flex-direction:column;gap:3px}.ore-counter small,.rate-counter small{color:#b9ac99;font-size:7px;font-weight:850;letter-spacing:.13em}.ore-counter strong{color:#fff2d9;font-size:19px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums}.rate-counter strong{color:var(--green);font-size:12px;line-height:1;font-weight:850;font-variant-numeric:tabular-nums}.resource-gem{color:var(--zone-light);font-size:19px;text-shadow:0 0 13px var(--zone-glow)}.pulse-icon{width:8px;height:8px;flex:0 0 8px;border:1px solid var(--green);border-radius:50%;box-shadow:0 0 0 3px #79e7b217,0 0 11px #79e7b28a}.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(244,222,190,.2);border-radius:13px;color:#ede0cb;background:#0c0f14b8;box-shadow:0 7px 24px #00000040;cursor:pointer;transition:background .18s,border-color .18s,transform .18s;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.icon-button:hover{border-color:var(--zone-light);background:#2a2119db;transform:translateY(-1px)}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.zone-hud{position:absolute;z-index:4;top:calc(84px + var(--safe-top));left:clamp(14px,3vw,42px);width:min(370px,52vw);padding:12px 14px 13px;border:1px solid rgba(241,220,190,.14);border-radius:15px;background:linear-gradient(112deg,#0b0e12c4,#0b0e1240);box-shadow:0 9px 34px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.eyebrow{margin:0 0 5px;color:#c4aa83;font-size:8px;line-height:1.2;font-weight:850;letter-spacing:.14em}.zone-hud h1{overflow:hidden;margin:0 0 11px;color:#fff1db;font-size:clamp(23px,2.5vw,34px);line-height:1;font-weight:900;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,.45)}.zone-objective{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;color:#d1c1aa;font-size:8px;font-weight:850;letter-spacing:.07em}.zone-objective span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zone-objective strong{color:#fff0d2;font-size:11px;font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}.progress-track{position:relative;height:5px;overflow:hidden;border-radius:99px;background:#e1cfb130;box-shadow:inset 0 1px 2px #0000004d}.progress-track span{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,#dc8337,var(--zone-light));box-shadow:0 0 12px var(--zone-glow);transition:width .35s ease}.tap-guide{position:absolute;z-index:4;left:50%;bottom:calc(151px + var(--safe-bottom));display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid rgba(255,225,177,.23);border-radius:999px;color:#fff0d2;background:#0d0f1394;box-shadow:0 5px 25px #00000040;font-size:9px;font-weight:900;letter-spacing:.1em;transform:translate(-50%);white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:guide-breathe 2.7s ease-in-out infinite}.tap-guide-sub{padding-left:8px;border-left:1px solid rgba(255,225,177,.22);color:var(--zone-light);font-size:7px}.tap-guide-dot{width:7px;height:7px;border-radius:50%;background:var(--zone-light);box-shadow:0 0 11px var(--zone-glow)}.float-layer{position:absolute;z-index:7;inset:0;overflow:hidden;pointer-events:none}.float-number{position:absolute;color:#fff3d6;font-size:27px;line-height:1;font-weight:950;text-shadow:0 2px 14px rgba(0,0,0,.9),0 0 18px var(--zone-glow);animation:float-up .9s ease-out forwards}.float-number.is-critical{color:#fff5ba;font-size:33px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;clip-path:inset(50%)!important;border:0!important}.scene-loading{position:absolute;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#e4c89e;background:#090b10;font-size:9px;font-weight:850;letter-spacing:.17em;transition:opacity .4s ease,visibility .4s ease}.scene-loading.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-orbit{width:34px;height:34px;border:1px solid rgba(255,196,109,.2);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}.scene-fallback{background:radial-gradient(ellipse at 50% 49%,color-mix(in srgb,var(--zone-glow) 28%,#131721),#090b10 69%)}.scene-fallback:after{position:absolute;z-index:2;content:"◈";left:50%;top:47%;color:var(--zone-light);font-size:clamp(190px,34vw,420px);line-height:1;text-shadow:0 0 28px var(--zone-glow),0 0 100px var(--zone-glow);transform:translate(-50%,-50%);pointer-events:none}.scene-fallback #mineButton{clip:auto!important;clip-path:none!important;z-index:5;top:53%;left:50%;width:170px!important;height:48px!important;transform:translate(-50%,-50%);border:1px solid rgba(255,225,177,.45);border-radius:999px;color:#21170c;background:linear-gradient(120deg,#ffe3a6,#ffb74e);cursor:pointer;font-size:11px;font-weight:900}.bottom-hud{position:absolute;z-index:5;left:clamp(14px,3vw,42px);bottom:calc(90px + var(--safe-bottom));display:flex;align-items:center;gap:7px;pointer-events:none}.stat-pill{display:flex;align-items:center;gap:8px;min-width:108px;min-height:44px;padding:5px 11px;border:1px solid rgba(241,220,190,.16);border-radius:13px;background:#0b0e13ad;box-shadow:0 6px 24px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-icon{color:var(--zone-light);font-size:18px;text-shadow:0 0 11px var(--zone-glow)}.auto-stat .stat-icon{color:var(--cyan)}.stat-pill>span:last-child{display:flex;flex-direction:column;gap:3px}.stat-pill small{color:#b6aa98;font-size:7px;font-weight:850;letter-spacing:.11em}.stat-pill strong{color:#fff0d4;font-size:14px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums}.auto-stat strong{color:var(--green)}.bottom-nav{position:absolute;z-index:8;left:50%;bottom:calc(13px + var(--safe-bottom));display:flex;align-items:stretch;gap:4px;width:min(390px,calc(100vw - 28px));min-height:64px;padding:6px;border:1px solid rgba(247,224,189,.18);border-radius:19px;background:#0d1015d6;box-shadow:0 11px 36px #0006,inset 0 1px #ffffff0a;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-button{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:50px;padding:3px 5px;border:1px solid transparent;border-radius:13px;color:#aaa397;background:transparent;cursor:pointer;font-size:9px;font-weight:800;letter-spacing:.025em;touch-action:manipulation;transition:color .18s,background .18s,border-color .18s,transform .18s}.nav-button:hover{color:var(--ink);background:#ffffff0e}.nav-button:active{transform:scale(.96)}.nav-button.is-active{border-color:#ffc56c33;color:#ffe0ad;background:linear-gradient(160deg,#ffbe5f24,#ffbe5f0a)}.nav-icon{font-size:17px;line-height:1}.mission-dot{position:absolute;top:7px;right:calc(50% - 19px);display:none;width:7px;height:7px;border:1px solid rgba(18,17,15,.8);border-radius:50%;background:var(--gold);box-shadow:0 0 9px var(--gold)}.mission-dot.is-visible{display:block}.menu-backdrop{position:absolute;z-index:10;inset:0;width:100%;height:100%;padding:0;border:0;background:#0204077a;opacity:0;visibility:hidden;cursor:default;transition:opacity .28s ease,visibility .28s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-backdrop.is-open{opacity:1;visibility:visible}.side-panel{position:absolute;z-index:11;right:0;top:0;display:flex;flex-direction:column;width:min(450px,41vw);height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);overflow:hidden;border-left:1px solid rgba(245,220,188,.18);color:var(--ink);background:linear-gradient(160deg,#191b20f7,#0b0e13f7);box-shadow:-22px 0 70px #00000061;transform:translate(103%);transition:transform .32s cubic-bezier(.2,.75,.2,1)}.side-panel.is-open{transform:translate(0)}.panel-heading{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:84px;padding:15px 20px 13px;border-bottom:1px solid var(--line)}.panel-heading .eyebrow{color:#b69a72}.panel-heading h2{margin:0;color:#fff0d8;font-size:25px;line-height:1;font-weight:900;letter-spacing:-.02em}.close-panel{flex:0 0 42px;width:42px;height:42px;font-size:23px}.panel-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:14px 17px 19px;scrollbar-width:thin;scrollbar-color:rgba(185,153,109,.35) transparent;overscroll-behavior:contain}.panel-scroll::-webkit-scrollbar{width:5px}.panel-scroll::-webkit-scrollbar-thumb{border-radius:5px;background:#b9996d4d}.panel-footer{flex:0 0 35px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:1px solid var(--line);color:#938a7f;font-size:7px;font-weight:850;letter-spacing:.1em}.panel-footer b{padding:0 3px;color:#5c5145}.save-indicator{display:flex;align-items:center;gap:6px}.save-indicator i{width:6px;height:6px;border-radius:50%;background:#62dba7;box-shadow:0 0 8px #62dba7a6}.save-indicator.is-saving{color:#d6eee0}.save-indicator.is-saving i{animation:save-pulse .45s ease}.shop-intro{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:12px;padding:8px 11px;border:1px solid rgba(83,177,211,.14);border-radius:10px;background:linear-gradient(105deg,#6143223d,#1b273161)}.shop-intro>span{color:var(--gold);font-size:19px}.shop-intro p{margin:0;color:#d0c4b2;font-size:10px;line-height:1.4}.upgrade-list{display:flex;flex-direction:column;gap:9px}.upgrade-card{display:flex;align-items:center;gap:11px;min-width:0;min-height:76px;padding:10px;border:1px solid rgba(240,220,192,.12);border-radius:12px;background:linear-gradient(110deg,#272a2ff5,#161a20f0);transition:border-color .18s,background .18s,transform .18s}.upgrade-card:hover{border-color:#ffc46d4f;background:linear-gradient(110deg,#34312bfa,#191d23f5)}.upgrade-icon{flex:0 0 42px;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,191,100,.22);border-radius:11px;color:var(--gold);background:radial-gradient(circle at 50% 35%,#ffbe6324,#0f1a2575)}.upgrade-icon.is-auto{color:var(--cyan);border-color:#70ddff33;background:radial-gradient(circle at 50% 35%,#70ddff1f,#0f1a2566)}.glyph-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.upgrade-info{flex:1 1 auto;min-width:0}.upgrade-title-line{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.upgrade-title-line h3{overflow:hidden;margin:0;color:#f6eee2;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.upgrade-title-line>span{color:#9c9182;font-size:8px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.upgrade-info p{overflow:hidden;margin:4px 0 6px;color:#b9b0a4;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.upgrade-cost{display:flex;align-items:center;gap:5px;color:#f5e7d1;font-size:13px;line-height:1;font-weight:850;font-variant-numeric:tabular-nums}.cost-gem{color:var(--zone-light);font-size:10px;text-shadow:0 0 8px var(--zone-glow)}.buy-button{flex:0 0 46px;width:46px;height:46px;border:1px solid rgba(238,220,191,.13);border-radius:11px;color:#928a80;background:#0d1722cc;font-size:12px;font-weight:900;cursor:pointer;touch-action:manipulation}.buy-button.can-buy{border-color:#ffd390a8;color:#38240f;background:linear-gradient(135deg,#ffe3a6,#ffb74e);box-shadow:0 3px 14px #db8e332e}.buy-button.can-buy:hover{filter:brightness(1.08);transform:translateY(-1px)}.mission-banner{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px 11px;border:1px solid rgba(255,189,98,.18);border-radius:10px;background:linear-gradient(105deg,#52391a40,#20232733)}.mission-banner-icon{flex:0 0 29px;display:grid;place-items:center;width:29px;height:29px;border-radius:8px;color:var(--gold);background:#ffbd621f;font-size:17px}.mission-banner strong{display:block;margin-bottom:3px;color:#fff0d7;font-size:11px}.mission-banner p{margin:0;color:#b3aa9e;font-size:9px}.mission-list{display:flex;flex-direction:column;gap:9px}.mission-card{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid rgba(240,220,192,.12);border-radius:11px;background:#1c1f24d9}.mission-card.is-claimed{opacity:.62}.mission-icon{flex:0 0 36px;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,190,99,.13);border-radius:10px;color:var(--gold);background:#ffbe6317}.mission-icon .glyph-icon{width:20px;height:20px}.mission-body{flex:1;min-width:0}.mission-title-line{display:flex;align-items:baseline;justify-content:space-between;gap:5px}.mission-title-line h3{margin:0;color:#f3ece2;font-size:11px;font-weight:850}.mission-title-line strong{color:var(--gold);font-size:12px;font-weight:850;white-space:nowrap}.mission-body p{margin:4px 0 6px;color:#b0a79a;font-size:9px}.mission-progress{height:4px;overflow:hidden;border-radius:9px;background:#b59e812e}.mission-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#58bfdf,#f5c070);transition:width .2s}.mission-body>small{display:block;margin-top:4px;color:#958b7e;font-size:8px}.mission-claim{flex:0 0 47px;width:47px;height:40px;border:1px solid rgba(240,220,192,.14);border-radius:9px;color:#928a80;background:#08121cb3;font-size:8px;font-weight:850;letter-spacing:.04em}.mission-claim.can-claim{border-color:#ffbd628c;color:#301e08;background:linear-gradient(140deg,#ffe1a0,#eea844);cursor:pointer}.toast{position:absolute;z-index:30;left:50%;bottom:calc(97px + var(--safe-bottom));max-width:min(92vw,440px);padding:12px 17px;border:1px solid rgba(255,220,171,.25);border-radius:11px;color:#fff6e8;background:#231d18f7;box-shadow:0 10px 35px #0006;font-size:12px;font-weight:700;text-align:center;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:.22s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast.is-success{border-color:#71e2af59}.toast.is-warning{border-color:#ffbd6266}.modal-backdrop{position:absolute;z-index:40;inset:0;display:grid;place-items:center;padding:18px;background:#02080ec2;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.modal-backdrop[hidden]{display:none}.settings-modal,.offline-modal{width:min(100%,420px);padding:22px;border:1px solid rgba(255,220,171,.22);border-radius:17px;background:linear-gradient(145deg,#29241f,#12161d 76%);box-shadow:0 25px 80px #00000085;animation:modal-in .22s ease-out}.modal-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px}.modal-top h2,.offline-modal h2{margin:0;font-size:27px;line-height:1;font-weight:900}.setting-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:62px;border-top:1px solid var(--line);cursor:pointer}.setting-row>span{display:flex;flex-direction:column;gap:4px}.setting-row strong{font-size:12px}.setting-row small{color:#a79e92;font-size:10px}.setting-row input{position:absolute;right:0;opacity:0}.switch-ui{position:relative;flex:0 0 40px;width:40px;height:23px;border:1px solid #5a5044;border-radius:15px;background:#282a2b;transition:.2s ease}.switch-ui:after{position:absolute;top:4px;left:4px;width:13px;height:13px;border-radius:50%;content:"";background:#a89983;transition:.2s ease}.setting-row input:checked+.switch-ui{border-color:#e4ad5d;background:#d6963e47}.setting-row input:checked+.switch-ui:after{left:21px;background:#ffe0a8;box-shadow:0 0 10px #ffe4ad80}.modal-note{display:flex;gap:9px;margin:13px 0;padding:11px;border-radius:8px;background:#9a6c351f}.modal-note>span{color:var(--gold);font-size:15px}.modal-note p{margin:0;color:#c0b5a5;font-size:10px;line-height:1.45}.danger-button{width:100%;min-height:43px;border:1px solid rgba(255,118,118,.24);border-radius:9px;color:#ff9e9e;background:#72212b26;cursor:pointer;font-size:11px;font-weight:800}.danger-button:hover{border-color:#ff767675;background:#72212b40}.offline-modal{text-align:center}.offline-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 15px;border:1px solid rgba(255,196,109,.3);border-radius:16px;color:var(--gold);background:#b77b331f;font-size:28px;box-shadow:0 0 28px #e092361f}.offline-copy{margin:11px auto 18px;color:#c1b6a5;font-size:12px;line-height:1.55}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:190px;min-height:47px;padding:0 17px;border:0;border-radius:9px;color:#38240f;background:linear-gradient(135deg,#ffe3a6,#ffb74e);box-shadow:0 7px 18px #db8e332e;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.12em}.primary-button span{font-size:16px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float-up{0%{opacity:0;transform:translateY(10px) scale(.8)}15%{opacity:1}to{opacity:0;transform:translateY(-76px) scale(1.08)}}@keyframes save-pulse{0%{transform:scale(.7)}60%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes guide-breathe{0%,to{box-shadow:0 5px 25px #00000040,0 0 #ffc46d1c}50%{box-shadow:0 5px 25px #00000040,0 0 0 7px #ffc46d00}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media(max-width:760px){.top-hud{top:calc(10px + var(--safe-top));left:11px;right:11px;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.brand{gap:8px}.brand-mark{flex-basis:33px;width:33px;height:33px;border-radius:10px}.brand-copy strong{font-size:14px;letter-spacing:.07em}.brand-copy small{font-size:6px;letter-spacing:.12em}.resource-hud{min-height:43px;border-radius:12px}.ore-counter,.rate-counter{min-width:0;gap:6px;padding:4px 7px}.ore-counter small,.rate-counter small{font-size:6px}.ore-counter strong{font-size:15px}.rate-counter strong{font-size:10px}.resource-gem{font-size:14px}.icon-button{width:39px;height:39px;border-radius:11px}.settings-button svg{width:17px;height:17px}.zone-hud{top:calc(65px + var(--safe-top));left:11px;width:min(310px,calc(100vw - 22px));padding:9px 10px 10px;border-radius:12px;background:linear-gradient(105deg,#0a0d11b3,#0a0d1133)}.zone-hud h1{margin-bottom:8px;font-size:23px}.zone-objective{margin-bottom:5px;font-size:7px}.zone-objective strong{font-size:10px}.tap-guide{bottom:calc(139px + var(--safe-bottom));min-height:34px;padding:0 11px;gap:6px;font-size:8px}.tap-guide-sub{font-size:6px}.bottom-hud{left:11px;bottom:calc(87px + var(--safe-bottom));gap:5px}.stat-pill{min-width:91px;min-height:39px;gap:6px;padding:4px 8px;border-radius:11px}.stat-icon{font-size:16px}.stat-pill small{font-size:6px}.stat-pill strong{font-size:12px}.bottom-nav{bottom:calc(9px + var(--safe-bottom));width:min(370px,calc(100vw - 22px));min-height:59px;padding:5px;border-radius:16px}.nav-button{min-height:47px;font-size:8px}.nav-icon{font-size:16px}.side-panel{top:auto;right:0;bottom:0;width:100%;height:min(76dvh,690px);max-height:calc(100dvh - var(--safe-top) - 12px);padding:0 0 var(--safe-bottom);border-top:1px solid rgba(245,220,188,.22);border-left:0;border-radius:20px 20px 0 0;transform:translateY(103%);box-shadow:0 -18px 70px #0000007a}.side-panel.is-open{transform:translateY(0)}.panel-heading{min-height:72px;padding:12px 16px 10px}.panel-heading h2{font-size:22px}.close-panel{flex-basis:40px;width:40px;height:40px}.panel-scroll{padding:11px 12px 16px}.panel-footer{flex-basis:31px;padding:0 13px}.shop-intro{min-height:39px;margin-bottom:9px;padding:6px 9px}.upgrade-list,.mission-list{gap:7px}.upgrade-card{min-height:68px;padding:8px;gap:8px;border-radius:10px}.upgrade-icon{flex-basis:37px;width:37px;height:37px;border-radius:10px}.glyph-icon{width:21px;height:21px}.upgrade-title-line h3{font-size:11px}.upgrade-info p{margin:3px 0 5px;font-size:9px}.upgrade-cost{font-size:12px}.buy-button{flex-basis:43px;width:43px;height:43px;border-radius:10px}.mission-banner{margin-bottom:9px;padding:8px}.mission-card{gap:7px;padding:9px}.toast{bottom:calc(87px + var(--safe-bottom))}}@media(max-width:390px){.brand-copy small{display:none}.brand-copy strong{font-size:13px}.top-hud{gap:6px}.resource-hud{gap:0;padding:3px}.ore-counter{gap:4px;padding:4px 6px}.ore-counter strong{font-size:13px}.ore-counter small{font-size:5px}.rate-counter{display:none}.resource-gem{font-size:12px}.icon-button{width:36px;height:36px}.zone-hud{top:calc(60px + var(--safe-top))}.zone-hud h1{font-size:21px}.tap-guide{bottom:calc(131px + var(--safe-bottom))}}@media(max-height:520px)and (orientation:landscape){.top-hud{top:calc(7px + var(--safe-top))}.brand-mark{flex-basis:30px;width:30px;height:30px}.resource-hud{min-height:39px}.zone-hud{top:calc(57px + var(--safe-top));padding:7px 9px}.zone-hud h1{margin-bottom:6px;font-size:19px}.zone-objective{font-size:6px}.tap-guide{bottom:calc(95px + var(--safe-bottom));min-height:30px}.bottom-hud{bottom:calc(75px + var(--safe-bottom))}.bottom-nav{bottom:calc(6px + var(--safe-bottom));min-height:53px}.nav-button{min-height:41px}.side-panel{height:100dvh;width:min(420px,57vw)}.panel-heading{min-height:60px;padding:7px 14px}.panel-scroll{padding:7px 10px}.shop-intro{min-height:31px;margin-bottom:5px;padding:4px 7px}.upgrade-list{gap:4px}.upgrade-card{min-height:55px;padding:5px 7px}.upgrade-icon{flex-basis:31px;width:31px;height:31px}.upgrade-icon .glyph-icon{width:18px;height:18px}.buy-button{flex-basis:36px;width:36px;height:36px}}@media(min-width:1400px){.side-panel{width:470px}.top-hud{top:calc(20px + var(--safe-top))}.zone-hud{top:calc(95px + var(--safe-top))}.tap-guide{bottom:calc(171px + var(--safe-bottom))}.bottom-hud{bottom:calc(99px + var(--safe-bottom))}.bottom-nav{bottom:calc(17px + var(--safe-bottom))}}