:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}.app{--paper:#eee4cd;--ink:#302b21;--accent:#715a31;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:var(--paper);color:var(--ink)}.blue{--paper:#0d293e;--ink:#d9e4ef;--accent:#254c69}.color{--paper:#0c1918;--ink:#ede9da;--accent:#285b50}button,input,select{font:inherit;color:inherit;background:var(--paper);border:1px solid;border-radius:0;max-width:100%;min-height:48px;padding:8px 12px}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}button:not(:disabled):hover{background:var(--accent);color:#fff}:focus-visible{outline-offset:3px;outline:3px solid}h1,h2,.wordmark{font-family:Georgia,Times New Roman,serif}h1{overflow-wrap:anywhere;font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.1}h2{font-size:1.2rem}p{overflow-wrap:anywhere}small,.spectate{font-size:.875rem}b,em{font-variant-numeric:tabular-nums}.settings{flex-wrap:wrap;justify-content:flex-end;gap:12px;max-width:1440px;margin:0 auto 16px;display:flex}.settings label{align-items:center;gap:6px;display:flex}.entry{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:center;gap:36px;max-width:900px;min-height:calc(100dvh - 112px);margin:auto;display:grid}.entry section{min-width:0}.art{background:url(/assets/public-engraving-reference-BONwDHej.webp) 0 0/420% no-repeat;border:1px solid;height:min(38vh,330px)}.blue .art{filter:grayscale()}.lead{margin-top:24px}.back{border:0;padding-left:0}.field{gap:8px;margin:16px 0;display:grid}.name-input{width:100%}.game{max-width:1440px;margin:auto}.top{border-top:1px solid;border-bottom:1px solid;align-items:stretch;display:flex}.wordmark{align-content:center;padding:16px 16px 16px 0;font-size:1rem;line-height:1.2;display:grid}.metrics{flex:1;grid-template-columns:2fr 1fr 1fr;min-width:0;display:grid}.metrics>div{border-left:1px solid;align-content:center;padding:8px 16px;display:grid}.metrics b{font-size:clamp(1.1rem,2.2vw,1.7rem)}.metrics em{font-size:.875rem;font-style:normal}.top nav{align-items:center;gap:8px;margin-left:12px;display:flex}.map{border-bottom:1px solid;height:min(44vh,490px);min-height:240px;position:relative}.canvas{height:100%}.mapoff{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.mapoff ul{max-height:96px;margin:8px 0;overflow:auto}.panel{border-bottom:1px solid}.panel>header{border-bottom:1px solid;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.region-picker{align-items:center;gap:16px;padding:10px 0;display:flex}.facts{border-bottom:1px solid;gap:30px;padding:10px 0;display:flex}.facts span{gap:4px;display:grid}.rows label{border-bottom:1px solid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;display:grid}.rows input{width:24px;min-height:24px}.rows span{overflow-wrap:anywhere}.commands{flex-wrap:wrap;gap:8px;padding:12px 0;display:flex}.commands button{flex:130px}.drawer{width:min(420px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);border:0;border-left:1px solid;margin:0;position:fixed;inset:0 0 0 auto;overflow:auto}.drawer::backdrop{background:#0007}.drawer header{justify-content:space-between;align-items:center;gap:12px;display:flex}.drawer header button{min-width:48px}.drawer li{border-bottom:1px solid;justify-content:space-between;padding:10px;display:flex}@media (width<=700px){.settings{justify-content:space-between;gap:8px}.settings label{font-size:.875rem}.entry{grid-template-columns:minmax(0,1fr);gap:16px;min-height:0}.art{background-size:420%;height:28vh;max-height:235px}.entry h1{margin:16px 0}.top{flex-wrap:wrap}.wordmark{flex:1}.top nav{margin:0}.metrics{border-top:1px solid;flex:100%;order:3}.metrics>div{padding:8px}.metrics>div:first-child{border-left:0}.metrics b{font-size:1.1rem}.map{height:34vh;min-height:220px}.commands button{flex-basis:42%}}@media (height<=500px){.entry{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;min-height:0}.art{height:28vh}.entry:focus-within .art{display:none}.entry:focus-within{grid-template-columns:minmax(0,1fr)}}.map-attribution{background:var(--paper);padding:4px 8px;font-size:11px;line-height:1.3;position:absolute;bottom:0;left:0;right:0}.map-attribution a{color:inherit}.rows small{font-size:12px;display:block}.map .maplibregl-ctrl-group{border:1px solid var(--ink);box-shadow:none;background:var(--paper);border-radius:0}.map .maplibregl-ctrl-group button+button{border-top:1px solid var(--ink)}.map .maplibregl-ctrl-group button{width:28px;height:28px}.info-page{max-width:760px;color:var(--ink);background:var(--paper);margin:0 auto;padding:24px}.info-links{border-bottom:1px solid;flex-wrap:wrap;gap:12px;padding-bottom:12px;display:flex}.info-links a{color:inherit;text-underline-offset:4px}.info-page article{border-bottom:1px solid;padding:36px 0}.info-page h1{margin:.2rem 0 28px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,7vw,3.5rem)}.info-page p{max-width:64ch}.info-kicker{letter-spacing:.08em;font-size:.75rem}.info-links{padding:12px 24px}.info-links a{align-items:center;min-height:44px;display:inline-flex}