:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f3e9cf;--ink-dim:#f3e9cfa8;--panel:#14202e;--panel-edge:#2c425c;--accent:#f5d76e;--accent-deep:#d8a93a;--surface:linear-gradient(157deg, #18293c 0%, #101c2b 60%, #0c1722 100%);--surface-edge:#33506e;--surface-radius:10px;--surface-shadow:0 14px 44px #0009, 0 2px 0 #ffffff0a inset;--field-bg:#0e1a27;--chip-bg:#ffffff0f;--focus-ring:0 0 0 2px #0a1320, 0 0 0 4px var(--accent)}*{box-sizing:border-box}[hidden]{display:none!important}body{color:var(--ink);background:#0a1320;margin:0;font-family:Georgia,Times New Roman,serif;overflow:hidden}#app{padding:0;position:fixed;inset:0}#game-canvas{background:#173a55;width:100vw;height:100vh;display:block}#game-ui{pointer-events:none;position:fixed;inset:0}#game-ui>*{pointer-events:auto}.status-bar{border-top:1px solid var(--surface-edge);z-index:12;background:linear-gradient(#101b27eb 0%,#0a121cf2 100%);align-items:center;gap:12px;padding:7px 14px;font-size:15px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -2px 14px #0006,inset 0 1px #ffffff0d}.rail-stats{flex-wrap:wrap;flex:auto;align-items:center;gap:8px 16px;min-width:0;display:flex}.rail-stats .stat{background:var(--chip-bg);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;display:inline-flex}.rail-stats .stat:empty{display:none}.rail-stats .stat strong{color:var(--accent)}.rail-stats .controls-hint{text-align:right;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ink-dim);background:0 0;flex:1 1 0;margin-left:auto;padding:0;font-size:11.5px;overflow:hidden}.rail-controls{flex:none;align-items:center;gap:6px;display:flex}@media (width<=760px){.rail-stats .controls-hint{display:none}}@media (width<=620px){.rail-stats{scrollbar-width:none;flex-wrap:nowrap;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 86%,#0000 100%);mask-image:linear-gradient(90deg,#000 86%,#0000 100%)}.rail-stats::-webkit-scrollbar{display:none}.rail-stats{gap:6px 9px}.rail-stats .stat{flex:none;gap:3px;font-size:13.5px}.rail-stats .lbl{display:none}.chip-gold:before,.chip-cargo:before,.chip-doubloons:before,.chip-run:before{content:"";background-color:currentColor;flex:none;width:13px;height:13px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.chip-gold:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.chip-cargo:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'%3E%3Crect x='4' y='6.5' width='16' height='12' rx='1'/%3E%3Cpath d='M4 11h16M12 6.5v12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'%3E%3Crect x='4' y='6.5' width='16' height='12' rx='1'/%3E%3Cpath d='M4 11h16M12 6.5v12'/%3E%3C/svg%3E")}.chip-doubloons:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='8' rx='7' ry='2.6'/%3E%3Cpath d='M5 8v6.5c0 1.5 3.1 2.6 7 2.6s7-1.1 7-2.6V8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='8' rx='7' ry='2.6'/%3E%3Cpath d='M5 8v6.5c0 1.5 3.1 2.6 7 2.6s7-1.1 7-2.6V8'/%3E%3C/svg%3E")}.chip-run:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M7 4v16'/%3E%3Cpath d='M7 5l10 3-10 3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M7 4v16'/%3E%3Cpath d='M7 5l10 3-10 3z'/%3E%3C/svg%3E")}.chip-gold{order:-4}.chip-cargo{order:-3}.chip-doubloons{order:-2}.chip-run{order:-1}.captain-select{max-width:78px}.rail-stats .pending-doubloons,.feedback-button .btn-label{display:none}}.mute-button,.feedback-button{color:var(--ink);border:1px solid var(--surface-edge);box-shadow:none;background:#ffffff0d;font-weight:500}.mute-button{padding:2px 8px;font-size:16px}.feedback-button{padding:3px 9px;font-size:13px}.mute-button:hover,.feedback-button:hover{filter:none;background:#ffffff1a}.feedback-panel{background:var(--surface);border:1px solid var(--surface-edge);border-radius:var(--surface-radius);z-index:16;width:min(340px,90vw);box-shadow:var(--surface-shadow);flex-direction:column;gap:8px;padding:14px 16px;display:flex;position:absolute;bottom:56px;right:12px}.feedback-panel h3{color:var(--accent);margin:0;font-size:15px}.feedback-panel input,.feedback-panel textarea{font:inherit;color:var(--ink);background:var(--field-bg);border:1px solid var(--surface-edge);resize:vertical;border-radius:6px;padding:7px 9px;font-size:13px}.feedback-panel input:focus-visible,.feedback-panel textarea:focus-visible,.captain-row select:focus-visible,.captain-row input:focus-visible,.captain-select:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #f5d76e47}.feedback-status{min-height:15px;margin:0;font-size:12px}.feedback-status.feedback-ok{color:#7be08a}.feedback-status.feedback-error{color:#ff6b5e}.market-panel,.game-over-panel{background:var(--surface);border:1px solid var(--surface-edge);border-radius:var(--surface-radius);width:min(620px,94vw);max-height:min(480px,100vh - 120px);box-shadow:var(--surface-shadow);z-index:10;padding:16px 20px 22px;position:absolute;bottom:90px;left:50%;overflow-y:auto;transform:translate(-50%)}.market-panel h2,.game-over-panel h2{color:var(--accent);letter-spacing:.3px;border-bottom:1px solid #f5d76e2e;margin:0 0 10px;padding-bottom:8px;font-size:20px}.market-panel table{border-collapse:collapse;width:100%;font-size:14px}.market-panel th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-dim);border-bottom:1px solid #ffffff24;padding:4px 8px;font-size:11px}.market-panel td{text-align:left;border-bottom:1px solid #ffffff0f;padding:5px 8px}.market-panel tbody tr:hover td{background:#ffffff09}@media (width<=520px){.market-panel table,.market-panel tbody{display:block}.market-panel thead{display:none}.market-panel tbody tr{border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto;align-items:center;gap:5px 10px;padding:9px 2px;display:grid}.market-panel tbody td{border:none;padding:0}.market-panel tbody td:first-child{grid-area:1/1;font-weight:600}.market-panel tbody td:nth-child(4){opacity:.8;grid-area:1/2;justify-self:end}.market-panel tbody td:nth-child(2){grid-area:2/1}.market-panel tbody td:nth-child(5){grid-area:2/2;justify-self:end}.market-panel tbody td:nth-child(3){grid-area:3/1}.market-panel tbody td:nth-child(6){grid-area:3/2;justify-self:end}.market-panel tbody td:nth-child(2):before{content:"Buy ";opacity:.6}.market-panel tbody td:nth-child(3):before{content:"Sell ";opacity:.6}.market-panel tbody td:nth-child(4):before{content:"have ";opacity:.6}.market-panel tbody td:nth-child(5)>button,.market-panel tbody td:nth-child(6)>button{min-width:70px;min-height:34px}}.market-badges{flex-wrap:wrap;align-items:center;gap:6px 8px;margin:2px 0 8px;font-size:12.5px;display:flex}.badge-sought,.badge-surplus{white-space:normal;border-radius:12px;align-items:center;gap:4px;max-width:100%;padding:3px 9px;display:inline-flex}.badge-sought{color:#f7e4a6;background:#f5d76e21;border:1px solid #f5d76e66}.badge-surplus{color:#cfe2f2;background:#78aad21f;border:1px solid #78aad257}button{font:inherit;color:#10141c;background:linear-gradient(180deg, #f7dd86 0%, var(--accent) 48%, var(--accent-deep) 100%);cursor:pointer;border:1px solid #00000047;border-radius:6px;padding:5px 11px;font-size:13px;font-weight:600;transition:filter .12s,transform 60ms,box-shadow .12s;box-shadow:inset 0 1px #fff6,0 1px 2px #0006}button:hover{filter:brightness(1.08)}button:active{filter:brightness(.96);transform:translateY(1px)}button:focus-visible{box-shadow:var(--focus-ring);outline:none}.close-market{margin-top:10px}.armory,.forge,.legacy-shop,.services{border-top:1px solid #ffffff12;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.armory h3,.forge h3,.legacy-shop h3,.trade-log h3{letter-spacing:.07em;text-transform:uppercase;width:100%;color:var(--accent);margin:0 0 4px;font-size:12px}.market-blurb{color:var(--ink-dim);margin:0 0 10px;font-size:13px;font-style:italic}button:disabled{opacity:.45;cursor:not-allowed}.ledger-doubloons strong{color:var(--accent);font-size:18px}.trade-log{max-height:110px;margin-top:8px;font-size:12px;overflow-y:auto}.trade-log p{margin:1px 0}.game-over-panel{text-align:center;bottom:220px}.victory-panel{background:var(--surface);border:1px solid var(--accent);border-radius:var(--surface-radius);text-align:center;z-index:12;width:min(420px,90vw);box-shadow:var(--surface-shadow), 0 0 24px #f5d76e1f;padding:16px 20px;position:absolute;bottom:160px;left:50%;transform:translate(-50%)}.victory-panel h2{color:var(--accent);margin:0 0 8px}.victory-panel p{margin:2px 0;font-size:14px}@media (width<=620px),(height<=620px){.victory-panel,.game-over-panel{max-height:calc(100vh - 112px);padding-bottom:22px;bottom:56px;overflow-y:auto}}.title-screen{text-align:center;z-index:20;background:radial-gradient(140% 70% at 50% -8%,#f5d76e29,#f5d76e00 55%),radial-gradient(120% 90% at 50% 38%,#16273b 0%,#0d1a29 52%,#070f1a 100%),linear-gradient(#0a1626 0%,#060d18 100%);flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;padding:clamp(20px,4vh,44px) 16px;display:flex;position:absolute;inset:0;overflow-y:auto}.title-screen:before{content:"";pointer-events:none;background:radial-gradient(80% 120% at 50% 0,#78aad21a,#0000 70%);height:46%;position:absolute;top:0;left:0;right:0}.title-screen>*{z-index:1;position:relative}.title-screen h2{letter-spacing:5px;color:var(--accent);text-shadow:0 2px #00000080,0 10px 32px #000000d9,0 0 28px #f5d76e2e;margin:4px 0 0;font-size:clamp(38px,6vw,56px)}.title-screen p{max-width:640px;margin:0;font-size:16px}.title-screen p:first-of-type{color:var(--ink)}.title-screen p+p{color:var(--ink-dim);font-size:15px}.title-screen .title-controls{color:var(--ink-dim);letter-spacing:.02em;max-width:720px;font-size:12px}.title-screen .captain-row,.title-screen .flag-picker,.title-screen .daily-board,.title-screen .trophy-shelf,.title-screen .storm-court{background:#0c16228c;border:1px solid #33506e80;border-radius:10px;padding:10px 14px;box-shadow:inset 0 1px #ffffff08}.start-button{border-radius:10px;width:min(520px,92vw);margin-top:0;padding:12px 26px;font-size:18px;box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff59}.title-screen [data-testid=continue],.title-screen [data-testid=daily]{color:var(--ink);border:1px solid var(--surface-edge);background:linear-gradient(#1d3148 0%,#142436 100%);box-shadow:0 4px 16px #00000073,inset 0 1px #ffffff0f}.title-screen [data-testid=continue]:hover,.title-screen [data-testid=daily]:hover{filter:brightness(1.14)}.title-screen [data-testid=start]{font-size:20px}.touch-controls{z-index:12;grid-template-columns:repeat(3,56px);justify-content:center;gap:6px;display:none;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.touch-controls button{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;min-width:54px;min-height:48px;font-size:24px}@media (pointer:coarse){.touch-controls{display:grid}}.contract-box{background:#f5d76e0d;border:1px dashed #f5d76e66;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-size:13px;display:flex}.chart-open .tutorial-overlay,.chart-open .chart-offer,.chart-open .contract-box,.chart-open .achievement-toast,.chart-open .status-bar,.chart-open .feedback-panel,.menu-modal .achievement-toast{display:none!important}.tutorial-overlay{background:var(--surface);border:1px solid var(--surface-edge);border-radius:var(--surface-radius);z-index:5;width:min(330px,38vw);box-shadow:var(--surface-shadow);padding:12px 16px;font-size:13px;line-height:1.45;position:absolute;bottom:130px;left:18px}.tutorial-overlay h3{color:var(--accent);margin:0 0 6px;font-size:16px}.tutorial-overlay p{margin:0 0 8px}.tutorial-overlay kbd{border:1px solid var(--surface-edge);background:#28415c;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:12px;box-shadow:0 1px #0000004d}.pending-doubloons{color:var(--accent);opacity:.85;font-size:12px}.gameover-legacy{margin:10px 0}.gameover-legacy h3{color:var(--accent)}.legacy-category{letter-spacing:.06em;text-transform:uppercase;color:#f3e9cfa6;width:100%;margin:8px 0 2px;font-size:12px}.captain-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:10px 0;display:flex}.captain-row select,.captain-row input{font:inherit;color:#f3e9cf;border:1px solid var(--panel-edge);background:#142536;border-radius:4px;padding:4px 8px;font-size:13px}.save-notice{color:#ffb347;font-size:13px}.captain-select{font:inherit;color:#f3e9cf;border:1px solid var(--panel-edge);background:#142536;border-radius:4px;padding:1px 4px;font-size:14px}.causeway-panel{width:min(640px,94vw);max-height:calc(100vh - 112px);padding-bottom:22px;bottom:56px;overflow-y:auto}.draft-row h3{color:var(--accent);margin:8px 0 6px}.draft-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:8px;display:grid}.draft-card{text-align:left;white-space:normal;flex-direction:column;align-items:flex-start;gap:4px;min-height:76px;padding:10px 12px;line-height:1.3;display:flex}.draft-card small{opacity:.75}.draft-suit{text-transform:uppercase;letter-spacing:.08em;opacity:.65;font-size:10px}.draft-chips{text-overflow:ellipsis;white-space:nowrap;max-width:340px;overflow:hidden}.story-overlay{border-color:var(--accent);z-index:14;width:min(520px,88vw);font-size:14px;line-height:1.55;top:16%;bottom:auto;left:50%;transform:translate(-50%)}.story-overlay button{margin-top:4px}.keeper-row{align-items:center;gap:10px;margin:4px 0 6px;display:flex}.keeper-portrait{border:2px solid var(--panel-edge);width:48px;height:48px;image-rendering:pixelated;border-radius:6px}.keeper-line{opacity:.9;margin:2px 0 0;font-size:13px;font-style:italic}.chart-offer{background:var(--surface);border:1px solid var(--accent);border-radius:var(--surface-radius);z-index:11;max-width:min(480px,90vw);box-shadow:var(--surface-shadow);padding:12px 16px;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.achievement-toast{border:1px solid var(--accent);z-index:30;pointer-events:none;background:#10141ceb;border-radius:8px;flex-direction:column;gap:2px;padding:10px 18px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%)}.achievement-toast strong{color:var(--accent);font-size:15px}.achievement-toast span{opacity:.85;font-size:12px}.trophy-shelf{flex-wrap:wrap;justify-content:center;gap:6px;max-width:560px;margin-top:14px;display:flex}.trophy-shelf h3{width:100%;color:var(--accent);margin:0 0 2px;font-size:14px}.trophy{opacity:.55;background:#ffffff0f;border-radius:10px;padding:3px 8px;font-size:12px}.trophy.met{opacity:1;border:1px solid var(--accent)}.flag-picker{flex-wrap:wrap;justify-content:center;gap:6px;max-width:480px;margin-top:12px;display:flex}.flag-picker h3{width:100%;color:var(--accent);margin:0 0 2px;font-size:14px}.flag-picker button{width:40px;height:36px;padding:0;font-size:18px}.flag-picker .swatch{border:2px solid #ffffff40}.flag-picker .picked{outline:2px solid var(--accent)}.map-scale-picker{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:480px;margin-top:10px;display:flex}.map-scale-label{width:100%;color:var(--accent);font-size:14px}.map-scale-btn{flex-direction:column;align-items:center;gap:1px;min-width:52px;padding:4px 6px;line-height:1.05;display:flex}.map-scale-btn strong{font-size:16px}.map-scale-btn .map-scale-sub{opacity:.78;letter-spacing:.2px;font-size:10px}.map-scale-btn.picked{outline:2px solid var(--accent)}.map-scale-btn.picked .map-scale-sub{opacity:1}.daily-board{background:#00000040;border-radius:6px;max-width:420px;margin-top:10px;padding:8px 12px;font-size:13px}.daily-board ol{margin:6px 0;padding-left:22px}.daily-rank{color:var(--accent);font-weight:700}.storm-court button{margin:3px 4px;font-size:12px}.storm-court button.picked{outline:2px solid var(--accent)}.causeway-chip{background:var(--accent);padding:2px 8px;font-size:13px}.modal-actions{flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:12px;display:flex}.modal-actions button{flex:auto;min-width:150px;min-height:38px}.button-shelf{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.button-shelf>button{min-height:34px}.button-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px 0;display:grid}.button-grid>button{min-height:44px}@media (width<=560px){.modal-actions button{flex-basis:100%}}.armory>button,.forge>button,.services>button,.legacy-shop>button{min-height:34px}