:root{color-scheme:dark;--bg:#0d1725;--panel:#142237;--line:#2c4057;--ink:#ecf2fa;--muted:#aabbd0;--cell:84px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px}header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--line)}h1{margin:4px 0 0;font-size:32px;letter-spacing:-1px}h1 span{color:var(--muted);font-size:22px;font-weight:400}h2{font-size:18px;margin:12px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;color:#80c9e6}.headnote{display:grid;gap:5px;text-align:right}.headnote span{font-size:14px;color:var(--muted)}main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:24px 28px;max-width:1600px;margin:auto}.toolbar,.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.toolbar{justify-content:space-between}.actions label{display:grid;gap:5px;font-size:14px;color:var(--muted)}button,.filelabel{border:1px solid var(--line);background:#1b2e46;color:var(--ink);padding:10px 14px;border-radius:7px;font:inherit;font-size:14px;cursor:pointer;min-height:42px}button:hover,.filelabel:hover{background:#2b4564}button:disabled{opacity:.4;cursor:default}button.primary{background:#80c9e6;color:#102234;border-color:#80c9e6;font-weight:700}input[type=search]{font:inherit;font-size:16px;border:1px solid var(--line);background:#101d2f;color:var(--ink);padding:9px 12px;border-radius:7px;max-width:210px}input[type=range]{width:140px}.instruction{color:var(--muted);font-size:14px;line-height:1.6}.map-scroll{overflow:auto;max-height:76vh;border:1px solid var(--line);padding:12px;border-radius:10px;background:#101d2f}#board{display:grid;grid-template-columns:repeat(23,var(--cell));grid-template-rows:repeat(23,var(--cell));gap:3px;width:max-content;position:relative}.seat{padding:0;border:0;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#122031;background:#203248;min-height:0;font-size:12px;gap:1px}.seat.player{background:var(--alliance);font-weight:700}.seat.player:hover{filter:brightness(1.12);background:var(--alliance)}.seat .num{font-size:21px;line-height:1.1}.seat .tag{font-size:11px}.seat.empty{color:#7790ad}.seat.selected{outline:3px solid #fff;outline-offset:-3px}.seat.found{box-shadow:inset 0 0 0 3px #fff}.seat.dragover{outline:3px solid #fff;outline-offset:-3px}.fixed{display:flex;justify-content:center;align-items:center;background:#25364b;border-radius:4px;color:#90a3bc;font-size:12px}.blocked{background:#152336;color:#4b607c}.city{grid-column:9 / 16;grid-row:9 / 16;background:#604831;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;gap:10px;font-size:24px;font-weight:700;color:#fff2da}.city small{font-size:14px;font-weight:400}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;font-size:14px}.legend span{display:flex;gap:7px;align-items:center}.swatch{width:12px;height:12px;border-radius:3px;background:var(--alliance)}aside{border-left:1px solid var(--line);padding-left:22px;min-width:0}.detail{padding-bottom:16px;border-bottom:1px solid var(--line)}.detail p,.filetools p{color:var(--muted);font-size:14px;line-height:1.6}.detail h2{overflow-wrap:anywhere}#status{background:#183329;border:1px solid #365849;color:#c8edd8;border-radius:7px;padding:12px;margin:18px 0;font-size:14px;line-height:1.5}.filetools{border-bottom:1px solid var(--line);padding-bottom:18px}.filelabel{display:inline-block;margin-top:8px}.filelabel input{display:none}#roster{max-height:460px;overflow:auto}.person{display:grid;grid-template-columns:32px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer}.person:hover{background:#1a2c42}.person .id{color:var(--alliance);font-weight:700}.person .name{font-size:14px;overflow-wrap:anywhere}.person small{display:block;font-size:12px;color:var(--muted);margin-top:3px}#results{color:var(--muted);font-size:14px;font-weight:400}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;padding:13px 20px;border:1px solid #80c9e6;border-radius:8px;background:#1b3048;color:var(--ink);z-index:10;font-size:14px}button:focus-visible,input:focus-visible{outline:3px solid #80c9e6;outline-offset:3px}@media(max-width:950px){main{grid-template-columns:1fr;padding:16px}header{padding:18px 16px}.headnote{max-width:190px}aside{border-left:0;padding-left:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}aside>section:last-child{grid-column:1 / -1}#status{margin:0}.map-scroll{max-height:65vh}}@media(max-width:500px){h1{font-size:27px}.headnote{font-size:12px;max-width:145px}.headnote span{font-size:12px}aside{grid-template-columns:1fr}.actions{gap:7px}.actions button{padding:9px 10px}.toolbar{gap:14px}.zoom{display:none}.city{font-size:22px}}@media print{*{print-color-adjust:exact;-webkit-print-color-adjust:exact}body{background:#fff;color:#111}header{padding:8px;border:0}.headnote,.toolbar,.instruction,.detail,.filetools,#status,#toast{display:none!important}main{display:block;padding:0}.map-scroll{border:0;max-height:none;overflow:visible;padding:0}#board{--cell:28px;gap:2px}.seat .num{font-size:14px}.seat .tag{font-size:8px}.fixed{font-size:9px}.city{font-size:20px}aside{border:0;padding:0}#roster{max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}.person{break-inside:avoid;padding:5px 0}.person .name{font-size:10px}.person small{font-size:9px}.legend{font-size:10px;margin-bottom:16px}.person .id{color:#333}.person:hover{background:none}@page{size:A4 portrait;margin:10mm}}

dialog{color:#eff3f8;background:#152538;border:1px solid #53718e;border-radius:18px;max-width:460px;width:calc(100% - 40px);padding:26px}dialog::backdrop{background:#07101bbd}dialog label{display:flex;flex-direction:column;gap:6px;margin:15px 0}dialog input{padding:12px;color:#fff;background:#0e1b2c;border:1px solid #526b87;border-radius:8px}dialog a{color:#a4d8fa;display:block;margin:14px 0}dialog a[hidden]{display:none}#registerError{color:#ffb9af}

.language-control{display:flex;gap:8px;align-items:center;font-size:14px;justify-content:flex-end}.language-control select{font:inherit;background:#1b2e46;color:#ecf2fa;border:1px solid #526b87;border-radius:7px;padding:8px;max-width:160px}dialog{max-height:90vh;overflow:auto}#helpDialog li{margin-bottom:12px;line-height:1.6}@media(max-width:500px){header{flex-wrap:wrap;gap:12px}.headnote{max-width:none}.language-control select{max-width:130px}}

.axis{display:flex;align-items:center;justify-content:center;background:#243d58;color:#fff;font-weight:700;font-size:16px;border-radius:4px}.axis-top{position:sticky;top:0;z-index:3}.axis-left{position:sticky;left:0;z-index:3}.public-log{margin-top:22px;border-top:1px solid var(--line);padding-top:14px}#changeLog{max-height:500px;overflow:auto}.log-entry{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}.log-entry time{display:block;color:var(--muted);font-size:12px;margin-top:4px}.log-entry p{margin:6px 0}.log-change{margin:6px 0;color:#c3d6ea}.log-note{font-size:14px;color:var(--muted);line-height:1.5}@media print{.public-log{display:none}.axis{font-size:12px}}

.seat .seat-name{font-size:12px;line-height:1.1;font-weight:500;max-width:100%;padding:0 3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;text-align:center}.seat .tag{font-size:12px}.seat{overflow:hidden}@media print{.seat .seat-name{font-size:6px;line-height:1; -webkit-line-clamp:1}.seat .num{font-size:11px}.seat .tag{font-size:6px}}

.seat.player{position:relative}.objective-badge{font-size:12px;line-height:1.1;background:#132538;color:#fff;border-radius:3px;padding:1px 4px}.readiness-marker{position:absolute;right:3px;top:2px;font-size:14px;background:#132538;color:white;border-radius:50%;width:18px;height:18px;line-height:18px}.readiness-ready{background:#1d704d}.readiness-need-help{background:#a23a39}#readinessControls{display:grid;gap:8px}#readinessControls[hidden]{display:none}#findSanctuaryMatches{display:grid;gap:8px}#objectiveNote,#readinessSummary{font-size:14px;line-height:1.5}@media print{.objective-badge,.readiness-marker{font-size:6px;line-height:1;width:auto;height:auto}}

.readiness-ready{background:#137b42;color:#fff}.readiness-moving{background:#1469bf;color:#fff}.readiness-need-help{background:#c52e36;color:#fff}.objective-badge{white-space:nowrap}

#board{grid-template-columns:repeat(18,var(--cell)) calc(var(--cell)/3) repeat(5,var(--cell));grid-template-rows:repeat(5,var(--cell)) calc(var(--cell)/3) repeat(13,var(--cell)) calc(var(--cell)/3) repeat(5,var(--cell))}.city{grid-row:10 / 17}.buffer-flag-band{background:#f4ce38;pointer-events:none;z-index:1;border:1px solid #e4ae19}.buffer-flag-key{color:#f4ce38;font-size:14px;line-height:1.5}

.buffer-flag-band{display:flex;align-items:center;justify-content:center;color:#122031;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden}@media print{.buffer-flag-band{font-size:6px}}

#flagControls{padding:12px;border:1px solid #f4ce38;border-radius:8px;margin:12px 0;font-size:14px;line-height:1.5}#flagControls[hidden]{display:none}.flag-reach{position:absolute;pointer-events:none;border:3px solid var(--flag-neon);background:color-mix(in srgb,var(--flag-neon) 8%,transparent);box-shadow:0 0 9px var(--flag-neon),inset 0 0 7px var(--flag-neon);z-index:3}.flag-tile-target{position:absolute;padding:0;min-height:0;border-radius:0;border:1px solid #a57b14;background:#f4ce38;z-index:4;color:#122031;font-size:12px}.flag-tile-target:hover{background:#fff187}.sim-flag{position:absolute;min-height:0;padding:1px 4px;border:2px solid var(--flag-neon);border-radius:5px;background:#132538;color:#fff;z-index:5;font-size:14px;transform:translate(-50%,-50%);box-shadow:0 0 8px var(--flag-neon)}.sim-flag.active{outline:2px solid white}#board{overflow:hidden}

.flag-buff-tile{position:absolute;pointer-events:none;opacity:.22;z-index:2}.flag-buff-badge{position:absolute;right:1px;top:1px;padding:2px 4px;border-radius:3px;color:#101b2a;font-size:12px;font-weight:800;z-index:4;pointer-events:none}.flag-buff-legend{display:flex;flex-wrap:wrap;gap:8px}.flag-buff-legend span{border-left:12px solid var(--buff);padding:4px 8px;background:#132538;color:white;border-radius:3px}.flag-reach{background:transparent}.seat{position:relative}

.strategy-panel{padding:12px;border:1px solid #3c678a;border-radius:8px;margin:12px 0}.strategy-panel summary{font-size:16px;font-weight:700;cursor:pointer;color:#87d4ff}.strategy-panel select{max-width:100%;min-width:180px}.war-briefing{border-left:3px solid #87d4ff;padding-left:12px;margin:14px 0}.war-briefing p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}textarea{width:100%;background:#192b3c;color:#eff3f8;border:1px solid #516782;border-radius:5px;padding:8px;font:inherit}#briefingMatches button{display:block;width:100%;margin:8px 0;text-align:left}#strategyStatus{overflow-wrap:anywhere}

.objective-strength,.flag-timeline,.route-tools{padding:12px;border:1px solid #3c678a;border-radius:7px;margin:12px 0;font-size:14px}.objective-strength summary{font-weight:700;cursor:pointer}.battle-table{width:100%;border-collapse:collapse;font-size:14px}.battle-table th,.battle-table td{padding:8px;border-bottom:1px solid #35506a;text-align:left;vertical-align:top}.table-scroll{overflow:auto}.route-map{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6}.route-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}.private-code{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;border:1px solid #87d4ff;color:#b5e6ff}.flag-timeline label{display:block;margin:8px 0}.flag-timeline input[type=range]{max-width:350px;width:100%}#ackRoster{max-height:240px;overflow:auto}#comparisonResult{max-height:65vh;overflow:auto}

.city{position:relative;background:radial-gradient(ellipse at center,#31455a 0%,#604831 75%);border:2px solid #ad8c4d;overflow:hidden}.castle-objective{position:absolute;left:26%;top:27%;width:48%;height:46%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:transparent;border:0;color:#fff2da;padding:0;font-size:clamp(18px,calc(var(--cell)*.3),32px)}.castle-objective:hover{background:#ffffff0c}.castle-icon{font-size:calc(var(--cell)*1.3);line-height:1.1}.castle-objective small{font-size:14px}.turret-objective{position:absolute;width:24%;height:23%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;background:#15283de8;border:1px solid #b79a55;color:#fff2da;padding:4px;font-size:14px;z-index:1}.turret-objective:hover{background:#294460}.turret-icon{font-size:calc(var(--cell)*.7);line-height:1;color:#e8c66c}.turret-nw{top:2%;left:2%}.turret-ne{top:2%;right:2%}.turret-sw{bottom:2%;left:2%}.turret-se{bottom:2%;right:2%}@media print{.castle-objective{font-size:11px;gap:2px}.castle-objective small{font-size:8px}.turret-objective{font-size:8px;padding:1px;gap:0;min-height:0}.castle-icon{font-size:35px}.turret-icon{font-size:20px}}

.west-war .fixed{background:#733f4b;color:#f1c6cc}.west-war .seat.empty{background:#183c55}.west-war .power-row-1{outline:2px solid #ffdf72;outline-offset:-3px}.west-war .power-row-2{outline:2px solid #51deff;outline-offset:-3px}

.west-war #board{grid-template-columns:repeat(5,var(--cell)) calc(var(--cell)/3) repeat(18,var(--cell))}.west-war .city{grid-column:10 / 17}
/* Optional plague doctor tutorial; controls remain usable while the guide is open. */
#warDoctor{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:400;max-width:calc(100vw - 28px)}#warDoctor [hidden]{display:none!important}#warDoctorLauncher{display:flex;align-items:center;gap:4px;padding:4px 10px 4px 4px;background:#172b40;border:1px solid #5bc7ca;border-radius:18px;box-shadow:0 8px 24px #0006;color:#edf8ff;font-size:14px;font-weight:700;min-height:44px}#warDoctorLauncher img{object-fit:contain;flex-shrink:0}#warGuidePanel{position:absolute;right:0;bottom:96px;width:390px;max-width:calc(100vw - 28px);max-height:70vh;max-height:70dvh;overflow:auto;overscroll-behavior:contain;border:1px solid #4c788b;border-radius:18px;background:#142237;box-shadow:0 12px 48px #0009;color:#ecf2fa;font-size:16px;line-height:1.5}#warGuidePanel .war-guide-heading{position:sticky;top:0;z-index:1;background:#183247;display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid #416378}#warGuideTitle{flex:1;margin:0;font-size:18px}#warGuideClose{font-size:26px;padding:2px 12px;min-height:44px}#warGuidePanel button,#warGuidePanel select{font:inherit;min-height:44px;white-space:normal}#warGuidePanel button{padding:7px 10px}#warGuidePanel button:focus-visible,#warDoctorLauncher:focus-visible{outline:3px solid #78e4ee;outline-offset:2px}.war-guide-tabs{display:flex;gap:8px;padding:12px 16px 0}.war-guide-tabs [aria-pressed=true]{background:#27617a;border-color:#6cddde}.war-guide-content{padding:8px 16px 16px}.war-guide-content h3{font-size:18px;line-height:1.3;margin:8px 0}.war-guide-content p{margin:10px 0}.war-guide-progress{font-size:14px;color:#9acee0}.war-guide-actions{display:flex;gap:8px;flex-wrap:wrap}.war-guide-footer{padding:12px 16px 16px;border-top:1px solid #355069}.war-guide-footer small{font-size:13px;display:block;color:#b7cdda;margin-bottom:8px}.war-guide-footer>div{display:flex;gap:6px;flex-wrap:wrap}.war-guide-note{color:#ffdf72;font-size:14px}.war-guide-target{outline:4px solid #55e0dc!important;outline-offset:5px;scroll-margin:100px;box-shadow:0 0 0 8px #55e0dc22!important}@media(max-width:600px){#warDoctor{right:10px;bottom:max(10px,env(safe-area-inset-bottom))}#warDoctorLauncher img{width:44px;height:50px}#warGuidePanel{bottom:66px;width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:55vh;max-height:55dvh}#warGuidePanel .war-guide-heading{padding:8px 12px}.war-guide-content,.war-guide-footer{padding:8px 12px 12px}.war-guide-tabs{padding:8px 12px 0}}@media print{#warDoctor,#warGuideOpen{display:none!important}.war-guide-target{outline:none!important;box-shadow:none!important}}
#warErrorHelp{position:fixed;bottom:80px;left:20px;z-index:450;background:#f6d44a;color:#102131;border:2px solid #172c3f;min-height:44px}#warDiagnosis{max-width:min(520px,calc(100vw - 32px));max-height:80dvh;overflow:auto}#warDiagnosis p{font-size:16px;line-height:1.5}.diagnosis-error{white-space:pre-wrap;overflow-wrap:anywhere;background:#101e2d;padding:12px;color:#ffb7b7;max-height:160px;overflow:auto}@media print{#warErrorHelp,#warDiagnosis{display:none!important}}
.war-clock{border:1px solid #42657c;border-radius:12px;padding:14px 18px;margin-bottom:18px;background:linear-gradient(110deg,#183349,#142237)}.war-clock h2{margin:0 0 6px}.war-clock #warCountdown{font-size:26px;font-variant-numeric:tabular-nums;color:#ffdf72}.war-clock p{font-size:14px;color:#bdd0df}.war-event{border-top:1px solid #36526c;padding-top:7px}.war-event-editor{display:flex;flex-wrap:wrap;align-items:end;gap:8px;border-top:1px solid #385166;padding:12px 0}.war-event-editor label{flex:1;min-width:180px}#warScheduleDialog label{display:grid;gap:6px;margin:10px 0}#warScheduleDialog input{max-width:100%}.flag-optimiser{border-top:1px solid #496078;margin-top:16px;padding:12px 0}.flag-optimiser summary{font-weight:700;cursor:pointer}.war-tools-table{border-collapse:collapse;width:100%;font-size:14px}.war-tools-table td,.war-tools-table th{padding:8px;text-align:left;border-bottom:1px solid #365069}#optimiserResults{max-height:320px;overflow:auto}#myOrdersDialog{width:min(480px,calc(100vw - 24px));max-height:90dvh;overflow:auto}#myOrdersDialog>label{display:grid;gap:6px}#myOrdersDialog input{width:100%;max-width:100%}.orders-matches{display:grid;gap:5px;margin:10px 0;max-height:220px;overflow:auto}.orders-card{border:2px solid var(--alliance);border-radius:14px;padding:18px;background:#101e30;margin:14px 0;overflow-wrap:anywhere}.orders-card h3{font-size:26px;margin:8px 0}.orders-source{font-size:12px;text-transform:uppercase;color:#9dccde}.orders-seat{display:block;font-size:48px;color:var(--alliance)}.orders-card dl{display:grid;grid-template-columns:90px 1fr;gap:10px}.orders-card dt{color:#a9bdd0}.orders-card dd{margin:0;font-weight:700}.orders-countdown{font-variant-numeric:tabular-nums;color:#ffdf72}.orders-readiness{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.orders-state-ready{background:#1f7350;color:#fff}.orders-state-moving{background:#215d9f;color:#fff}.orders-state-help{background:#9e353b;color:#fff}#myOrdersDialog button{min-height:44px}@media print{.war-clock{display:none!important}#myOrdersDialog{display:none!important}}@media(max-width:600px){.war-clock{padding:12px}.war-clock #warCountdown{font-size:23px}#myOrdersDialog{padding:16px}.orders-card{padding:14px}.war-event-editor{display:block}}
#board .seat.player{color:var(--seat-ink,#122031);font-family:var(--map-font,Arial,sans-serif)}#board .seat .num{font-size:var(--map-rank-size,21px);font-weight:var(--map-rank-weight,700)}#board .seat .tag{font-size:var(--map-tag-size,12px);font-weight:var(--map-tag-weight,700)}#board .seat .seat-name{font-size:var(--map-name-size,12px);font-weight:var(--map-name-weight,700)}#appearanceDialog{width:min(580px,calc(100vw - 24px));max-height:85dvh;overflow:auto}#appearanceDialog>label{display:grid;gap:8px}.appearance-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0}.appearance-row>strong{min-width:130px}.appearance-row input[type=number]{width:70px}.appearance-colours{max-height:35dvh;overflow:auto;border-block:1px solid #375269;margin-bottom:12px}.appearance-colour-row{display:grid;grid-template-columns:1fr 60px 110px;gap:10px;align-items:center;padding:8px}.appearance-colour-row input[type=color]{width:55px;min-height:40px;padding:2px}.appearance-colour-row input[type=text]{width:100%;min-width:0}.appearance-row label{display:flex;gap:8px;align-items:center}@media print{#mapAppearance,#appearanceDialog{display:none!important}#board .seat .num{font-size:calc(var(--map-rank-size,21px)*.52)}#board .seat .tag{font-size:calc(var(--map-tag-size,12px)*.5)}#board .seat .seat-name{font-size:calc(var(--map-name-size,12px)*.5)}}