:root{--bg: #07080f;--bg2: #0d1020;--card: #141828;--card2: #1a1f33;--border: #262c47;--text: #e8ecff;--dim: #8b93b8;--accent: #7c5cff;--accent2: #41e0c8;--gold: #ffc857;--danger: #ff5c7a;--ok: #4ade80}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:url(/assets/bg-nebula.png) center top / cover no-repeat,radial-gradient(120% 100% at 50% 0%,#10142b 0%,var(--bg) 60%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;overflow:hidden;-webkit-user-select:none;user-select:none}#root{height:100%;display:flex;flex-direction:column}.screen{flex:1;overflow-y:auto;padding:12px 14px 84px;-webkit-overflow-scrolling:touch}h1,h2,h3{font-weight:700;letter-spacing:.5px}.dim{color:var(--dim)}.mono{font-variant-numeric:tabular-nums}.card{background:linear-gradient(160deg,var(--card) 0%,var(--card2) 100%);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:10px}.card-title{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);margin-bottom:8px}.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:12px;padding:12px 18px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--accent) 0%,#5b3fd4 100%);transition:transform .08s ease,filter .15s}.btn:active{transform:scale(.96);filter:brightness(1.2)}.btn:disabled{opacity:.4;transform:none}.btn.secondary{background:var(--card2);border:1px solid var(--border);color:var(--text)}.btn.danger{background:linear-gradient(135deg,#d43f5e,#a12947)}.btn.teal{background:linear-gradient(135deg,var(--accent2),#1f9d8a);color:#04241f}.btn.big{width:100%;padding:16px;font-size:17px;border-radius:16px}.btn.sm{padding:7px 12px;font-size:13px;border-radius:9px}.res-chip{display:inline-flex;align-items:center;gap:5px;background:var(--card2);border:1px solid var(--border);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:600}.res-chip .res-icon{width:16px;height:16px;object-fit:contain}.bar{height:6px;background:#0a0d1a;border-radius:999px;overflow:hidden}.bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .5s ease}.bar.gold>div{background:linear-gradient(90deg,#b8860b,var(--gold))}.bar.red>div{background:linear-gradient(90deg,#8a1f3c,var(--danger))}.navbar{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:space-around;background:#0a0c18eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--dim);font-size:10px;font-weight:600;letter-spacing:.5px;background:none;border:none;padding:4px 10px;cursor:pointer}.nav-item.active{color:var(--accent2)}.nav-item .icon{font-size:20px}.station{position:relative;border-radius:18px;overflow:hidden;background:radial-gradient(100% 100% at 50% 0%,#232a52,#0c0f22 70%);border:1px solid var(--border);padding:22px 14px;text-align:center;margin-bottom:12px}.station-core{width:110px;height:110px;margin:8px auto;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9d8cff,var(--accent) 45%,#1c1450 90%);box-shadow:0 0 40px 6px #7c5cff73,inset 0 0 24px #ffffff40;animation:pulse 3.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 40px 6px #7c5cff73}50%{transform:scale(1.05);box-shadow:0 0 60px 12px #7c5cffa6}}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bldg{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #1c2136}.bldg:last-child{border-bottom:none}.bldg .lvl{font-size:12px;color:var(--accent2);font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#04050cc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .18s ease}.modal{width:100%;max-width:480px;max-height:82vh;overflow-y:auto;background:var(--bg2);border:1px solid var(--border);border-bottom:none;border-radius:20px 20px 0 0;padding:18px 16px calc(20px + env(safe-area-inset-bottom));animation:slideUp .22s ease}@keyframes fadeIn{0%{opacity:0}}@keyframes slideUp{0%{transform:translateY(40px);opacity:.5}}.toast{position:fixed;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:200;background:#232848;border:1px solid var(--border);color:var(--text);padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 8px 30px #00000080;animation:slideUp .2s ease}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.badge.bronze{background:#4a2f1d;color:#e8a06a}.badge.silver{background:#333a4d;color:#c9d2e8}.badge.gold{background:#4d3d12;color:var(--gold)}.badge.platinum{background:#123f45;color:#6be8dd}.badge.diamond{background:#1b2a52;color:#7db2ff}.badge.void{background:#2a1245;color:#c98cff}.rarity-common{color:#b8c0d8}.rarity-rare{color:#5aa2ff}.rarity-epic{color:#c98cff}.rarity-legendary{color:var(--gold)}.mission{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #1c2136}.mission:last-child{border:none}.mission.done{opacity:.55}.result-win{color:var(--ok);font-weight:800;font-size:22px}.result-loss{color:var(--danger);font-weight:800;font-size:22px}.tutorial-tip{position:fixed;bottom:90px;left:14px;right:14px;z-index:90;background:linear-gradient(135deg,#232850,#161a35);border:1px solid var(--accent);border-radius:14px;padding:12px 14px;font-size:13px;animation:slideUp .25s ease}.loading{display:flex;align-items:center;justify-content:center;height:60%;color:var(--dim);font-size:15px;flex-direction:column;gap:12px}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.score-hero{font-size:34px;font-weight:800;background:linear-gradient(90deg,var(--accent2),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.art-station{width:150px;height:150px;object-fit:contain;margin:4px auto;display:block;filter:drop-shadow(0 0 22px rgba(124,92,255,.5))}.art-icon{width:26px;height:26px;object-fit:contain;flex:none}.res-img,.res-icon{width:16px;height:16px;object-fit:contain;border-radius:4px}.art-ship{width:64px;height:64px;object-fit:contain}.art-banner{width:100%;height:84px;object-fit:cover;border-radius:10px;margin-bottom:8px}.art-badge{width:20px;height:20px;object-fit:contain;vertical-align:-4px}.art-result{width:120px;height:120px;object-fit:contain;margin:0 auto 6px;display:block}.art-form{width:18px;height:18px;object-fit:contain}