/* Quiet chrome around a map made for hands, as well as a mouse. */
:root{--sea:#e7ece3;--ink:#263e35;--paper:#faf8ef;--brass:#a88643}html,body{overscroll-behavior:none}button,select{touch-action:manipulation}header{padding:0 20px;height:60px}.top-actions{gap:12px}.brand{letter-spacing:1.7px}.edition{font-size:18px}.local-label{font-size:11px}.map-mode .workspace{height:calc(100dvh - 60px);grid-template-columns:82px 1fr}.map-mode .sidebar{padding:18px 6px;background:var(--paper)}.map-mode .sidebar .campaign,.map-mode .sidebar-section{display:none}.map-mode .sidebar nav{gap:14px}.map-mode .nav{display:flex;flex-direction:column;gap:6px;text-align:center;justify-content:center;padding:12px 3px;font-size:25px}.map-mode .nav span{font-size:10px}.map-mode .page-heading{height:40px;min-height:40px;background:var(--paper)}.map-mode .page-heading h1{font-size:12px;color:#647165}.map-mode .page-heading>button#export-plan{display:none}.map-mode .page-heading>button#undo{margin-left:auto;border:0;background:transparent;min-height:36px}.map-toolbar{background:var(--paper);padding:10px 14px;gap:8px;border-bottom:1px solid #cbd4c4}.map-toolbar>.segmented{display:none}#experiment-controls{flex-wrap:nowrap;gap:7px;min-width:0}#experiment-controls button{min-height:42px;padding:8px 14px;white-space:nowrap;font-size:13px}#experiment-controls .primary{background:var(--ink);color:#fff9e9}.country-picker{display:flex;align-items:center;gap:10px;margin:0;min-width:0}.country-picker>span{font-size:11px;color:#71806e}#experiment-controls #experiment-project{max-width:245px;min-width:120px;border:0;background:transparent;font-size:14px;font-weight:600;padding:10px 20px 10px 0}.toolbar-spacer{flex:1}.map-surface{background-color:var(--sea)}.zoom-controls{top:16px;left:16px;background:#faf8eff0;border-color:#bcc8b2;box-shadow:0 2px 10px #263e3509}.zoom-controls button{min-width:40px;min-height:38px}.pan-help{display:none}.legend{bottom:82px;font-size:10px}.reserve-dock{bottom:16px;left:16px;max-width:calc(100% - 230px);gap:9px;background:#faf8eff0;border:1px solid #bbc8af;min-height:57px;padding:8px 12px}.reserve-dock small{display:none}.reserve-soldier{min-width:30px;min-height:40px;display:flex;align-items:center;justify-content:center}.reserve-soldier .soldier-avatar{width:27px;height:44px}.rank-legend{display:none}#map-mode-hint{position:absolute;top:84px;left:50%;transform:translateX(-50%);z-index:4;background:var(--ink);color:#faf8ef;font-size:12px;padding:10px 16px;border-radius:22px;pointer-events:none;text-align:center;max-width:90%;box-shadow:0 4px 15px #263e3522}#map-mode-hint:empty{display:none}.dragon-marginalia{opacity:.22}.dragon-marginalia text{font:italic 29px 'Libre Caslon Display',Georgia,serif;fill:#647361;letter-spacing:1.5px}.action-sheet{padding:24px;border:1px solid #bec8b2;border-radius:14px;width:min(440px,calc(100% - 32px));background:var(--paper);box-shadow:0 24px 100px #17351e33}.dialog-head{margin-bottom:18px}.dialog-head button{min-width:44px;min-height:44px;border-radius:50%}.action-sheet button,.action-sheet select{min-height:48px}.action-sheet select{font-size:16px;padding:10px;border:1px solid #c8d0bd;border-radius:6px;background:#fffdf6}.action-row{display:flex;gap:8px}.action-row>*{flex:1}.secondary-row{margin-top:20px;border-top:1px solid #d8ddcf;padding-top:16px}.sheet-intro{font-size:14px;line-height:1.5}.tool-modes{display:flex;gap:8px;margin-bottom:22px}.tool-modes button{flex:1;text-align:left;padding:12px;background:transparent}.tool-modes button[aria-pressed=true]{background:#dfe7d5;border-color:#687e58}.tool-modes small{display:block;font-size:11px;margin-top:7px;font-weight:400}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-grid button{text-align:left;font-size:13px}.gesture-help{border-top:1px solid #d3dac9;margin-top:20px;padding-top:16px;font-size:13px}.gesture-help summary{cursor:pointer;min-height:32px}.gesture-help p{font-size:13px;line-height:1.6}.inspector{width:350px;top:16px;right:16px;bottom:86px;border-radius:12px;background:var(--paper);box-shadow:0 16px 45px #263e3522;padding:25px}.inspector .close-inspector{width:44px;height:44px;top:8px;right:8px}.inspector input,.inspector select{font-size:16px;min-height:42px}.inspector .remove-person{width:36px!important;height:36px!important}.country-actions{display:flex;gap:8px;margin-top:20px;border-top:1px solid #d3dac9;padding-top:10px}.country-actions button{font-size:12px}.danger-text{color:#994f3d}.geography-panel{background:var(--paper);border-radius:12px;max-height:calc(100% - 90px)}.geography-panel input,.geography-panel select{font-size:16px;min-height:44px}.geography-panel button{min-height:40px;min-width:40px}#person-actions{position:absolute;bottom:86px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:12px;background:var(--paper);border:1px solid #b9c6ab;box-shadow:0 6px 26px #20392122;border-radius:12px;z-index:6;width:max-content;max-width:calc(100% - 24px)}#person-actions[hidden]{display:none}#person-actions>div{min-width:90px;margin-right:12px}#person-actions strong{font-size:13px;display:block}#person-actions small{font-size:10px;display:block;margin-top:5px;color:#72806c}#person-actions button{min-height:42px;font-size:12px;padding:8px 11px}.touch-troop-ghost{position:fixed;z-index:1001;width:42px;height:76px;pointer-events:none;background:transparent}#toast{max-width:calc(100vw - 32px);text-align:center;bottom:calc(22px + env(safe-area-inset-bottom));z-index:1100}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.plans-grid{gap:14px}.plan-card{border-radius:10px}.plan-card button{min-height:44px}.troop-card select{min-height:42px;font-size:14px}
@media(max-width:900px){.edition,.local-label{display:none}.map-mode .workspace{grid-template-columns:1fr}.sidebar{display:none}#mobile-view{display:block!important;border:0;background:transparent;font-size:14px;min-height:44px;max-width:95px}.map-mode .page-heading h1{font-size:11px}.country-picker>span{display:none}.map-toolbar{padding:8px 10px}.map-mode .page-heading{height:34px;min-height:34px}.map-mode .page-heading>button#undo{min-height:32px}.map-mode .page-heading h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:19px;letter-spacing:.1px}.legend{display:none}.top-actions{gap:4px}.workspace{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr}.roster-grid{grid-template-columns:1fr}main{padding:18px}.summary{grid-template-columns:repeat(2,1fr);gap:18px}.metric:nth-child(2){border:0}}
@media(max-width:600px){header{height:54px;padding:0 12px;padding-top:env(safe-area-inset-top)}.brand{font-size:14px;gap:7px;letter-spacing:1px}.brandmark{font-size:26px}#sheets{border:0;background:transparent;padding:8px;font-size:12px;min-height:44px}.map-mode .workspace{height:calc(100dvh - 54px - env(safe-area-inset-top))}.map-toolbar{min-height:0;padding:8px 10px}#experiment-controls{display:grid;grid-template-columns:minmax(0,1fr) 44px 72px;gap:6px}#experiment-controls .country-picker{grid-column:1;min-width:0}#experiment-controls #experiment-project{width:100%;max-width:none;min-width:0;font-size:14px;height:44px;padding-right:0}#experiment-controls #locate-country{padding:0;grid-column:2;font-size:22px}#experiment-controls #open-details{grid-column:3;padding:0}#experiment-controls .toolbar-spacer{display:none}#experiment-controls #open-troops{grid-column:1 / 3;min-height:40px}#experiment-controls #open-map-tools{grid-column:3;font-size:11px;padding:5px;min-height:40px}.zoom-controls{top:10px;left:10px;padding:2px}.zoom-controls button{min-height:38px;min-width:34px;padding:3px 8px}.zoom-controls #fit-map{padding:3px 10px}.reserve-dock{bottom:calc(10px + env(safe-area-inset-bottom));left:10px;right:10px;max-width:none;overflow-x:auto;min-height:58px;white-space:nowrap;padding:8px 10px;gap:8px}.reserve-dock>span{font-size:11px;margin-right:5px}.reserve-soldier:nth-of-type(n){display:flex;flex-shrink:0;width:36px}.reserve-soldier .soldier-avatar{width:28px;height:44px}.action-sheet,dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:85dvh;border-radius:20px 20px 0 0;border-bottom:0;padding:20px 20px calc(24px + env(safe-area-inset-bottom));overflow:auto}.action-sheet::before{content:'';display:block;width:34px;height:4px;border-radius:3px;background:#b5c1aa;margin:-8px auto 15px}.action-sheet .dialog-head h2{font-size:28px}.inspector{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-width:none;max-height:62dvh;border:1px solid #c7d1bc;border-radius:20px 20px 0 0;padding:25px 20px calc(24px + env(safe-area-inset-bottom));z-index:10;overscroll-behavior:contain}.inspector.is-open{animation:sheet-arrive .18s ease-out}.inspector h2{max-width:calc(100% - 45px);font-size:31px}.inspector .close-inspector{position:sticky;float:right;top:0;margin-top:-12px;z-index:1;background:var(--paper)}.geography-panel{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:none;max-height:76dvh;padding:20px 16px calc(22px + env(safe-area-inset-bottom));z-index:11;border-radius:20px 20px 0 0}.geography-heading h2{font-size:27px}.country-editor{grid-template-columns:minmax(0,1fr) 44px 44px}.country-editor select{grid-column:1 / -1}.continent-editor-heading input{min-width:0}#person-actions{position:fixed;left:10px;right:10px;transform:none;bottom:calc(82px + env(safe-area-inset-bottom));width:auto;max-width:none;display:grid;grid-template-columns:1fr 1fr 1fr 40px;padding:12px;gap:6px}#person-actions>div{grid-column:1 / 4;min-width:0;margin-bottom:5px}#person-actions [data-person-action=close]{grid-column:4;grid-row:1}#person-actions [data-person-action=move]{grid-column:1}#person-actions button{font-size:12px;padding:6px;min-height:44px}#map-mode-hint{top:150px;font-size:11px;min-width:220px}.pan-help,.rank-legend{display:none}.map-mode h1{font-size:19px}.page-heading{align-items:center}.page-heading h1{font-size:30px}#export-plan{font-size:11px;min-height:40px;padding:6px}input,textarea,select,[contenteditable]{font-size:16px}.troop-card{padding:14px}.roster-grid{gap:12px}.troop-card .troop-controls select{font-size:16px;min-height:44px}.troop-card .leader-toggle{width:44px;min-height:44px}.troop-card .remove-person{width:40px!important;height:40px!important}.soldier-remove{opacity:0;pointer-events:none}.soldier-unit:focus-within .soldier-remove{opacity:1;pointer-events:auto}@keyframes sheet-arrive{from{transform:translateY(30px);opacity:.7}to{transform:translateY(0);opacity:1}}}
@media(prefers-reduced-motion:reduce){.inspector.is-open{animation:none!important}*{scroll-behavior:auto!important}}

#map-mode-hint{display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:auto}#map-mode-hint[hidden]{display:none}#map-mode-hint button{min-height:36px;border:1px solid #ffffff66;color:inherit;background:transparent;padding:5px 10px;font-size:12px;border-radius:18px}

.reserve-soldier,[data-select-troop]{touch-action:none;-webkit-touch-callout:none}