/* Shared public-facing visual system and mode switch. */
body{background:#eef0eb;--ink:#203d43;--teal:#2c6965;--muted:#71817e;--line:#dce3dc}
.topbar{height:auto;min-height:88px;max-width:none;padding:14px max(24px,calc((100vw - 1400px)/2));background:#f8f9f5;gap:24px;border-bottom:1px solid #dce3dc;flex-wrap:wrap}.brand{font-size:17px;flex-shrink:0}.brand-mark{background:#233f43;color:#dec18b;outline-color:#c7ae7b}.brand small{letter-spacing:2px}
.topbar .mode-switch{display:flex;gap:5px;padding:5px;border:1px solid #dbe3d6;border-radius:12px;background:#e9eee5;margin-left:auto;align-items:stretch}.topbar .mode-switch a{display:grid;grid-template-columns:23px auto;column-gap:6px;align-items:center;padding:8px 19px;border-radius:8px;color:#667c71;min-width:162px;transition:background .15s}.mode-switch a>span{grid-row:1/3;font-size:10px;color:#91a08d}.mode-switch strong{font-size:13px;font-weight:600}.mode-switch small{font-size:9px;font-weight:400;letter-spacing:1px}.topbar .mode-switch a:hover{background:#dde6d8}.topbar .mode-switch a[aria-current="page"]{background:#24484a;color:#fff7e8;box-shadow:0 2px 5px #203d4315}.mode-switch a[aria-current] span{color:#d5b77b}.mode-switch a[aria-current] small{color:#b9ccc1}.mode-switch a:focus-visible{outline:3px solid #b18a49;outline-offset:2px}
main{max-width:1460px;padding-top:24px}.city-hero{position:relative;isolation:isolate;overflow:hidden;min-height:225px;border-radius:18px;padding:34px 40px;background:linear-gradient(115deg,#19363e,#24494b 62%,#395b54);color:#f7f4e9;box-shadow:0 12px 30px #19363e12;margin-bottom:18px}.city-hero:before{content:'';position:absolute;z-index:-1;width:400px;height:400px;right:10%;top:-190px;transform:rotate(35deg);border:1px solid #d9c18b26;box-shadow:0 0 0 45px #d9c18b06,0 0 0 90px #d9c18b05;pointer-events:none}.city-hero .eyebrow{color:#d7bd87;letter-spacing:3px;font-size:11px}.city-hero h1{font-size:clamp(27px,3vw,40px);letter-spacing:3px;line-height:1.35;font-weight:600;margin:10px 0}.city-hero p{color:#b9ccc7;font-size:13px}.city-hero .hero-tags{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.city-hero .hero-tags span{font-size:10px;color:#dfdfc9;border:1px solid #b7c7ad36;border-radius:20px;padding:3px 11px}.city-emblem{margin-right:55px;font-family:serif;font-size:76px;color:#d9bd84;line-height:1.2;text-align:center}.city-emblem small{font-family:"Microsoft YaHei",sans-serif;display:block;font-size:10px;letter-spacing:5px;color:#b1c3b3;margin-top:10px}
.controls{background:#fafbf7;border-radius:12px;box-shadow:0 5px 16px #19363e05}.controls #exportBtn{background:#244b4b;color:white;border-color:#244b4b}.controls input,.controls select{background:#f2f5ee!important}.workspace>.roster{background:#e4ebe3;border-color:#d6dfd3}.roster>.section-title{background:#dce6dc;border-bottom:1px solid #cfddce;margin-bottom:12px}.roster #importBtn{background:#b18a49;border-color:#b18a49;color:white}.person{border-bottom-color:#d3dfd1}.person:hover{background:#f4f7ef}.avatar{background:#d4e2d1;color:#366754}.map-card{background:#fcfcf8;border-radius:12px}.map-header{background:#e2ebe4;border-top:3px solid #4d7970}.map-stage{background:radial-gradient(ellipse at 50% 45%,#fbfcf7,#e7eee4)}.totals{background:#24484a;color:#f5f5e9;border-color:#24484a}.totals .eyebrow{color:#dcc18a}.totals .stat-main span,.totals .stat-grid span,.totals .ring-stat{color:#b8cbc2}.totals .ring-stat b{color:#fff4dc}.totals .stat-grid{border-color:#ffffff26}.inspector{background:#fcfcf8}.reserve-board{background:#fafbf6;border-top:3px solid #b09860}.reserve-group{background:#eef3e9}.reserve-chip{background:#fcfdf9;border-color:#dbe3d6}
@media(max-width:750px){.topbar{padding:14px 16px;gap:14px}.topbar .mode-switch{order:3;width:100%;margin-left:0;justify-content:stretch}.topbar .mode-switch a{flex:1;min-width:0;padding:8px 12px}.topbar #helpBtn{margin-left:auto}.city-hero{padding:25px 22px;min-height:190px;align-items:center}.city-hero h1{font-size:26px;letter-spacing:1px}.city-hero p{font-size:11px}.city-emblem{font-size:52px;margin-right:0;flex-shrink:0}.city-emblem small{display:none}.city-hero .eyebrow{font-size:9px;letter-spacing:1px}main{padding-top:16px}}
@media(prefers-reduced-motion:reduce){.mode-switch a{transition:none}}

#snowRingOptions[hidden]{display:none!important}#snowRingOptions{display:grid;gap:6px}

.topbar .mode-switch a{min-width:135px;padding-inline:13px}@media(max-width:750px){.topbar .mode-switch a{min-width:0;padding-inline:7px}.mode-switch strong{font-size:12px}.mode-switch small{letter-spacing:0;font-size:8px}.topbar .mode-switch{gap:2px}}

.brand .brand-mark{width:46px;height:46px;background:transparent;outline:none;border-radius:0;display:block;flex-shrink:0}.brand-mark img{display:block;width:100%;height:100%}.brand{gap:11px}.brand>div{line-height:1.5}.brand small{margin-top:2px;font-size:8px}

.brand-mark>svg{display:block;width:100%;height:100%}