:root{color:#efe6ce;font-synthesis:none;--ink:#071820;--ink-soft:#071820e6;--navy:#0e2c36;--navy-light:#1d4952;--paper:#d8caa5;--paper-light:#f2e8cb;--brass:#c8a95d;--brass-dark:#745c2e;--magic:#59ffd2;--danger:#d95a45;--muted:#a8b6b4;background:#06151c;font-family:Avenir Next,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;background:#06151c}button,input{font:inherit}#game-canvas{cursor:grab;background:radial-gradient(circle at 50% 30%,#315361 0,#0b2530 48%,#06151c 100%);width:100%;height:100%;display:block;position:fixed;inset:0}#game-canvas:active{cursor:grabbing}#hud-root,#modal-root,#toast-root,#loading-screen{pointer-events:none;position:fixed;inset:0}#loading-screen{z-index:80;background:radial-gradient(circle,#1c454eb3,#030d12fa 56%),repeating-linear-gradient(115deg,#ffffff03 0 1px,#0000 1px 7px);place-content:center;justify-items:center;gap:14px;transition:opacity .7s,visibility .7s;display:grid}#loading-screen.hidden{opacity:0;visibility:hidden}.loading-mark{color:var(--magic);text-shadow:0 0 28px #59ffd2a6;font-size:48px;animation:1.8s ease-in-out infinite pulse}#loading-screen p{color:var(--paper-light);letter-spacing:.34em;margin:0;font-family:Cinzel,Georgia,serif;font-size:12px}#loading-screen small{color:#83a29f;letter-spacing:.08em;font-size:11px}.loading-track{background:#ffffff1a;width:min(320px,62vw);height:2px;overflow:hidden}.loading-track span{background:linear-gradient(90deg, var(--brass), var(--magic));width:4%;height:100%;box-shadow:0 0 12px var(--magic);transition:width .35s;display:block}.hud{opacity:1;transition:opacity .3s;position:absolute;inset:0}.hud.hidden{opacity:0}.hud-top{text-align:center;filter:drop-shadow(0 2px 8px #000c);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.objective-kicker{color:var(--brass);letter-spacing:.26em;text-transform:uppercase;font-size:9px;font-weight:700}.objective-text{color:#fff;letter-spacing:.06em;font-family:Cinzel,Georgia,serif;font-size:clamp(13px,1.3vw,18px)}.distance-pill{color:#b8c7c2;background:#051319a3;border:1px solid #c8a95d59;border-radius:999px;padding:5px 10px;font-size:10px}.status-cluster{clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);background:linear-gradient(135deg,#19373ded,#06151ced),repeating-linear-gradient(45deg,#0000 0 5px,#ffffff05 5px 6px);border:1px solid #c8a95d61;width:min(330px,100vw - 48px);padding:18px 18px 16px;position:absolute;bottom:24px;left:24px;box-shadow:0 12px 40px #00000057,inset 0 0 0 3px #00000026}.ship-name-row,.resource-row,.meter-label,.ability-row{justify-content:space-between;align-items:center;display:flex}.ship-name{color:var(--paper-light);letter-spacing:.06em;font-family:Cinzel,Georgia,serif;font-size:14px}.ship-class,.meter-label,.resource-row{color:#9db0ae;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:600}.meter-wrap{margin-top:12px}.meter-label span:last-child{color:#e0dfcf;letter-spacing:0}.meter{background:#00000052;border:1px solid #ffffff14;height:7px;margin-top:5px;overflow:hidden}.meter>span{transform-origin:0;width:100%;height:100%;transition:transform .2s,background .2s;display:block}.meter.hull>span{background:linear-gradient(90deg,#8f382f,#d97b52)}.meter.sails>span{background:linear-gradient(90deg,#77633a,#cfbd72)}.status-divider{background:linear-gradient(90deg,#0000,#c8a95d59,#0000);height:1px;margin:14px 0}.ability-row{gap:8px}.ability{flex:1;min-width:0}.ability-head{color:#91a9a6;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:8px;display:flex}.keycap{min-width:20px;color:var(--paper-light);text-align:center;background:#0000004d;border:1px solid #e4d3a76b;border-bottom-color:#e4d3a729;border-radius:3px;padding:3px 5px;font-size:9px}.cooldown{background:#ffffff14;height:3px;overflow:hidden}.cooldown span{background:var(--brass);transform-origin:0;height:100%;display:block}.ability.blink .cooldown span{background:var(--magic);box-shadow:0 0 7px var(--magic)}.resource-row{margin-top:14px}.resource-row strong{color:var(--paper-light);font-family:Cinzel,Georgia,serif;font-size:12px}.wind-dial{background:radial-gradient(circle,#0c282fd1,#041117e0);border:1px solid #c8a95d61;border-radius:50%;width:122px;height:122px;position:absolute;bottom:28px;right:26px;box-shadow:0 8px 30px #00000059,inset 0 0 20px #59ffd20a}.wind-dial:before,.wind-dial:after{color:#e2d7b69e;font-family:Cinzel,serif;font-size:8px;position:absolute}.wind-dial:before{content:"N";top:7px;left:50%;transform:translate(-50%)}.wind-dial:after{content:"WIND";letter-spacing:.12em;bottom:13px;left:50%;transform:translate(-50%)}.wind-arrow{transform-origin:5px 35px;width:10px;height:45px;transition:transform .4s;position:absolute;top:25px;left:55px}.wind-arrow:before{content:"";clip-path:polygon(50% 0,100% 54%,67% 47%,67% 100%,33% 100%,33% 47%,0 54%);background:linear-gradient(var(--magic), #59ffd23d);filter:drop-shadow(0 0 6px #59ffd280);width:8px;height:33px;position:absolute;top:0;left:1px}.speed-readout{color:#fff;font-family:Cinzel,serif;font-size:16px;position:absolute;top:46px;left:50%;transform:translate(-50%)}.speed-readout small{color:#819c99;letter-spacing:.1em;text-align:center;margin-top:-2px;font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:7px;display:block}.context-prompt{color:#d8ddd3;background:#051319e0;border:1px solid #c8a95d66;align-items:center;gap:10px;padding:9px 14px;font-size:11px;display:flex;position:absolute;bottom:38px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #00000057}.context-prompt.hidden{display:none}.camera-mode{color:#dce4dab8;letter-spacing:.09em;text-transform:uppercase;background:#04141aad;border:1px solid #c8a95d42;align-items:center;gap:9px;padding:8px 11px;font-size:8px;display:flex;position:absolute;top:26px;right:26px}.camera-mode.hidden{display:none}.enemy-card{text-align:center;background:linear-gradient(90deg,#0000,#1e0d0dd1,#0000);border-top:1px solid #d374528c;width:min(310px,100vw - 40px);padding:10px 14px;position:absolute;top:96px;left:50%;transform:translate(-50%)}.enemy-card.hidden{display:none}.enemy-name{color:#efc3a7;letter-spacing:.12em;font-family:Cinzel,serif;font-size:12px}.enemy-meter{background:#ffffff14;height:4px;margin-top:7px}.enemy-meter span{transform-origin:0;background:linear-gradient(90deg,#8c2e2f,#e1674f);height:100%;display:block}.modal-backdrop{pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 50% 35%,#081d2559,#020a0ec2),linear-gradient(#030e1326,#030e138a);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.title-screen{pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#020a0ee0 0%,#020a0e8f 31%,#0000 62%),linear-gradient(#0000 62%,#02090cad);padding:0;display:block;overflow:hidden}.title-screen:before{content:"";pointer-events:none;background:linear-gradient(#0000 4%,#c8a95d6b 22%,#c8a95d1f 76%,#0000 96%);width:1px;position:absolute;top:0;bottom:0;left:clamp(22px,4.5vw,78px)}.title-brand{animation:.72s cubic-bezier(.2,.75,.25,1) both menu-in;position:absolute;top:clamp(42px,8vh,96px);left:clamp(42px,8vw,142px)}.title-kicker{color:var(--brass);letter-spacing:.5em;text-transform:uppercase;margin-bottom:13px;font-size:9px;font-weight:700}.game-title{color:var(--paper-light);letter-spacing:.015em;text-shadow:0 6px 34px #000000b8;margin:0;font-family:Cinzel,Georgia,serif;font-size:clamp(38px,5.4vw,76px);font-weight:600;line-height:.95}.game-title span{color:var(--brass);letter-spacing:.34em;vertical-align:.34em;margin-left:.18em;font-size:.4em}.title-copy{color:#e2e4d3b3;letter-spacing:.025em;margin:15px 0 0 3px;font-family:Georgia,serif;font-size:14px;font-style:italic}.main-menu{pointer-events:auto;width:min(390px,42vw);animation:.76s cubic-bezier(.2,.75,.25,1) .1s both menu-in;display:grid;position:absolute;bottom:clamp(96px,18vh,185px);left:clamp(42px,8vw,142px)}.menu-entry{color:#f2e8cbb8;text-align:left;cursor:pointer;background:linear-gradient(90deg,#081c228f,#0000);border:0;border-left:1px solid #c8a95d61;grid-template-columns:34px 1fr;gap:2px 12px;padding:16px 18px;transition:color .18s,border-color .18s,background .18s,padding-left .18s;display:grid;position:relative}.menu-entry+.menu-entry{border-top:1px solid #ffffff12}.menu-entry>span{color:var(--magic);letter-spacing:.12em;opacity:.62;grid-row:1/3;font-family:Cinzel,serif;font-size:9px}.menu-entry strong{letter-spacing:.12em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:14px;font-weight:500}.menu-entry small{color:#a8b6b49e;letter-spacing:.05em;font-size:9px}.menu-entry:hover,.menu-entry:focus-visible{border-left-color:var(--magic);color:#fff;background:linear-gradient(90deg,#143e44c7,#0000);outline:none;padding-left:26px}.ship-caption{color:#e9eddcc7;text-align:right;text-shadow:0 2px 12px #000;border-right:2px solid #59ffd2a6;justify-items:end;gap:4px;padding-right:16px;display:grid;position:absolute;bottom:clamp(62px,9vh,106px);right:clamp(34px,5vw,88px)}.ship-caption small,.ship-caption span,.title-footer{letter-spacing:.13em;text-transform:uppercase;font-size:8px}.ship-caption small{color:var(--magic)}.ship-caption strong{letter-spacing:.14em;font-family:Cinzel,Georgia,serif;font-size:18px}.ship-caption span{color:#b8c5c19e}.title-footer{color:#a6b7b475;justify-content:space-between;display:flex;position:absolute;bottom:26px;left:clamp(42px,8vw,142px);right:clamp(34px,5vw,88px)}.primary-button,.secondary-button,.choice-button,.upgrade-card{border:1px solid var(--brass-dark);color:var(--paper-light);cursor:pointer;background:linear-gradient(#1f4348fa,#091d23fa);transition:border-color .18s,transform .18s,color .18s,box-shadow .18s;position:relative}.primary-button:hover,.secondary-button:hover,.choice-button:hover,.upgrade-card:hover{border-color:var(--brass);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00000047,inset 0 0 20px #59ffd209}.primary-button:focus-visible,.secondary-button:focus-visible,.choice-button:focus-visible,.upgrade-card:focus-visible{outline:2px solid var(--magic);outline-offset:3px}.primary-button{letter-spacing:.18em;text-transform:uppercase;min-width:216px;margin-top:32px;padding:14px 28px;font-family:Cinzel,Georgia,serif;font-size:12px}.panel{width:min(720px,94vw);max-height:90vh;color:var(--ink);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));background:linear-gradient(#decfa8f5,#c4b285f7),repeating-linear-gradient(9deg,#0000 0 8px,#3b2b1906 8px 9px);border:1px solid #c8a95d85;padding:clamp(25px,4vw,46px);position:relative;overflow:auto;box-shadow:0 26px 90px #00000094,inset 0 0 0 6px #3f2d1814}.panel.dark{color:var(--paper-light);background:linear-gradient(145deg,#143339fa,#05141bfc),repeating-linear-gradient(17deg,#0000 0 8px,#ffffff04 8px 9px)}.panel-kicker{color:#77602f;letter-spacing:.24em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:700}.dark .panel-kicker{color:var(--brass)}.panel h2{margin:0;font-family:Cinzel,Georgia,serif;font-size:clamp(26px,4vw,44px);font-weight:600;line-height:1.1}.panel-lead{color:#3e4037;max-width:580px;margin:18px 0 24px;font-family:Georgia,serif;font-size:15px;line-height:1.7}.dark .panel-lead{color:#b9c7c1}.contract-meta,.results-grid{background:#41311a29;border:1px solid #41311a33;grid-template-columns:repeat(3,1fr);gap:1px;margin:24px 0;display:grid}.contract-meta div,.results-grid div{text-align:center;background:#f0e5c4b8;padding:15px}.dark .results-grid{background:#c8a95d1f;border-color:#c8a95d2e}.dark .results-grid div{background:#030f1475}.contract-meta small,.results-grid small{color:#70694f;letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:700;display:block}.dark .results-grid small{color:#83a39f}.contract-meta strong,.results-grid strong{color:#222c2b;font-family:Cinzel,serif;font-size:14px}.dark .results-grid strong{color:var(--paper-light)}.button-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.panel .primary-button,.panel .secondary-button{min-width:auto;margin:0;padding:12px 18px}.panel:not(.dark) .primary-button{color:#f1e8d0;background:#132f34;border-color:#70582d}.secondary-button{letter-spacing:.12em;text-transform:uppercase;padding:12px 18px;font-family:Cinzel,serif;font-size:10px}.choice-grid,.upgrade-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px;display:grid}.choice-button{text-align:left;min-height:96px;padding:18px}.choice-button strong,.upgrade-card strong{letter-spacing:.05em;margin-bottom:7px;font-family:Cinzel,serif;font-size:13px;display:block}.choice-button small,.upgrade-card small{color:#91aaa5;font-size:10px;line-height:1.5}.upgrade-grid{grid-template-columns:repeat(3,1fr)}.upgrade-card{text-align:left;min-height:190px;padding:22px 18px}.upgrade-card.purchased{border-color:var(--magic);opacity:.72}.upgrade-card:disabled{cursor:default;transform:none}.upgrade-icon{width:48px;height:48px;color:var(--brass);background:#0000002e;border:1px solid #c8a95d59;border-radius:50%;place-items:center;margin-bottom:18px;font-size:22px;display:grid}.upgrade-price{color:var(--brass);font-family:Cinzel,serif;font-size:11px;position:absolute;bottom:14px;right:16px}.event-panel{background:radial-gradient(circle at 50% 0,#1c64574d,#0000 50%),linear-gradient(145deg,#09272afa,#031116fc);border-color:#59ffd273;width:min(640px,94vw);box-shadow:0 20px 90px #000000a8,inset 0 0 60px #59ffd20a}.event-glyph{color:var(--magic);text-shadow:0 0 22px #59ffd29e;margin-bottom:12px;font-size:36px}.settings-list{gap:18px;margin-top:26px;display:grid}.setting-row{color:#b8c8c3;grid-template-columns:130px 1fr 42px;align-items:center;gap:12px;font-size:11px;display:grid}.setting-row input[type=range]{accent-color:var(--magic)}#toast-root{z-index:70;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:14vh;display:flex}.toast{max-width:min(460px,100vw - 40px);color:var(--paper-light);letter-spacing:.05em;text-align:center;background:#05151beb;border:1px solid #c8a95d66;margin-bottom:9px;padding:12px 18px;font-family:Cinzel,serif;font-size:11px;animation:.25s both toast-in;box-shadow:0 8px 30px #00000061}.toast.magic{color:#baffed;border-color:#59ffd27a}.toast.danger{color:#ffd0c3;border-color:#d95a458f}.floating-text{z-index:60;pointer-events:none;color:#fff;text-shadow:0 2px 6px #000;font-family:Cinzel,serif;font-size:12px;font-weight:700;position:fixed;transform:translate(-50%,-50%)}.vignette,.damage-flash,.blink-flash{pointer-events:none;position:absolute;inset:0}.vignette{background:radial-gradient(circle,#0000 50%,#000a0e8f 130%)}.damage-flash{opacity:0;background:radial-gradient(circle,#0000 35%,#ae2b1c8a);transition:opacity .38s}.damage-flash.active{opacity:1;transition-duration:40ms}.blink-flash{opacity:0;background:radial-gradient(circle,#a0ffeb33,#21c0a726,#0000 65%)}.blink-flash.active{animation:.43s ease-out blink-flash}@keyframes pulse{50%{opacity:.55;transform:scale(.92)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes menu-in{0%{opacity:0;transform:translate(-18px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes blink-flash{0%{opacity:1}to{opacity:0}}@media (max-width:760px){.status-cluster{width:270px;padding:13px;bottom:12px;left:12px}.wind-dial{transform-origin:100% 100%;bottom:14px;right:12px;transform:scale(.82)}.upgrade-grid{grid-template-columns:1fr}.upgrade-card{min-height:130px}.choice-grid,.contract-meta,.results-grid{grid-template-columns:1fr}.title-brand{top:34px;left:36px}.main-menu{width:min(390px,100vw - 72px);bottom:74px;left:36px}.ship-caption{display:none}.title-footer{bottom:18px;left:36px;right:28px}.title-footer span:last-child{display:none}}