:root{font-family:Avenir Next Condensed,Gill Sans,sans-serif;color:#f4ecd9;background:#07191e;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}button{font:inherit}.app{--ink: #f4ecd9;--muted: rgba(244, 236, 217, .63);--line: rgba(244, 236, 217, .18);--panel: rgba(7, 24, 29, .82);--accent: #ec9d4d;position:relative;width:100vw;height:100vh;height:100dvh;min-height:0;isolation:isolate;overflow:hidden;background:#07191e}.app:before,.app:after{content:"";position:absolute;z-index:3;pointer-events:none}.app:before{inset:22px;border:1px solid rgba(244,236,217,.08)}.app:after{top:103px;right:32px;left:32px;height:1px;background:linear-gradient(90deg,rgba(244,236,217,.18),transparent 32%,transparent 68%,rgba(244,236,217,.18))}.app--day{--panel: rgba(7, 39, 45, .72);--accent: #f5b858}.app:fullscreen{width:100vw;height:100vh;height:100dvh}.app canvas{position:absolute;inset:0;display:block;width:100%!important;height:100%!important}.grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.14;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.14) 0 1px,transparent 1px),radial-gradient(circle at 70% 80%,rgba(255,255,255,.09) 0 1px,transparent 1px);background-size:5px 5px,7px 7px}.topbar,.resource-bar,.mission-card,.scene-index,.view-switcher,.control-guide,.battery-status,.ship-telemetry,.combat-reset,.interaction-prompt,.footer-note{position:absolute;z-index:4}.topbar{top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px 46px 24px;pointer-events:none}.brand-lockup,.topbar-actions{display:flex;align-items:center;gap:14px;pointer-events:auto}.brand-mark{display:grid;width:60px;height:60px;place-items:center;border:1px solid rgba(244,236,217,.54);color:#17130e;background:var(--accent);font-family:Bodoni MT,Didot,serif;font-size:21px;font-weight:800;letter-spacing:-.04em;transform:rotate(-4deg);box-shadow:5px 5px #030d108c}.brand-kicker,.section-label{margin:0 0 6px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.23em}.brand-lockup h1{margin:0;font-family:Bodoni MT,Didot,serif;font-size:34px;font-weight:700;letter-spacing:.08em}.asset-state{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;color:#f4ecd9c7;background:#05131794;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:12px;letter-spacing:.06em}.asset-state i{width:7px;height:7px;border-radius:50%;background:#e8b15f;box-shadow:0 0 0 4px #e8b15f1f}.asset-state--ready i{background:#72d7a7;box-shadow:0 0 0 4px #72d7a71f}.asset-state--fallback i{background:#e47a62;box-shadow:0 0 0 4px #e47a621f}.asset-state--loading i{animation:pulse 1.2s ease-in-out infinite}.icon-button,.fullscreen-button,.quality-button{display:grid;min-height:46px;place-items:center;border:1px solid var(--line);color:var(--ink);background:#051317a3;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .18s ease,background .18s ease,border-color .18s ease}.icon-button{width:46px;height:46px;border-radius:50%}.fullscreen-button,.quality-button{min-width:82px;padding:0 18px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em}.icon-button:hover,.fullscreen-button:hover,.quality-button:hover{transform:translateY(-2px);border-color:#f4ecd961;background:#ec9d4d33}.resource-bar{top:120px;right:48px;display:flex;gap:8px;padding:8px;border:1px solid var(--line);background:#051317b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.resource-item{display:grid;min-width:94px;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:7px 10px;border-right:1px solid var(--line)}.resource-item:last-child{border-right:0}.resource-item>span{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(236,157,77,.4);color:var(--accent);font-family:Bodoni MT,Didot,serif;font-size:12px;font-weight:800}.resource-item div{display:grid;gap:2px}.resource-item small{color:#f4ecd96b;font-size:8px;font-weight:700;letter-spacing:.1em}.resource-item strong{color:var(--ink);font-family:Bodoni MT,Didot,serif;font-size:18px;line-height:1}.fullscreen-error{position:absolute;z-index:6;top:112px;right:46px;max-width:360px;padding:11px 15px;border:1px solid rgba(228,122,98,.46);color:#ffe4dc;background:#4a1613e0;font-size:12px;letter-spacing:.04em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.loot-toast{position:absolute;z-index:7;top:122px;left:50%;display:grid;gap:5px;min-width:360px;padding:15px 20px;border:1px solid rgba(240,195,78,.48);color:#fff3ca;background:#30220ce6;box-shadow:0 18px 54px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%);animation:loot-in .26s ease-out both}.loot-toast span{color:#e9b94a;font-size:9px;font-weight:800;letter-spacing:.18em}.loot-toast strong{font-size:12px;font-weight:700;letter-spacing:.04em}.mission-card{top:146px;left:48px;width:clamp(360px,23vw,450px);max-height:calc(100dvh - 220px);padding:32px;overflow-y:auto;border:1px solid var(--line);background:linear-gradient(135deg,rgba(236,157,77,.09),transparent 48%),var(--panel);box-shadow:0 28px 90px #010a0d75;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);animation:slide-in .65s cubic-bezier(.2,.8,.2,1) both}.mission-card:after{content:"";position:absolute;top:0;right:0;width:18px;height:18px;border-left:1px solid var(--line);background:#ec9d4d29}.mission-card h2{margin:15px 0 18px;font-family:Bodoni MT,Didot,serif;font-size:clamp(48px,4.2vw,76px);line-height:.9;font-weight:700}.mission-card>p:not(.section-label){max-width:34em;margin:0;color:var(--muted);font-size:15px;line-height:1.8}.mission-meta{display:flex;justify-content:space-between;gap:18px;margin:29px 0;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#f4ecd98f;font-size:11px;font-weight:700;letter-spacing:.12em}.quest-progress{margin:-8px 0 24px;padding:16px;border:1px solid rgba(244,236,217,.12);background:#020e1257}.quest-progress>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.quest-progress>header div{display:grid;gap:4px}.quest-progress>header small{color:#f4ecd966;font-size:8px;font-weight:800;letter-spacing:.14em}.quest-progress>header strong{color:var(--ink);font-size:14px;letter-spacing:.08em}.quest-progress>header>span{flex:none;color:var(--accent);font-family:Bodoni MT,Didot,serif;font-size:17px;font-weight:700}.quest-progress>p{margin:12px 0 14px;color:#f4ecd97a;font-size:11px;line-height:1.6}.quest-objectives{display:grid;gap:7px}.quest-objectives>div{display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:center;color:#f4ecd994;font-size:10px;letter-spacing:.04em}.quest-objectives i{display:grid;min-height:22px;place-items:center;border:1px solid rgba(244,236,217,.14);color:#f4ecd970;font-size:8px;font-style:normal;font-weight:800}.quest-objectives>div.is-complete{color:#f4ecd9db}.quest-objectives>div.is-complete i,.quest-progress.is-complete>header>span{border-color:#72d7a759;color:#72d7a7}.primary-action{display:flex;width:100%;min-height:58px;align-items:center;justify-content:space-between;padding:0 22px;border:0;color:#1c1710;background:var(--accent);cursor:pointer;font-size:13px;font-weight:800;letter-spacing:.09em;transition:transform .18s ease,box-shadow .18s ease}.primary-action b{font-size:20px;font-weight:400}.primary-action:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ec9d4d3d}.scene-index{top:50%;right:48px;display:grid;gap:10px;width:clamp(260px,17vw,320px);transform:translateY(-50%)}.scene-index button{display:grid;min-height:72px;grid-template-columns:44px 1fr;gap:16px;align-items:center;padding:14px 18px;border:1px solid transparent;color:#f4ecd99e;background:transparent;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.scene-index button>span{color:#f4ecd94d;font-family:Bodoni MT,Didot,serif;font-size:18px}.scene-index button div{display:grid;gap:6px}.scene-index b{font-size:14px;letter-spacing:.09em}.scene-index small{color:#f4ecd961;font-size:10px;letter-spacing:.12em}.scene-index button:hover,.scene-index button.is-active{border-color:var(--line);color:var(--ink);background:#0513179e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.scene-index button.is-active>span{color:var(--accent)}.view-switcher{left:50%;bottom:42px;display:flex;gap:6px;padding:7px;border:1px solid var(--line);border-radius:999px;background:#051317b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-50%)}.view-switcher button{min-width:104px;min-height:43px;padding:0 24px;border:0;border-radius:999px;color:#f4ecd985;background:transparent;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.1em;transition:color .18s ease,background .18s ease}.view-switcher button:hover,.view-switcher button.is-active{color:#1c1710;background:var(--accent)}.view-switcher button:disabled{color:#f4ecd933;cursor:not-allowed;background:transparent}.control-guide{left:48px;bottom:42px;display:flex;gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:999px;color:#f4ecd9ad;background:#051317b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:10px;letter-spacing:.06em}.control-guide span{display:flex;gap:7px;align-items:center;padding-right:7px}.control-guide kbd{min-width:34px;padding:5px 7px;border:1px solid rgba(244,236,217,.2);border-radius:999px;color:var(--ink);background:#f4ecd914;font-family:inherit;font-size:9px;font-weight:800;text-align:center}.battery-status{right:48px;bottom:194px;display:flex;gap:1px;overflow:hidden;border:1px solid var(--line);background:#051317cc;box-shadow:0 16px 40px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.battery-status>div{display:grid;min-width:112px;grid-template-columns:34px 1fr;gap:2px 10px;align-items:center;padding:9px 12px;background:#f4ecd909}.battery-status kbd{grid-row:span 2;display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(244,236,217,.18);border-radius:50%;color:var(--ink);background:#f4ecd914;font-family:inherit;font-size:9px;font-weight:900}.battery-status span{color:#f4ecd97a;font-size:9px;font-weight:800;letter-spacing:.12em}.battery-status strong{color:#8fe1b8;font-size:11px;letter-spacing:.08em}.battery-status .is-loading strong{color:var(--accent)}.battery-status .is-empty{background:#781f183d}.battery-status .is-empty strong{color:#ff9f8b}.dialogue-requirement--ammo{border-color:#ec9d4d61;background:#ec9d4d14}.dialogue-requirement--ammo strong{color:var(--accent)}.ship-telemetry{right:48px;bottom:104px;display:grid;grid-template-columns:repeat(5,minmax(88px,auto));gap:1px;overflow:hidden;border:1px solid var(--line);background:#051317c2;box-shadow:0 20px 54px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ship-telemetry>div{display:grid;min-height:72px;align-content:center;padding:11px 18px;background:#f4ecd909}.ship-telemetry small{color:#f4ecd96b;font-size:9px;font-weight:800;letter-spacing:.14em}.ship-telemetry strong{margin-top:4px;font-family:Bodoni MT,Didot,serif;font-size:25px;font-weight:700;line-height:1}.ship-telemetry span{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.12em}.ship-telemetry>div.is-critical{background:#86231c47}.ship-telemetry>div.is-critical strong,.ship-telemetry>div.is-critical span{color:#ff9f8b}.combat-reset{right:48px;bottom:260px;min-height:44px;padding:0 18px;border:1px solid rgba(255,122,96,.58);color:#ffe2da;background:#5b1813e0;cursor:pointer;font-size:11px;font-weight:900;letter-spacing:.1em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.combat-reset:hover{background:#82251cf0}.interaction-prompt{left:50%;bottom:108px;display:flex;gap:12px;align-items:center;padding:10px 16px 10px 10px;border:1px solid rgba(240,195,78,.5);border-radius:999px;color:#fff3ca;background:#23190ae0;box-shadow:0 16px 44px #0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.interaction-prompt kbd{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,244,211,.28);border-radius:50%;color:#2c1d08;background:#e9b94a;font-family:inherit;font-size:12px;font-weight:900}.interaction-prompt span{font-size:12px;font-weight:800;letter-spacing:.08em}.footer-note{right:48px;bottom:43px;display:flex;gap:18px;color:#f4ecd96b;font-size:10px;letter-spacing:.1em}.dialogue-backdrop{position:absolute;inset:0;z-index:12;display:grid;place-items:center;padding:28px;background:#01090c9e;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialogue-panel{display:grid;width:min(720px,calc(100vw - 56px));grid-template-columns:150px 1fr;overflow:hidden;border:1px solid rgba(244,236,217,.28);background:linear-gradient(135deg,rgba(236,157,77,.13),transparent 42%),#051317f5;box-shadow:0 32px 110px #0000008f}.dialogue-portrait{display:grid;min-height:320px;place-items:center;color:#24180f;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent),#c78243;font-family:Bodoni MT,Didot,serif;font-size:74px;font-weight:800}.dialogue-content{display:grid;gap:22px;padding:34px}.dialogue-content header{display:flex;align-items:flex-start;justify-content:space-between}.dialogue-content header small{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.18em}.dialogue-content h3{margin:4px 0 0;font-family:Bodoni MT,Didot,serif;font-size:38px}.dialogue-content header button{width:38px;height:38px;border:1px solid var(--line);color:var(--ink);background:transparent;cursor:pointer;font-size:24px}.dialogue-content>p{margin:0;color:#f4ecd9b8;font-size:15px;line-height:1.8}.dialogue-requirement{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);background:#f4ecd90d}.dialogue-requirement span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.14em}.dialogue-requirement strong{font-size:13px}.dialogue-actions{display:flex;gap:10px}.dialogue-actions button{min-height:46px;padding:0 20px;border:1px solid var(--line);cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.08em}.dialogue-primary{color:#1c1710;background:var(--accent)}.dialogue-primary:disabled{color:#f4ecd96b;background:#f4ecd914;cursor:not-allowed}.dialogue-secondary{color:var(--ink);background:transparent}.boarding-label{padding:6px 9px;border:1px solid rgba(244,236,217,.18);color:#f4ecd975;background:#040f139e;font-size:9px;font-weight:800;letter-spacing:.1em;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.boarding-label:disabled{cursor:default}.boarding-label.is-ready{border-color:#f1b25c9e;color:#fff1cf;box-shadow:0 0 22px #f1b25c29}.world-marker{position:relative;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,255,255,.23);color:#ffffffc7;background:#040f1394;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;cursor:pointer;transform:translateY(0);transition:transform .18s ease,border-color .18s ease,color .18s ease}.world-marker i{width:6px;height:6px;border-radius:50%;background:#f1b25c;box-shadow:0 0 0 3px #f1b25c26}.world-marker span{font-size:9px;font-weight:700;letter-spacing:.12em}.world-marker:hover,.world-marker.is-active{color:#fff7e6;border-color:#f1b25cb8;transform:translateY(-3px)}.naval-target-label{display:grid;min-width:150px;gap:6px;padding:10px 12px;border:1px solid rgba(239,190,79,.52);color:#fff2c6;background:#1a1108d1;box-shadow:0 14px 36px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center}.naval-target-label>span{font-size:10px;font-weight:900;letter-spacing:.1em}.naval-target-label>div{height:5px;overflow:hidden;background:#ffffff1f}.naval-target-label i{display:block;height:100%;background:#e7b64a;transition:width .24s ease}.naval-target-label small{color:#fff2c694;font-size:9px;font-weight:800}.naval-target-label--enemy{border-color:#e05c459e;color:#ffe0d6;background:#320c0ad6}.naval-target-label--enemy i{background:#d95c45}.naval-target-label.is-destroyed{border-color:#8e9a956b;color:#e6ece9b8;background:#121816c7}@keyframes pulse{50%{opacity:.35;transform:scale(.72)}}@keyframes loot-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@media(min-width:1680px){.topbar{padding:36px 58px 28px}.resource-bar{right:58px}.mission-card{top:164px;left:58px;width:490px;padding:38px}.scene-index{right:58px;width:340px}.footer-note{right:58px}}@media(max-width:1180px){.app:before{inset:14px}.app:after{top:88px;right:24px;left:24px}.topbar{padding:22px 28px}.brand-mark{width:52px;height:52px}.brand-lockup h1{font-size:28px}.resource-bar{top:98px;right:28px}.resource-item{min-width:88px;padding:6px 8px}.mission-card{top:118px;left:28px;width:340px;max-height:calc(100dvh - 190px);padding:26px}.mission-card h2{font-size:44px}.scene-index{right:28px;width:244px}.scene-index button{min-height:62px;padding:11px 14px}.battery-status,.ship-telemetry,.combat-reset{right:28px}.footer-note{display:none}}@media(max-width:760px){.app{min-height:0}.app:before,.app:after{display:none}.topbar{padding:18px}.resource-bar{top:86px;right:18px;left:18px;justify-content:stretch}.resource-item{min-width:0;flex:1}.mission-card{top:auto;bottom:92px;left:18px;width:300px;padding:19px}.mission-card h2{font-size:34px}.scene-index,.control-guide,.battery-status,.ship-telemetry,.combat-reset,.quest-progress,.footer-note{display:none}.view-switcher{bottom:24px}}@media(max-width:520px){.brand-kicker,.asset-state{display:none}.brand-lockup h1{font-size:21px}.resource-bar{gap:2px;padding:5px}.resource-item{grid-template-columns:24px 1fr;gap:5px;padding:5px}.resource-item>span{width:24px;height:24px}.resource-item small{display:none}.resource-item strong{font-size:15px}.mission-card{right:14px;bottom:82px;left:14px;width:auto}.mission-card>p:not(.section-label),.mission-meta{display:none}.mission-card h2{margin-bottom:16px}.view-switcher{width:calc(100% - 28px);justify-content:center}.view-switcher button{min-width:0;flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}