:root{--coal-950: #07090d;--coal-900: #0d1418;--coal-800: #152027;--steel: #a8b3c5;--frost: #f3f7fb;--copper: #d97730;--amber: #f2b84b;--emerald: #47d18c;--aqua: #58c7e8;--violet: #9b87f5;--panel-texture: url(/assets/ui/textures-ai/panel-coal-512.png);--button-texture: url(/assets/ui/textures-ai/button-amber-512.png);--row-texture: url(/assets/ui/textures-ai/row-slate-512.png);color:var(--frost);background:var(--coal-950);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button{min-height:48px;border:0;border-radius:6px;color:var(--frost);background:linear-gradient(180deg,#ffffff14,#fff0),#0d1418c7;font:inherit;line-height:1.2;cursor:pointer;box-shadow:inset 0 0 0 1px #a8b3c51f;transition:transform .14s ease,background .14s ease,box-shadow .14s ease,color .14s ease}button:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(180deg,#58c7e82e,#58c7e80a),#0f2026e6;box-shadow:inset 0 0 0 1px #58c7e857,0 8px 22px #0003}button:active:not(:disabled){transform:translateY(1px) scale(.99)}button:disabled{color:#e2e8f06b;background:#0f172a6b;cursor:not-allowed}button small{display:block;margin-top:3px;color:#e2e8f09e;font-size:13px}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{width:23px;height:23px;flex:0 0 auto;fill:currentColor}.game-shell{position:relative;width:100vw;height:100vh;background:var(--coal-950)}.sim-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-overlay button,.popup{pointer-events:auto}.topbar{position:absolute;top:18px;right:18px;left:18px;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px}.brand{text-shadow:0 2px 12px rgba(0,0,0,.5);animation:hudSettle .42s ease both}.brand p,.brand h1{margin:0}.brand p{color:#f3f7fbb8;font-size:13px;text-transform:uppercase}.brand h1{margin-top:2px;font-size:34px;line-height:1}.cash{display:flex;transform:scale(calc(1 + var(--pulse, 0) * .08));min-width:188px;align-items:baseline;justify-content:flex-end;gap:3px;padding:10px 14px;border-bottom:2px solid var(--emerald);color:#dffbea;background:linear-gradient(110deg,#47d18c00,#47d18c2e,#47d18c0a),#07120e8f;font-size:32px;font-weight:800;text-shadow:0 0 calc(var(--pulse, 0) * 22px) rgba(71,209,140,.95);box-shadow:0 10px 28px #00000029;transition:transform 90ms linear,filter .16s ease;animation:cashTrace 3.2s linear infinite}.cash span{color:var(--emerald);font-size:20px}.drill-toggle,.icon-button,.close-button,.secondary{min-width:112px;padding:0 18px;font-size:16px}.icon-button{display:inline-flex;align-items:center;gap:8px}.drill-toggle{color:#211303;background:linear-gradient(180deg,#ffd87a,var(--amber)),var(--amber);font-weight:800;box-shadow:0 8px 26px #f2b84b2e,inset 0 -2px #5b340b47}.drill-toggle[data-state=active]{color:#120c02;background:linear-gradient(180deg,#fff0a8,#f7c845 44%,#f0a63a),var(--amber);animation:drillLive 1.05s ease-in-out infinite}.telemetry{position:absolute;top:96px;left:18px;display:flex;max-width:calc(100vw - 28px);flex-wrap:wrap;gap:12px 22px;color:#f3f7fbc7;font-size:18px;text-shadow:0 2px 10px rgba(0,0,0,.55)}.telemetry strong{color:var(--frost);text-shadow:0 0 12px rgba(88,199,232,.32)}.dock{position:absolute;right:18px;bottom:18px;left:18px;display:flex;width:max-content;max-width:calc(100vw - 36px);margin:0 auto;padding:10px 12px;justify-content:center;gap:8px;border:1px solid rgba(168,179,197,.16);border-radius:12px;background:linear-gradient(180deg,#ffffff12,#fff0),var(--panel-texture) center / cover,linear-gradient(180deg,#ffffff0d,#fff0),#070b10db;box-shadow:0 18px 46px #0000004d,inset 0 0 0 1px #00000057;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dock button{position:relative;display:inline-flex;width:82px;min-width:82px;height:74px;min-height:74px;align-items:center;justify-content:center;overflow:visible;padding:0;font-size:16px;border:1px solid rgba(242,184,75,.28);border-radius:8px;color:#fff2bf;background:radial-gradient(circle at 50% 24%,rgba(255,243,186,.28),transparent 44%),linear-gradient(180deg,#ffffff1c,#0000001f),var(--button-texture) center / cover,#2a1d0b;box-shadow:inset 0 1px #ffffff38,inset 0 -3px #3a200580,0 8px 18px #0000003d}.dock button:after{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(255,244,191,.22);border-radius:5px;content:"";pointer-events:none}.dock button .ui-icon{width:34px;height:34px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.34));transition:transform .14s ease,filter .14s ease}.dock button:hover{border-color:#58c7e894;background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.38),transparent 46%),linear-gradient(180deg,#58c7e82b,#0000001a),var(--button-texture) center / cover,#31200a}.dock button:hover .ui-icon{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 10px 12px rgba(0,0,0,.38)) drop-shadow(0 0 12px rgba(88,199,232,.26))}.dock button span{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,6px);padding:5px 8px;border-radius:6px;color:var(--frost);background:#070b10f0;font-size:13px;line-height:1;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .14s ease,transform .14s ease}.dock button:hover span,.dock button:focus-visible span{transform:translate(-50%);opacity:1}.popup-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.popup{position:absolute;top:146px;right:18px;bottom:auto;isolation:isolate;display:none;width:min(480px,calc(100vw - 36px));max-height:calc(100vh - 238px);overflow:auto;gap:14px;padding:22px;border:1px solid rgba(168,179,197,.18);border-radius:10px;background:linear-gradient(180deg,#fff1,#ffffff04),var(--panel-texture) center / cover,#070b10e6;box-shadow:-18px 20px 44px #0000006b,inset 0 0 0 1px #00000061;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.popup.active{display:grid;animation:sideIn .18s ease-out both}.popup-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.popup h2{margin:0;font-size:22px;color:var(--frost);text-shadow:0 0 16px rgba(88,199,232,.24)}.button-stack,.relic-list,.log-list,.utility-actions,.ore-grid{display:grid;gap:8px}.popup button,.button-stack button{position:relative;justify-content:flex-start;min-height:54px;border:1px solid rgba(242,184,75,.24);border-radius:7px;padding:12px 18px;font-size:16px;text-align:left;background:linear-gradient(180deg,#ffffff1f,#0000001a),var(--button-texture) center / cover,#2a1d0b;box-shadow:inset 0 1px #ffffff2e,inset 0 -2px #3a20056b}.popup>button[data-action=toggle-drill],.popup>button[data-action=gacha]{justify-content:center}.ore-row,.relic-list div,.log-list div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;border-bottom:1px solid rgba(168,179,197,.12);background:linear-gradient(90deg,#070b1061,#070b102e),var(--row-texture) center / cover;transition:background .14s ease,transform .14s ease}.ore-row:hover,.relic-list div:hover,.log-list div:hover{transform:translate(2px);background:#58c7e80e}.ore-row small{grid-column:2 / 4;color:#cbd5e194;font-size:13px}.ore-swatch{width:14px;height:14px;box-shadow:0 0 14px currentColor}.ore-row strong,.relic-list strong{color:var(--frost)}.relic-list div,.log-list div{grid-template-columns:minmax(0,1fr);padding:6px 0}.relic-list span,.log-list div{color:#cbd5e1b8;font-size:14px}@keyframes drillLive{0%,to{box-shadow:0 8px 26px #f2b84b33,0 0 #f2b84b00}50%{box-shadow:0 12px 34px #f2b84b57,0 0 24px #f2b84b57}}@keyframes cashTrace{0%{background-position:-180px 0}to{background-position:220px 0}}@keyframes sideIn{0%{opacity:0;transform:translate(18px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes hudSettle{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.utility-actions{grid-template-columns:1fr 1fr}@media(max-width:760px){.topbar{grid-template-columns:minmax(0,1fr) auto}.brand{display:none}.cash{justify-content:flex-start}.drill-toggle{grid-column:1 / 2}.dock{flex-wrap:wrap;width:calc(100vw - 20px);max-width:calc(100vw - 20px)}.dock button{min-width:30%;width:auto;height:68px;min-height:68px}.popup{top:auto;right:10px;bottom:130px;left:10px;width:auto;max-height:58vh;padding:18px}}