:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#253e49;background:#eff0e6;font-synthesis:none;--ink: #253e49;--paper: #f2f2e9;--line: #d3d8cc;--accent: #9a6e3b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #bac5ba;background:#f7f7ef;color:var(--ink);padding:9px 12px;border-radius:5px;cursor:pointer;transition:background .14s}button:hover:not(:disabled){background:#e0e6d9;border-color:#859a8e}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid #ba9a57;outline-offset:2px}.primary{background:var(--ink);border-color:var(--ink);color:#fbfae9}.primary:hover:not(:disabled){background:#365b60}.accent{background:#e6ddc3;border-color:#bca67b}.quiet{border-color:transparent;background:transparent}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Palatino,Palatino Linotype,Georgia,serif;font-weight:500}h3{font-size:20px;line-height:1.25}small,.hint{font-size:12px;line-height:1.55;color:#63736e}.hint{margin:8px 0 12px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;margin:12px 0}input,select,textarea{width:100%;border:1px solid #c4cec0;border-radius:4px;background:#fbfbf5;color:var(--ink);padding:9px 10px;font-weight:400;min-width:0}textarea{resize:vertical;line-height:1.5}.form-row{display:flex;gap:14px}.form-row>label{flex:1}.button-row{display:flex;gap:8px}.button-row button{flex:1}.large{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;font-size:16px}.check{flex-direction:row;align-items:center;gap:9px;font-weight:400}.check input{width:16px;height:16px;accent-color:var(--ink)}.lobby{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:#eff0e6}.lobby-art{position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0,transparent 79px,#56778015 80px),repeating-linear-gradient(90deg,#acc4c7 0 79px,#56778026 80px);border-right:1px solid #91a7a6;min-height:700px}.island{position:absolute;background:#c5c9ac;box-shadow:0 0 0 2px #8c9f90,0 0 0 7px #ffffff18,0 0 0 12px #62837b20;transform:rotate(-24deg)}.island-one{width:100%;height:80%;left:-35%;top:16%;border-radius:25% 50% 32% 45%;background:radial-gradient(ellipse at 70% 20%,#a7b593,transparent 45%),#c5c9ac}.island-two{width:55%;height:34%;right:-16%;top:-5%;border-radius:40% 24% 43% 35%}.lobby-compass{position:absolute;width:100px;right:44px;bottom:48px;opacity:.7}.lobby-ship{position:absolute;width:105px;top:45%;left:66%;transform:rotate(7deg)}.lobby-town{position:absolute;width:78px;left:32%;top:33%}.sea-label{position:absolute;top:30%;right:7%;font:14px Georgia;letter-spacing:.25em;writing-mode:vertical-rl;color:#52777c}.map-note{position:absolute;bottom:12%;left:8%;font:italic 22px/1.5 Palatino,Georgia;color:#547067}.chart-line{position:absolute;width:46%;height:35%;border-right:2px dashed #866d4980;border-bottom:2px dashed #866d4980;border-radius:0 0 60%;top:44%;left:31%;transform:rotate(-28deg)}.lobby-copy{padding:6vh clamp(32px,5vw,90px);max-width:730px;align-self:center}.wordmark{display:flex;align-items:center;gap:10px;font-size:12px;color:#60766c}.wordmark img{width:27px}.lobby h1{font-size:clamp(48px,5.3vw,80px);line-height:1;letter-spacing:-.045em;margin:24px 0}.lobby h1 span{display:block;font-size:clamp(20px,2vw,30px);letter-spacing:-.02em;margin-top:18px}.intro{font-size:15px;line-height:1.7;color:#61746d;max-width:490px}.lobby-tabs{display:flex;gap:22px;border-bottom:1px solid #c7d0c3;margin:28px 0 18px}.lobby-tabs button{border:0;border-radius:0;background:none;padding:10px 0 13px;color:#63736e}.lobby-tabs .active{border-bottom:2px solid var(--ink);color:var(--ink)}.lobby footer{font-size:11px;line-height:1.6;color:#748279;margin-top:28px}.game{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.masthead{height:68px;flex-shrink:0;display:flex;align-items:center;gap:24px;padding:0 22px;border-bottom:1px solid #bdc8bc;background:#f4f4eb;z-index:5}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0}.brand img{width:33px;height:41px}.brand strong{font:24px Palatino,Georgia;white-space:nowrap}.campaign-name{display:flex;flex-direction:column;gap:4px;border-left:1px solid #c9d2c6;padding-left:24px;font-size:14px}.campaign-name small{font-size:11px}.header-actions{margin-left:auto;display:flex;gap:7px}.header-actions button{font-size:12px}.workspace{flex:1;min-height:0;display:flex}.desk{width:320px;flex-shrink:0;display:flex;flex-direction:column;background:#eff0e6;border-right:1px solid #8fa298;z-index:4}.commander-heading{padding:21px 16px 19px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.commander-heading img{width:42px;height:52px}.commander-heading h2{font-size:24px;margin:3px 0 5px}.commander-heading small{font-size:10px}.commander-heading span{font-size:11px;color:#687a70}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 10px;flex-shrink:0}.tabs button{font-size:11px;padding:12px 9px;border:0;border-radius:0;background:transparent;color:#738176}.tabs button.active{border-bottom:2px solid #37564e;color:#253e49;font-weight:600}#desk-body{overflow:auto;flex:1;scrollbar-width:thin}#desk-body section{padding:18px 16px;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-title>span{font-size:11px;color:#6b7b71}.pill{border:1px solid #c6d0bf;padding:3px 7px;border-radius:12px;white-space:nowrap;background:#e4e9db}.selection{background:#f8f7ed}.selection-art{width:60px;float:right}.force-stats{display:flex;gap:20px;margin:17px 0 8px}.force-stats strong{font:26px Palatino,Georgia}.force-stats small{display:block;font:10px system-ui;color:#748074;margin-top:3px}.selection label{margin-top:14px}.selection button{font-size:12px}.formation-list{display:flex;flex-direction:column;gap:4px}.formation{display:flex;align-items:center;width:100%;padding:10px 7px;gap:10px;text-align:left;border-color:transparent;background:transparent}.formation img{width:34px;height:34px;object-fit:contain}.formation>span{flex:1;min-width:0}.formation strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:550}.formation small{display:block;font-size:10px;margin-top:3px}.formation>b{font-size:12px;font-weight:500}.formation.selected{background:#e0e6d7;border-color:#a4b7a3}.town-row{display:flex;width:100%;align-items:center;gap:11px;border:0;background:transparent;text-align:left;padding:10px 4px}.town-row img{width:28px;height:29px}.town-row span{font-size:12px}.town-row small{display:block;font-size:10px;margin-top:3px}.clock-box{border-top:1px solid #bac7b7;background:#f7f7ed;padding:14px 16px 16px}.clock-status{font-size:11px;display:flex;align-items:center;gap:6px;margin-bottom:10px}.status-dot{width:6px;height:6px;display:inline-block;border-radius:100%;background:#b39155}.status-dot.live{background:#587a58}.clock-box>.primary{width:100%;display:flex;justify-content:space-between;padding:12px;font-size:13px}.clock-box>small{display:block;text-align:center;margin-top:7px;font-size:10px}.victory{font-size:12px;margin-bottom:10px;line-height:1.5;color:#7b5f2e}.map-host{position:relative;flex:1;min-width:0;background:#263f49;overflow:hidden}.map-host canvas{display:block;touch-action:none;cursor:grab}.map-host.plotting canvas{cursor:crosshair}.map-top{position:absolute;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}#map-status{background:#eff0e6e8;border:1px solid #506c4c30;box-shadow:0 2px 5px #122d3610;padding:9px 12px;border-radius:4px;font-size:11px;color:#4d665a}.map-controls{display:flex;gap:4px;pointer-events:auto}.map-controls button{width:34px;height:34px;padding:0;background:#eff0e6ee;font-size:19px}.map-instruction{position:absolute;bottom:23px;left:50%;transform:translate(-50%);background:#1e353ddd;border:1px solid #c0d0c532;color:#dbe4d9;border-radius:4px;padding:9px 14px;font-size:11px;white-space:nowrap;pointer-events:none}.map-coordinate{position:absolute;right:20px;bottom:20px;color:#dbe4d9;font-size:11px}.cohort{display:grid;grid-template-columns:1fr auto;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.cohort small{grid-column:1/3;font-size:10px}.inline-form{display:flex;align-items:end;gap:10px}.inline-form label{flex:1}.inline-form button{margin-bottom:12px}details{margin-top:14px}summary{font-size:11px;color:#687b6d;cursor:pointer;padding:7px 0}details form{padding-top:8px;border-top:1px solid var(--line);margin-top:14px}.officer-row{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 4px 8px calc(var(--depth) * 14px);border:0;background:transparent;font-size:12px}.officer-row img{width:27px;height:34px}.officer-row small{display:block;font-size:10px}.officer-row.selected{background:#e0e6d7}.branch{color:#8b9b8a}.command-tree{margin-top:12px}.policies{margin-top:16px}.policies p{display:flex;justify-content:space-between;font-size:11px;padding:8px 0;border-top:1px solid var(--line);gap:10px}.policies strong{font-weight:500}.messages{display:flex;flex-direction:column;gap:12px;margin-top:16px;max-height:320px;overflow:auto}.message{border-left:2px solid #b9a273;padding-left:10px}.message.outgoing{border-color:#88a697}.message small{font-size:10px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6;margin-top:4px}.chronicle{padding:0;list-style:none;margin:18px 0}.chronicle li{border-left:1px solid #bdcabc;padding:0 0 20px 15px;position:relative}.chronicle li:before{content:"";width:5px;height:5px;position:absolute;left:-3px;top:6px;border-radius:100%;background:#7e9682}.chronicle small{font-size:10px}.chronicle p{font-size:12px;line-height:1.65;margin-top:4px}.chronicle .event-battle:before,.chronicle .event-surrender:before{background:#a2634f}dialog{border:1px solid #b9c6b9;border-radius:9px;max-width:min(580px,94vw);width:580px;max-height:90dvh;padding:0;background:#f3f3e9;color:var(--ink);box-shadow:0 20px 90px #152e4450}dialog::backdrop{background:#1736448c;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:26px}.close{font-size:23px;border:0;background:transparent;padding:0 5px}.dialog-body{padding:22px 25px}.dialog-body>p{font-size:13px;line-height:1.7}.dialog-body pre{background:#e4e9dd;border:1px solid #c6d0c0;border-radius:4px;padding:15px;overflow-wrap:anywhere;white-space:pre-wrap;font:12px/1.7 ui-monospace,SFMono-Regular,monospace;max-height:270px;overflow:auto}.connection-identity{display:flex;gap:14px;align-items:center;border:1px solid #c9d2c2;padding:12px;margin:18px 0;background:#eceee1}.connection-identity img{width:34px}.connection-identity strong{font-size:14px}.connection-identity small{display:block}.dialog-body .button-row{margin-top:20px}.dialog-body button{font-size:12px}#toast{position:fixed;z-index:30;bottom:24px;left:50%;transform:translate(-50%);padding:13px 20px;background:#f5f2dc;color:#263f49;border:1px solid #a6b795;border-radius:6px;box-shadow:0 5px 25px #193b4933;font-size:13px;max-width:min(600px,90vw);line-height:1.5}#toast.error{background:#fae9de;border-color:#bf9580}.lost,.loading{max-width:600px;padding:32px;margin:12vh auto}.lost h1,.loading h1{font-size:36px;margin:20px 0}.lost p{font-size:15px;line-height:1.7;margin:16px 0}.lost button{margin:10px 8px 10px 0}.loading img{width:70px}.mobile-only{display:none}@media(min-width:1600px){.desk{width:350px}.lobby-copy{max-width:800px}.lobby h1{font-size:88px}}@media(max-width:1000px){.masthead{padding:0 14px;gap:16px}.brand strong{font-size:20px}.campaign-name{padding-left:16px}.header-actions .quiet{display:none}.desk{width:290px}.lobby-copy{padding:36px}.lobby-art{min-height:780px}.map-instruction{max-width:70%;white-space:normal;text-align:center}}@media(max-width:700px){.lobby{display:flex;flex-direction:column}.lobby-art{height:180px;min-height:180px;border:0}.lobby-compass{width:60px;bottom:20px;right:20px}.lobby-ship{width:60px;top:40%;left:65%}.lobby-town{width:48px;top:20%}.sea-label,.map-note{display:none}.lobby-copy{padding:24px;max-width:none}.lobby h1{font-size:56px;margin:20px 0}.lobby h1 span{font-size:25px}.lobby footer{margin-top:22px}.wordmark{font-size:11px}.masthead{height:60px;gap:10px}.brand img{width:24px;height:30px}.brand strong{display:none}.campaign-name{border:0;padding:0;font-size:12px;max-width:44%;white-space:nowrap;overflow:hidden}.campaign-name small{font-size:9px}.header-actions{gap:5px}.header-actions button{font-size:10px;padding:8px}.header-actions span{display:none}.mobile-only{display:block}.desk{position:absolute;top:60px;bottom:0;left:0;width:min(330px,87vw);transform:translate(-100%);transition:transform .2s;box-shadow:5px 0 20px #16374040}.desk.open{transform:translate(0)}.map-top{left:12px;right:12px;top:12px}#map-status{max-width:62%;font-size:9px;padding:7px 9px}.map-instruction{font-size:10px;bottom:16px;max-width:60%;left:65%;padding:7px 9px}.dialog-head,.dialog-body{padding:17px}.dialog-head h2{font-size:23px}.button-row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:700px){.desk{visibility:hidden}.desk.open{visibility:visible}.command-tree+.mobile-only{margin-top:12px}.mobile-only.button-row{display:flex;margin-bottom:18px}}.clock-pace{display:block;font-size:12px;margin:8px 0;color:var(--ink)}.game{position:relative}[data-action=settings]:before{content:"⚙";margin-right:5px}.show-settings .workspace{visibility:hidden;pointer-events:none}.settings-page{position:absolute;inset:68px 0 0;overflow-y:auto;background:var(--paper);padding:34px 24px 60px}.settings-content{max-width:720px;margin:0 auto}.settings-content>[data-action=back-map]{margin-left:-12px}.settings-heading{display:flex;align-items:center;gap:18px;margin:30px 0}.settings-heading img{width:54px;height:54px}.settings-heading h1{font-size:36px;margin-top:5px}.settings-heading .eyebrow{color:#63736e;font-size:12px;letter-spacing:.06em}.settings-card{border:1px solid var(--line);background:#f8f7ed;padding:28px;border-radius:6px}.settings-card h2{font-size:24px}.settings-card>p{line-height:1.65;font-size:14px}.settings-current{margin:18px 0 26px;font-weight:600;color:#426754}.settings-card fieldset{padding:0;margin:0;border:0;min-width:0}.settings-card legend{font-family:Palatino,Georgia,serif;font-size:21px}.pace-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pace-presets{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}.pace-presets button{font-size:12px}.pace-preview{padding:14px 0 20px;line-height:1.6;font-size:14px}.settings-result{margin:14px 0;font-size:14px;line-height:1.5}.settings-footnote{margin-top:22px;font-size:13px;color:#63736e;line-height:1.7}@media(max-width:700px){[data-action=settings]:before{margin:0}.settings-page{inset:60px 0 0;padding:20px 16px 40px}.settings-card{padding:20px}.settings-card .section-title{align-items:flex-start;flex-direction:column}.settings-heading h1{font-size:29px}.settings-heading img{width:40px;height:40px}}.monitor-badge{font-size:11px;letter-spacing:.04em;color:#64736e}.monitor-follow{padding:20px 22px 14px;border-bottom:1px solid var(--line)}.monitor-follow .eyebrow,.monitor-follow label{margin:0 0 12px}.monitor-perspective{display:flex;gap:5px}.monitor-perspective button{flex:1;padding:8px 5px;font-size:12px}.monitor-perspective button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.monitor-follow .hint{margin-bottom:0}#monitor-track{margin-top:8px}#monitor-feed{flex:1;overflow-y:auto;min-height:0}#monitor-feed section{padding:18px 22px}#monitor-feed h3{margin-top:0}.monitor-footnote{margin:0;padding:12px 22px;font-size:11px;line-height:1.5;border-top:1px solid var(--line);color:#596969}.monitor-order,.monitor-relation{padding:12px 0;border-bottom:1px solid var(--line)}.monitor-order>button{display:block;border:0;padding:4px 0;text-align:left;background:transparent;font-weight:650}.monitor-order.selected>button{text-decoration:underline}.monitor-order small,.monitor-relation small{display:block;color:#596969;font-size:11px}.monitor-order p,.monitor-relation p{margin:7px 0;font-size:12px;overflow-wrap:anywhere}.monitor-relation strong{display:block;margin-top:6px}.command-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.monitor-desk .tabs button{padding-inline:3px}@media(max-width:700px){.monitor-game .workspace{display:flex;flex-direction:column-reverse}.monitor-game .map-host{flex:1;min-height:230px}.monitor-game .monitor-desk{position:relative;transform:none;width:100%;height:43%;flex-shrink:0;visibility:visible}.monitor-follow{padding:10px 16px}.monitor-follow .eyebrow,.monitor-footnote,.monitor-badge{display:none}.monitor-follow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.monitor-follow label,.monitor-follow .hint{margin:0}.monitor-follow .hint{grid-column:1 / -1;font-size:11px}#monitor-feed section{padding:12px 16px}}#monitor-fit{width:auto;min-width:76px;padding-inline:10px;font-size:12px;white-space:nowrap}.recruitment-pool{border-block:1px solid var(--line);padding:12px 0;font-size:13px}.recruitment-pool strong{font-size:20px;display:block;margin-bottom:5px}.recruitment-pool small{display:block;margin-top:7px;line-height:1.5;color:#596969}.soldier-card{border-bottom:1px solid var(--line, #d4cbbb);padding:14px 0}.soldier-card>small{color:#716a5f}.soldier-stats{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 0}.soldier-stats dt{font-size:10px;text-transform:uppercase;color:#716a5f}.soldier-stats dd{margin:3px 0 0;font-variant-numeric:tabular-nums}.pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;font-size:12px}.soldier-card .section-title{gap:12px;flex-wrap:wrap}.commander-origin{font-size:.82rem;color:#64736e;line-height:1.6}.service-record{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;font-size:.72rem}.service-record strong{display:block;font-family:Georgia,serif;font-size:1.25rem;color:var(--ink);margin-bottom:4px}.doctrine-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.doctrine-card,.rival-card,.battle-record{padding:14px;border:1px solid var(--line);border-radius:5px;margin-bottom:10px}.doctrine-card h3{font-size:1rem;margin:0}.doctrine-meter{display:grid;gap:6px;font-size:.75rem}.doctrine-meter meter{width:100%;height:10px;accent-color:#466969}.doctrine-meter span{display:block}.rival-card p,.battle-record p{margin:8px 0;font-size:.82rem}@media(max-width:560px){.doctrine-list{grid-template-columns:1fr}}.map-stack-picker{position:absolute;z-index:8;left:12px;bottom:58px;width:min(350px,calc(100% - 24px));max-height:min(420px,65%);overflow:auto;padding:14px;background:#f5f4e9;border:1px solid #7e9182;border-radius:6px;box-shadow:0 8px 24px #203c4940;display:grid;grid-template-columns:1fr auto;gap:9px}.map-stack-picker>button:not(:nth-child(2)){grid-column:1 / -1;text-align:left;white-space:normal;min-height:48px}.settlement-situation{border-left:3px solid #a36c48;background:#e9e4cf;padding:10px}.settlement-reports{padding-left:18px;font-size:12px;line-height:1.5}.force-list{display:grid;gap:6px;margin:10px 0 18px}.force-list>button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;min-height:48px;width:100%}.force-list>button span{display:grid;gap:3px}.force-list>button small{color:#536b65}.map-calendar{position:absolute;right:20px;bottom:78px;width:116px;overflow:hidden;border:1px solid #788471;border-radius:5px;background:#f4f1e3f5;color:#253e49;box-shadow:0 3px 12px #122d3626;text-align:center;pointer-events:none;font-variant-numeric:tabular-nums}.calendar-month{display:block;padding:6px 8px;background:#53695e;color:#faf7e9;font-size:12px;letter-spacing:.04em}.calendar-day{display:block;font:38px/1.15 Georgia,serif;padding-top:5px}.calendar-year{display:block;font:12px Georgia,serif}.map-calendar small{display:block;margin:8px 0;font-size:10px;color:#53695e}@media(max-width:700px){.map-calendar{right:12px;bottom:76px;width:96px}.calendar-day{font-size:30px}}