:root{--bg: #05060d;--bg2: #0a0d1a;--panel: #0d1020;--panel2: #131731;--line: rgba(160, 175, 230, .14);--text: #e8ecf8;--muted: #8b93b0;--dim: #5a6180;--accent: #ffb85c;--accent-rgb: 255, 184, 92;--star: #ffb85c;--star-rgb: 255, 184, 92;--gold: #ffd166;--helium: #9ad8ff;--metal: #c9b1ff;--danger: #ff6b6b;--ok: #7cf5b3;--radius: 12px;--font: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Segoe UI", sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--panel-w: 420px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:6px 12px;transition:background .15s,border-color .15s,transform .08s,opacity .15s;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:hover{background:#1a2044;border-color:#a0afe64d}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.primary{background:linear-gradient(180deg,rgba(var(--star-rgb),.35),rgba(var(--star-rgb),.15));border-color:rgba(var(--star-rgb),.55)}button.primary:hover{background:linear-gradient(180deg,rgba(var(--star-rgb),.5),rgba(var(--star-rgb),.25))}button.ghost{background:transparent}button.danger{border-color:#ff6b6b80;color:#ffb3b3}input[type=range]{width:100%;accent-color:var(--accent)}textarea{width:100%;min-height:80px;font:12px var(--mono);background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px;resize:vertical}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#1f2547;border-radius:8px}.app{display:grid;grid-template-columns:1fr var(--panel-w);height:100dvh;width:100vw}.scene-wrap{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#0b0e22 0%,var(--bg) 70%);touch-action:manipulation;user-select:none;-webkit-user-select:none;cursor:pointer}#scene{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;top:14px;left:14px;right:14px;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:340px}.hud-card{background:#080a189e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.hud-type{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}.hud-dot{width:12px;height:12px;border-radius:50%;background:var(--star);box-shadow:0 0 10px 2px rgba(var(--star-rgb),.7);flex-shrink:0}.hud-mass{font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:2px}.hud-mass small{font-size:13px;color:var(--muted);font-weight:500;margin-left:6px}.hud-flavor{color:var(--muted);font-size:12px;margin-top:2px}.fuel{margin-top:8px}.fuel-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:4px}.fuel-bar{height:6px;border-radius:6px;background:#ffffff14;overflow:hidden}.fuel-fill{height:100%;width:100%;border-radius:6px;background:linear-gradient(90deg,#ff7a3c,var(--star));transition:width .3s linear}.fuel-fill.low{background:linear-gradient(90deg,#ff3c3c,#ff7a3c);animation:pulse 1s ease-in-out infinite}.res-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}.res-row+.res-row{margin-top:4px}.res-name{color:var(--muted);font-size:12px}.res-val{font-weight:600;font-size:15px}.res-rate{font-size:11px;color:var(--dim);margin-left:6px}.res-val.photons{color:#fff3d6}.res-val.helium{color:var(--helium)}.hud-tiny{font-size:11px;color:var(--dim);margin-top:6px}.fate-wrap{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.fate-btn{font-size:16px;font-weight:700;padding:12px 26px;border-radius:999px;background:linear-gradient(180deg,#ff9a5c,#ff5c3c);border:none;color:#1a0a05;box-shadow:0 0 24px #ff783c8c;animation:breathe 1.6s ease-in-out infinite}.fate-sub{font-size:12px;color:var(--muted);background:#080a1899;padding:2px 10px;border-radius:999px}.hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#080a18bf;border:1px solid rgba(var(--star-rgb),.5);border-radius:999px;padding:8px 16px;font-size:13px;pointer-events:none;animation:fadeup .4s ease-out;white-space:nowrap;max-width:90%;text-overflow:ellipsis;overflow:hidden}.panel{display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);min-height:0}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);gap:10px}.brand{font-weight:800;letter-spacing:.08em;font-size:13px;color:var(--muted)}.brand b{color:var(--text)}.metals-badge{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--metal);font-variant-numeric:tabular-nums}.metals-badge .lbl{color:var(--muted);font-weight:500;font-size:12px}.icon-btn{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:16px}.tabbar{display:flex;border-bottom:1px solid var(--line)}.tab{flex:1;border:none;border-radius:0;background:transparent;padding:10px 4px;color:var(--muted);font-weight:600;font-size:13px;position:relative}.tab:hover{background:#ffffff08}.tab.active{color:var(--text)}.tab.active:after{content:"";position:absolute;left:15%;right:15%;bottom:0;height:2px;background:var(--star);border-radius:2px}.tab .badge{position:absolute;top:6px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok)}.tab-body{flex:1;overflow-y:auto;padding:12px;min-height:0}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--line);gap:8px;font-size:12px;color:var(--muted)}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{border:none;border-radius:0;background:transparent;padding:5px 12px;font-size:12px;color:var(--muted)}.seg button.active{background:rgba(var(--star-rgb),.22);color:var(--text)}.section-title{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:14px 0 8px;display:flex;justify-content:space-between;align-items:center}.section-title:first-child{margin-top:2px}.card{background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin-bottom:10px}.card.accent{border-color:rgba(var(--star-rgb),.45);box-shadow:inset 0 0 40px rgba(var(--star-rgb),.06)}.card h3{margin:0 0 6px;font-size:15px}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.stack{display:flex;flex-direction:column;gap:6px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:#ffffff08;border-radius:8px;padding:8px 10px}.stat .k{font-size:11px;color:var(--muted)}.stat .v{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.upgrade{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;margin-bottom:8px;transition:border-color .2s,opacity .2s}.upgrade.locked{opacity:.55}.upgrade.affordable{border-color:rgba(var(--star-rgb),.45)}.upgrade .name{font-weight:700;display:flex;align-items:center;gap:8px}.upgrade .lv{font-size:11px;color:var(--muted);background:#ffffff0f;padding:1px 7px;border-radius:999px;font-weight:600}.upgrade .lv.max{color:var(--gold)}.upgrade .desc{font-size:12px;color:var(--muted);margin-top:2px}.upgrade .eff{font-size:12px;color:var(--ok);margin-top:3px}.upgrade .buy{min-width:96px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 10px;line-height:1.2}.upgrade .buy .cost{font-weight:700;font-variant-numeric:tabular-nums;font-size:13px}.upgrade .buy .cnt{font-size:10px;color:var(--muted)}.cost.photons{color:#fff3d6}.cost.helium{color:var(--helium)}.cost.metals{color:var(--metal)}.slot{background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;margin-bottom:8px}.slot.empty{border-style:dashed}.slot .pname{font-weight:700;display:flex;align-items:center;gap:8px}.pdot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.tier-badge{font-size:11px;padding:1px 8px;border-radius:999px;background:#ffffff0f;color:var(--muted)}.tier-badge.t1{color:#9dffb0;background:#78ffa01f}.tier-badge.t2{color:#ffe08a;background:#ffdc781f}.tier-badge.t3{color:#9ad8ff;background:#78c8ff24}.tier-badge.t4{color:#ffd166;background:#ffd16633}.bar{height:5px;border-radius:5px;background:#ffffff14;overflow:hidden;margin-top:6px}.bar>div{height:100%;background:linear-gradient(90deg,#6ee7b7,#9ad8ff);transition:width .3s}.remnant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.remnant{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 6px;text-align:center;font-size:11px;color:var(--muted)}.remnant .orb{width:34px;height:34px;margin:4px auto 6px;border-radius:50%;position:relative}.remnant.wd .orb{background:radial-gradient(circle,#fff,#cfe2ff 40%,#78a0ff00 72%);animation:pulse 2.4s ease-in-out infinite}.remnant.ns .orb{background:radial-gradient(circle,#fff,#b9c8ff 18%,#0000 30%),conic-gradient(from 0deg,#96beff00,#96beffe6 12deg,#96beff00 24deg 180deg,#96beffe6 192deg,#96beff00 204deg);animation:spin .6s linear infinite}.remnant.bh .orb{background:radial-gradient(circle,#000 0% 42%,#ff9b3c 50%,#ffd88a 56%,#ff963c00 72%);animation:spin 6s linear infinite}.remnant.gold .orb{background:radial-gradient(circle,#fff5c2,#ffd166,#ffd16600 70%);animation:pulse 1.6s ease-in-out infinite}.remnant b{display:block;color:var(--text);font-size:12px}.ach-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ach{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:12px}.ach.locked{opacity:.45}.ach b{display:block;font-size:13px;margin-bottom:2px}.ach .rw{color:var(--ok);font-size:11px}.codex-item{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.codex-item.locked{opacity:.4}.codex-item .cdot{width:14px;height:14px;border-radius:50%;flex-shrink:0;margin-top:3px}.codex-item b{display:block;font-size:13px}.toasts{position:fixed;top:14px;right:calc(var(--panel-w) + 14px);display:flex;flex-direction:column;gap:8px;z-index:50;pointer-events:none;max-width:320px}.toast{background:#0d1020eb;border:1px solid var(--line);border-left:3px solid var(--star);border-radius:10px;padding:10px 14px;font-size:13px;box-shadow:0 8px 30px #00000073;animation:slidein .3s ease-out}.toast.milestone{border-left-color:var(--gold)}.toast.achievement{border-left-color:var(--ok)}.toast.warn{border-left-color:var(--danger)}.toast.out{animation:fadeout .4s ease-in forwards}.toast b{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.modal-root{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#03040ab8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:16px;animation:fadein .2s ease-out}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(520px,100%);max-height:min(90dvh,720px);overflow-y:auto;padding:20px;box-shadow:0 20px 60px #0009;animation:popin .25s cubic-bezier(.2,.9,.3,1.2)}.modal h2{margin:0 0 6px;font-size:20px}.modal .sub{color:var(--muted);margin-bottom:14px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.fate-preview{display:flex;align-items:center;gap:14px;background:var(--panel2);border-radius:12px;padding:12px;margin-bottom:12px}.fate-orb{width:54px;height:54px;border-radius:50%;flex-shrink:0}.fate-orb.wd{background:radial-gradient(circle,#fff,#cfe2ff 40%,#78a0ff00 72%)}.fate-orb.ns{background:radial-gradient(circle,#fff,#b9c8ff 18%,#0000 30%),conic-gradient(from 0deg,#96beff00,#96beffe6 12deg,#96beff00 24deg 180deg,#96beffe6 192deg,#96beff00 204deg);animation:spin .6s linear infinite}.fate-orb.bh{background:radial-gradient(circle,#000 0% 42%,#ff9b3c 50%,#ffd88a 56%,#ff963c00 72%);animation:spin 6s linear infinite}.breakdown{font-size:12px;color:var(--muted)}.breakdown div{display:flex;justify-content:space-between;padding:2px 0}.breakdown .total{color:var(--metal);font-weight:700;font-size:15px;border-top:1px solid var(--line);margin-top:4px;padding-top:6px}.lose-keep{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;font-size:12px}.lose-keep .lose{color:#ffb3b3}.lose-keep .keep{color:var(--ok)}.lose-keep ul{margin:4px 0 0;padding-left:16px;color:var(--muted)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);gap:12px}.setting-row label{font-weight:600}.setting-row .desc{font-size:11px;color:var(--muted)}.switch{width:42px;height:24px;border-radius:999px;border:1px solid var(--line);background:#1a1f3d;position:relative;padding:0;flex-shrink:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.switch.on{background:rgba(var(--star-rgb),.35);border-color:rgba(var(--star-rgb),.6)}.switch.on:after{transform:translate(18px);background:var(--star)}.storage-warn{position:fixed;bottom:0;left:0;right:0;background:#4a1414;color:#ffd6d6;text-align:center;padding:6px;font-size:12px;z-index:200}.offline-events{max-height:140px;overflow-y:auto;font-size:12px;color:var(--muted);background:var(--panel2);border-radius:8px;padding:8px 10px;margin-top:8px}.offline-events div{padding:2px 0}.kbd{font:11px var(--mono);background:#ffffff14;padding:1px 5px;border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 0 24px #ff783c8c}50%{transform:scale(1.04);box-shadow:0 0 36px #ff783cd9}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadein{0%{opacity:0}}@keyframes fadeup{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes popin{0%{opacity:0;transform:scale(.94)}}@keyframes slidein{0%{opacity:0;transform:translate(16px)}}@keyframes fadeout{to{opacity:0;transform:translateY(-6px)}}.flash-num{position:absolute;pointer-events:none;font-weight:700;font-size:14px;color:#fff3d6;text-shadow:0 0 8px rgba(var(--star-rgb),.9);animation:floatup .9s ease-out forwards;transform:translate(-50%,-50%);white-space:nowrap}@keyframes floatup{to{opacity:0;transform:translate(-50%,-70px)}}@media(prefers-reduced-motion:reduce),(max-width:0){.reduced *{animation:none!important;transition:none!important}}body.reduced *{animation-duration:1ms!important}@media(max-width:900px){:root{--panel-w: 0px}.app{grid-template-columns:1fr;grid-template-rows:42dvh 1fr}.scene-wrap{position:sticky;top:0}.panel{border-left:none;border-top:1px solid var(--line)}.hud{top:10px;left:10px;right:10px;max-width:none;flex-direction:row;flex-wrap:wrap;gap:6px}.hud-card{padding:7px 10px;flex:1 1 140px}.hud-mass{font-size:20px}.hud-flavor,.hud-tiny{display:none}.res-val{font-size:14px}.fate-wrap{bottom:14px}.fate-btn{font-size:14px;padding:10px 20px}.toasts{inset:auto 10px 64px;max-width:none;align-items:center}.tabbar{order:3;position:sticky;bottom:0;background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.panel-footer{order:2}.tab-body{order:1}.tab{padding:12px 2px;font-size:12px}.upgrade{grid-template-columns:1fr}.upgrade .buy{width:100%;flex-direction:row;justify-content:space-between;min-height:44px}.ach-grid{grid-template-columns:1fr}.modal{padding:16px}}.grid2>.buy{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;line-height:1.2;min-height:48px}.grid2>.buy .cost{font-size:12px;font-weight:700}.card .row>button{white-space:nowrap;flex-shrink:0}.site-verification{position:fixed;bottom:2px;left:4px;font-size:9px;color:#8b93b059;font-family:var(--mono);pointer-events:none;z-index:1;user-select:text}