*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#070b16;color:#e8f4ff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#frame{position:fixed;top:50%;left:50%;translate:-50% -50%;width:min(100vw,56.25vh);height:min(100vh,calc(100vw * 640 / 360));width:min(100vw,56.25dvh);height:min(100dvh,calc(100vw * 640 / 360));background:#070b16;overflow:hidden}#game{display:block;width:100%;height:100%;cursor:default;touch-action:none;image-rendering:auto}#frame.is-combat #game{cursor:none}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-btn{position:absolute;top:7px;left:28%;translate:0;z-index:3;pointer-events:auto;border:1px solid rgba(92,225,255,.3);background:#070b16b8;color:#d7f6ff;font:600 11px system-ui,sans-serif;padding:5px 10px;letter-spacing:.02em}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 22px;background:#070b16b8;pointer-events:none}.screen.is-on{display:flex;pointer-events:auto}.brand{font-size:42px;font-weight:700;letter-spacing:.08em;color:#e8f4ff}.brand-sm{font-size:22px;margin-bottom:8px}.tag{color:#d7f6ffb8;font-size:13px;text-align:center;max-width:240px;margin-bottom:12px;line-height:1.45}.cta{width:min(240px,100%);border:0;background:#5ce1ff;color:#071018;font:700 15px system-ui,sans-serif;padding:12px 16px;letter-spacing:.02em}.cta-ghost{background:transparent;color:#d7f6ff;border:1px solid rgba(92,225,255,.35)}.cta:disabled{opacity:.42}.micro{display:block;margin-top:4px;font-size:11px;font-weight:500;color:#d7f6ffb3}.panel{width:min(280px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 18px;background:#070b16e6;border:1px solid rgba(92,225,255,.22)}.panel h2{font-size:22px;font-weight:700}.stat{font-size:13px;color:#d7f6ffbf}.tip{position:absolute;top:max(44px,calc(env(safe-area-inset-top) + 36px));left:12px;right:12px;padding:10px 12px;border:1px solid rgba(92,225,255,.28);background:#070b16d1;color:#d7f6ff;font-size:13px;line-height:1.4;letter-spacing:.01em;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .28s ease,transform .28s ease}.tip.is-on{opacity:1;transform:none}.screen-fill{justify-content:flex-start;padding-top:28px;overflow:auto}.map-nodes,.parts{width:min(280px,100%);display:flex;flex-direction:column;gap:8px;margin:8px 0 12px}.slots{display:flex;gap:6px;width:min(280px,100%)}.slot{flex:1;border:1px solid rgba(92,225,255,.3);background:transparent;color:#d7f6ff;font:600 11px system-ui,sans-serif;padding:8px 4px}.slot.is-on{background:#5ce1ff;color:#071018}.part{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border:1px solid rgba(92,225,255,.18);background:#070b168c}.part.is-on{border-color:#5ce1ffb3;box-shadow:0 0 0 1px #5ce1ff40}.part.is-locked{opacity:.72}.part-art-wrap{width:64px;height:64px;flex:0 0 64px;overflow:hidden;background:#070b16;border:1px solid rgba(92,225,255,.2)}.part-art{width:100%;height:100%;object-fit:contain;display:block}.part-copy{flex:1;min-width:0}.part .cta{width:auto;padding:8px 10px;font-size:12px}.feedback{min-height:18px;color:#ff8fb3;font-size:12px}.hangar-top{width:min(280px,100%);display:flex;justify-content:space-between;align-items:baseline}