: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}.deck-reticle{filter:drop-shadow(0 1px 3px #000000e6);width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deck-reticle.hidden{display:none}.deck-reticle i{background:#f0e1b5b3;width:14px;height:1px;position:absolute;top:10px;left:4px}.deck-reticle i:last-child{transform:rotate(90deg)}.harbor-hub{pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#020a0e14,#0000 25% 64%,#02090dbd),radial-gradient(circle at 50% 42%,#0000 24%,#020a0e1f 82%);padding:0;display:block;overflow:hidden}.port-status{min-width:285px;color:var(--paper-light);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:linear-gradient(135deg,#051318f5,#0f2224e6);border:1px solid #c8a95d80;align-items:center;gap:14px;padding:15px 22px 15px 16px;display:flex;position:absolute;top:26px;left:28px;box-shadow:0 12px 40px #0000006b,inset 0 0 0 3px #0000003b}.port-sigil{width:50px;height:58px;color:var(--brass);clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);border:1px solid #c8a95d73;place-items:center;font-size:23px;display:grid}.port-status div{gap:2px;display:grid}.port-status small,.voyage-readiness small{color:var(--brass);letter-spacing:.2em;text-transform:uppercase;font-size:8px;font-weight:700}.port-status strong{letter-spacing:.04em;font-family:Cinzel,serif;font-size:18px}.port-status em{color:#a9bbb5;font-family:Georgia,serif;font-size:11px;font-style:normal}.harbor-location{min-width:220px;color:var(--paper-light);text-align:left;pointer-events:auto;cursor:pointer;clip-path:polygon(13px 0,100% 0,calc(100% - 13px) 100%,13px 100%,0 50%);background:linear-gradient(90deg,#051217f5,#0c1e21c9);border:1px solid #c8a95d73;grid-template-columns:38px auto;gap:2px 12px;padding:11px 20px 11px 12px;transition:transform .18s,border-color .18s,background .18s;display:grid;position:absolute;box-shadow:0 8px 30px #0000006b}.harbor-location:after{content:"";background:linear-gradient(90deg, transparent, var(--brass));width:64px;height:1px;position:absolute;top:50%;right:100%}.harbor-location:hover,.harbor-location:focus-visible{border-color:var(--magic);background:linear-gradient(90deg,#0b2a30fa,#0f2b2ce0);outline:none;transform:translateY(-3px)}.harbor-location>span{color:var(--brass);text-align:center;grid-row:1/3;align-self:center;font-size:24px}.harbor-location strong{letter-spacing:.05em;font-family:Cinzel,serif;font-size:14px}.harbor-location small{color:#9caeaa;letter-spacing:.07em;font-size:8px}.keep-location{top:20%;left:58%}.tavern-location{top:43%;left:53%}.office-location{top:57%;left:37%}.shipyard-location{top:58%;right:7%}.hub-footer{pointer-events:auto;grid-template-columns:minmax(210px,.7fr) minmax(300px,1.4fr) minmax(250px,.75fr);align-items:stretch;gap:14px;display:grid;position:absolute;bottom:24px;left:28px;right:28px}.hub-ship,.sail-out,.voyage-readiness{min-height:82px;color:var(--paper-light);background:linear-gradient(145deg,#05141af5,#0c2024e6);border:1px solid #c8a95d73;box-shadow:0 12px 36px #0000006b,inset 0 0 0 3px #0003}.hub-ship,.sail-out{text-align:left;cursor:pointer;grid-template-columns:46px auto;align-items:center;gap:2px 12px;padding:13px 18px;display:grid}.hub-ship>span,.sail-out>span{color:var(--brass);grid-row:1/3;font-size:28px}.hub-ship strong,.sail-out strong{letter-spacing:.08em;align-self:end;font-family:Cinzel,serif;font-size:16px}.hub-ship small,.sail-out small{color:#99adaa;letter-spacing:.06em;align-self:start;font-size:8px}.voyage-readiness{text-align:center;place-content:center;justify-items:center;gap:3px;padding:10px 20px;display:grid}.voyage-readiness strong{font-family:Cinzel,serif;font-size:16px}.voyage-readiness span{color:#a6b5b0;font-size:9px}.sail-out{background:linear-gradient(145deg,#262d27f7,#0c1d1ff2)}.sail-out:hover:not(:disabled){border-color:var(--magic);transform:translateY(-2px)}.sail-out:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.55}.allegiance-screen{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#02080bad 0%,#02080b14 38%,#02080b05 68%,#02080b52 100%),linear-gradient(#0106096b 0%,#01060914 28%,#01060926 69%,#010609e6 100%),url(/assets/textures/allegiance-hall-cinematic.png) 50%/cover no-repeat;padding:0;display:block;overflow:hidden}.allegiance-hall{text-align:left;width:100%;height:100%;padding:34px clamp(28px,4.5vw,76px);position:relative}.allegiance-hall h2,.crew-roster h2,.contract-room h2{color:var(--paper-light);margin:0;font-family:Cinzel,serif;font-size:clamp(28px,4vw,52px);font-weight:500}.allegiance-hall h2{text-shadow:0 4px 24px #000000e6;max-width:570px;font-size:clamp(27px,3.3vw,48px)}.allegiance-hall>p,.roster-lead{color:#aebdb7;margin:12px auto 28px;font-family:Georgia,serif;font-size:14px}.allegiance-hall>p{color:#d0d6d0;text-shadow:0 2px 12px #000;max-width:540px;margin:10px 0 0}.allegiance-banners{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:14px;display:grid;position:absolute;bottom:28px;left:clamp(20px,4vw,68px);right:clamp(20px,4vw,68px)}.allegiance-banner{border:1px solid color-mix(in srgb, var(--faction), white 22%);min-height:164px;color:var(--paper-light);background:linear-gradient(100deg, color-mix(in srgb, var(--faction), #030a0d 74%), #030b0ee3);cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%,0 10px);text-align:left;padding:18px 20px 16px 94px;transition:transform .18s,filter .18s;display:block;position:relative;overflow:hidden;box-shadow:0 22px 60px #0006,inset 0 0 70px #00000059}.allegiance-banner:before{content:"";z-index:0;background-image:linear-gradient(90deg,#02090c2e,#02090ce0),var(--banner-art);opacity:.42;pointer-events:none;background-position:0;background-repeat:no-repeat;background-size:42% 100%,auto 180%;position:absolute;inset:0}.allegiance-banner:after{content:"";z-index:2;clip-path:inherit;pointer-events:none;border:1px solid #dcbc752e;position:absolute;inset:6px}.allegiance-banner>*{z-index:1;position:relative}.allegiance-banner:hover,.allegiance-banner.selected{filter:brightness(1.16);transform:translateY(-7px)}.banner-sigil{color:#0000;background-image:var(--banner-art);clip-path:polygon(0 0,100% 0,100% 76%,50% 100%,0 76%);background-position:50% 43%;background-size:cover;border:1px solid #dcbc7594;place-items:center;width:60px;height:72px;font-size:0;display:grid;top:18px;left:18px;box-shadow:0 10px 30px #00000059;position:absolute!important}.allegiance-banner strong{font-family:Cinzel,serif;font-size:18px;display:block}.allegiance-banner em{color:#d4bc89;margin-top:3px;font-family:Georgia,serif;font-size:10px;display:block}.allegiance-banner small{color:#bcc4ba;max-width:330px;margin-top:10px;font-family:Georgia,serif;font-size:10px;line-height:1.4;display:block}.banner-benefit{color:#f0d38b;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #dcbc7547;margin-top:10px;padding-top:8px;font-size:8px;font-weight:700;display:block}.allegiance-back{margin:0;position:absolute;top:34px;right:clamp(28px,4.5vw,76px)}.tavern-screen{background:radial-gradient(circle at 20% 90%,#a95b233b,#0000 32%),#020a0de6}.crew-roster{width:min(1180px,96vw)}.crew-roster header,.contract-room>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.crew-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.crew-card{min-height:360px;color:var(--paper-light);cursor:pointer;text-align:left;background:linear-gradient(155deg,#163236fa,#041117fc);border:1px solid #c8a95d59;grid-template-rows:130px auto auto;padding:0;transition:transform .18s,border-color .18s;display:grid;overflow:hidden}.crew-card:hover,.crew-card.selected{border-color:var(--magic);transform:translateY(-5px)}.crew-portrait{background:radial-gradient(circle,#5e897f6b,#020d12f0);place-items:center;display:grid;position:relative;overflow:hidden}.crew-portrait:before,.crew-portrait:after{content:"";border:1px solid #c8a95d38;width:90px;height:90px;position:absolute;transform:rotate(45deg)}.crew-portrait:after{width:65px;height:65px}.crew-portrait i{z-index:1;color:var(--brass);font-size:48px;font-style:normal;position:relative}.crew-copy{padding:20px 22px 12px;display:block}.crew-copy>small{color:var(--brass);letter-spacing:.2em;text-transform:uppercase;font-size:8px}.crew-copy strong{margin-top:5px;font-family:Cinzel,serif;font-size:21px;display:block}.crew-copy em{color:#8fa9a5;margin-top:3px;font-family:Georgia,serif;font-size:11px;display:block}.crew-copy p{color:#b8c5c0;font-family:Georgia,serif;font-size:12px;line-height:1.55}.crew-ability{background:#0000002e;border:1px solid #c8a95d40;align-self:end;gap:4px;margin:0 20px 20px;padding:13px 14px;display:grid}.crew-ability small{color:var(--brass);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:700}.crew-ability strong{color:#dbe3d7;font-size:10px;line-height:1.4}.contract-office{-webkit-backdrop-filter:none;backdrop-filter:none;background:#020506;padding:0;overflow:hidden}.contract-room{background:linear-gradient(160deg,#221812f7,#0a0d0efa);border:1px solid #8e63338c;width:min(1460px,97vw);height:min(860px,95vh);padding:24px 28px 28px;overflow:hidden;box-shadow:0 30px 100px #000000b8,inset 0 0 0 7px #00000040}.contract-room>header{border-bottom:1px solid #c8a95d38;height:82px;padding:0 4px 14px}.contract-room h2{font-size:34px}.contract-layout{grid-template-columns:minmax(0,1.65fr) minmax(360px,.72fr);gap:22px;height:calc(100% - 82px);padding-top:20px;display:grid}.contract-board{background:linear-gradient(#362419e0,#1d1411f2),repeating-linear-gradient(90deg,#0000 0 76px,#ffffff05 76px 77px);border:10px solid #302017;grid-template-columns:repeat(3,1fr);align-items:center;gap:15px;padding:25px 22px;display:grid;box-shadow:inset 0 0 30px #080605}.contract-paper{color:#28251e;cursor:pointer;clip-path:polygon(2% 0,97% 1%,100% 96%,52% 99%,0 96%);background:linear-gradient(160deg,#e1d3ad,#bba97f);border:0;flex-direction:column;align-items:center;min-height:410px;padding:30px 20px 54px;transition:transform .18s,filter .18s;display:flex;position:relative;box-shadow:0 9px 22px #00000061,inset 0 0 35px #5332161f}.contract-paper:hover,.contract-paper.selected{filter:brightness(1.1);outline-offset:3px;outline:2px solid #e1b243c2;transform:translateY(-8px)rotate(-.4deg)}.contract-icon{color:#d3ae58;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);background:#172e32;place-items:center;width:54px;height:62px;margin-bottom:22px;font-size:24px;display:grid}.contract-paper strong{text-align:center;max-width:190px;font-family:Cinzel,serif;font-size:17px;line-height:1.2}.contract-paper>small{color:#5e5746;text-align:center;min-height:42px;margin:8px 0 20px;font-family:Georgia,serif;font-size:10px}.contract-line{border-top:1px solid #3c2c1938;justify-content:space-between;width:100%;padding:7px 0;font-size:10px;display:flex}.contract-line i{font-style:normal}.contract-line b{font-weight:600}.contract-reward{margin-top:18px;font-family:Cinzel,serif;font-size:18px}.wax-seal{color:#b88a4c;background:#5b1916;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;bottom:13px;box-shadow:0 3px 7px #00000073}.contract-dossier{color:#27241d;clip-path:polygon(2% 0,98% 1%,100% 98%,4% 100%,0 3%);background:linear-gradient(160deg,#e5d7b4,#c4b184);padding:42px 40px 30px;position:relative;overflow:auto;box-shadow:0 12px 35px #00000075,inset 0 0 38px #57341621}.dossier-clip{background:#2e241b;border:2px solid #8f6d32;border-top:0;width:72px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.dossier-heading{border-bottom:1px solid #4330184d;align-items:center;gap:16px;padding-bottom:18px;display:flex}.dossier-heading>span{color:#d4ac5a;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);background:#142d32;place-items:center;width:58px;height:66px;font-size:25px;display:grid}.dossier-heading small{color:#6b5a38;letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:700}.dossier-heading h3{margin:3px 0 0;font-family:Cinzel,serif;font-size:22px}.route-chart{background:#644b2614;border:1px solid #4d381c3d;justify-content:space-between;align-items:center;min-height:112px;margin:22px 0;padding:18px;font-family:Cinzel,serif;font-size:9px;display:flex}.route-chart i{color:#665332;letter-spacing:.1em;font-family:Georgia,serif;font-size:20px}.contract-dossier>p{font-family:Georgia,serif;font-size:13px;line-height:1.55}.contract-dossier dl{border-top:1px solid #48331a4d;grid-template-columns:1fr 1fr;margin:22px 0;display:grid}.contract-dossier dl div{border-bottom:1px solid #48331a33;justify-content:space-between;padding:10px 8px;font-size:10px;display:flex}.contract-dossier dt{color:#655a43}.contract-dossier dd{margin:0;font-family:Cinzel,serif;font-weight:600}.dossier-accept{color:#f0dcae;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#142e33;border:1px solid #84652f;width:100%;padding:14px;font-family:Cinzel,serif;font-size:12px}.dossier-accept:hover:not(:disabled){background:#1b3d42;border-color:#caa653}.dossier-accept:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.65}.contract-image-stage{aspect-ratio:1676/941;background:url(/assets/textures/contract-office-cinematic.png) 50%/100% 100% no-repeat;width:min(100vw,177.05vh);position:relative;box-shadow:0 0 120px #000000e6}.contract-image-hit{color:#0000;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;transition:border-color .18s,box-shadow .18s,background .18s,filter .18s;display:block;position:absolute}.contract-image-hit>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contract-image-hit:hover,.contract-image-hit:focus-visible{border-color:#ffc95fe6;outline:none;box-shadow:0 0 26px #ffaf376b,inset 0 0 28px #ffbc471f}.contract-card-hit.selected{border-color:#ffd375eb;box-shadow:0 0 27px #ffb0318c,inset 0 0 36px #ffd06b21}.contract-card-1{width:15%;height:42.4%;top:30.4%;left:4.3%}.contract-card-2{width:13.1%;height:42%;top:30.8%;left:19.4%}.contract-card-3{width:12.2%;height:42%;top:30.8%;left:33%}.contract-card-4{width:12%;height:42%;top:30.8%;left:45.7%}.contract-accept-hit{width:21.4%;height:7.1%;top:77.4%;left:71.1%}.contract-reputation-hit{width:14%;height:5.8%;top:92.1%;left:2.6%}.contract-back-hit{width:19%;height:6.2%;top:91.6%;left:77%}.contract-image-hit:disabled{cursor:not-allowed;filter:grayscale()brightness(.62)}.contract-accept-hit.signed{background:#23634938;border-color:#64cd97cc;box-shadow:0 0 26px #44c68242,inset 0 0 28px #44c68229}.results-grid{grid-template-columns:repeat(4,1fr)}.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){.port-status{transform-origin:0 0;min-width:245px;top:12px;left:12px;transform:scale(.86)}.harbor-location{min-width:170px;padding:9px 12px;transform:scale(.84)}.harbor-location:hover{transform:scale(.84)translateY(-3px)}.keep-location{top:20%;left:43%}.tavern-location{top:37%;left:32%}.office-location{top:52%;left:14%}.shipyard-location{top:62%;right:-18px}.hub-footer{grid-template-columns:1fr 1fr;bottom:10px;left:10px;right:10px}.voyage-readiness{display:none}.hub-ship,.sail-out{min-height:65px;padding:8px 11px}.allegiance-screen,.tavern-screen,.contract-office{align-items:start;overflow:auto}.allegiance-hall,.crew-roster{padding:28px 0}.allegiance-hall{min-height:920px;padding:24px 18px}.allegiance-hall h2{max-width:calc(100% - 20px)}.allegiance-hall>p{max-width:92%}.allegiance-banners,.crew-grid{grid-template-columns:1fr}.allegiance-banners{gap:10px;position:absolute;bottom:24px;left:14px;right:14px}.allegiance-banner{min-height:156px}.allegiance-back{top:182px;right:18px}.crew-card{min-height:300px}.contract-room{height:auto;min-height:100%;overflow:visible}.contract-layout{grid-template-columns:1fr;height:auto}.contract-board{grid-template-columns:repeat(3,250px);overflow-x:auto}.contract-dossier{min-height:570px}.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}}