/* Illustrated parchment and evergreen brass interface, matching the founding reference. */
:root{--ink:#2e3b30;--green:#244f42;--paper:#f5eddd;--line:#d5c5a2;--muted:#7a8069;--gold:#b79d62}
body{color:var(--ink);background:radial-gradient(ellipse at 50% 0,#fff9eb 0,#eee8d8 70%);font-family:Georgia,'Times New Roman',serif}
button,input,select,.mini-label,.eyebrow,.map-footer,.map-scale,.resource-strip,.header-actions,.fine-print{font-family:'Segoe UI',sans-serif}
.masthead{background:linear-gradient(#f9f5e9ed,#eee7d9f7),url('assets/valley-banner.svg') center 40%/cover;border-bottom:3px double #bba671;box-shadow:0 3px 18px #3a4e3420;padding:15px max(24px,4vw)}
.brand,.brand-mark{color:#234c3e}.brand-mark{border:1px solid #baa775;background:#f9f5e7;box-shadow:0 0 0 3px #e3dbc4;border-radius:50%}.brand-caption{letter-spacing:2px}.header-actions button{background:#faf5e7;border:1px solid #d2c29d;border-radius:5px;padding:8px 11px;box-shadow:inset 0 1px #fff}.header-note{color:#667357}
main{max-width:1500px;padding-top:25px}.village-heading{padding:25px 28px 30px;background:linear-gradient(90deg,#f6efdfed 12%,#f7efdfb8 65%,#f6efdf88),url('assets/valley-banner.svg') center 50%/cover;border:1px solid var(--line);border-radius:10px 10px 3px 3px;box-shadow:inset 0 0 0 3px #faf6e5}.village-heading h1{color:#293b2e;text-shadow:0 1px #fff7e8}.village-heading p{color:#69745d}
.resource-strip,.world-panel,.inspector,.influence-panel{background:linear-gradient(115deg,#fcf8ec,#f1e8d8);border:1px solid #d1c09c;box-shadow:0 3px 12px #4c4a2c12,inset 0 0 0 3px #fbf6e9;border-radius:7px}.resource-strip{margin-top:16px;border-top:3px double #beab77}.resource-strip>div{border-color:#d6c7a6}.resource-icon{color:#7b8861;text-shadow:0 1px #fff}.resource-strip strong{color:#36523b}.resource-strip div div>span{color:#70745f}.workspace{gap:20px}
.map-toolbar{background:linear-gradient(#f4efdc,#e6ddc5);border-bottom:3px double #bba673;padding:0 16px}.map-toolbar strong{font-family:Georgia,serif;font-size:15px;color:#3e513a}.map-tag,.role-pill,.trait{border-color:#c5b98f;background:#e5e8d4;color:#596d4c}.map-viewport{background:#6e8d60}.map-viewport:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 35px #294e3629;border:1px solid #8d9b71}.map-viewport canvas{image-rendering:auto;filter:saturate(1.09) contrast(1.025)}
.map-footer,.observation-bar{background:#eae3cd;border-color:#cfbf99;color:#687054}.map-hint,.map-scale,.map-location{background:#f8f1dfe8;border:1px solid #cbb78a;color:#526648;box-shadow:0 1px 5px #334b3422}.zoom-controls button{background:linear-gradient(#fff9e8,#e7dfc8);border:1px solid #ad9d70;color:#37523c}.time-controls button.active{background:var(--green);border-color:#b49a60;color:#fff4d7}
.inspector{padding:23px 22px}.inspector h2,.section-heading h2,.influence-heading h2{color:#344931}.person-heading h3,.building-detail h3{color:#314a36}.portrait-button{background:#e2ddc4;border-color:#b8a77b;box-shadow:inset 0 0 0 2px #f8f0dd}.portrait-button.active{border-color:#526c47;background:#c9d5b7;box-shadow:0 0 0 2px #b5a273}.current-action{background:#e4e9d5;border:1px solid #c6d0b1;box-shadow:inset 0 1px #f5f6e9;border-radius:5px;padding:14px}.needs{background:#f4eedc;border:1px solid #d9ccb0;border-radius:5px;padding:11px}.need-bar{background:#ddd9c0;box-shadow:inset 0 1px 2px #5a614b17}.need-bar>div{background:linear-gradient(90deg,#738c5f,#9caf77)}.memory{background:#e9e4cf;border-left:3px solid #b19b61;padding:10px 12px}.detail-section{border-color:#d8c9a7}.mini-label{letter-spacing:1.5px;color:#77805e}
.chronicle{background:#f8f1e1;border:1px solid #d3c29c;padding:10px 14px;border-radius:5px}.event{border-color:#ded3b7}.event-symbol{color:#a18c55}.influence-panel{padding:22px}.intervention,.admin-time-buttons button,.settings-actions button,.file-button{background:linear-gradient(#faf6e8,#ece3cb);border:1px solid #c3ad7d;box-shadow:inset 0 1px #fff7e8;color:#3c5137}.intervention:hover{background:#e3e9ce;border-color:#7c9168}.cost{color:#9a8347}
dialog{background:linear-gradient(120deg,#fffaf0,#f0e6d4);border:1px solid #bca675;box-shadow:0 0 0 4px #e1d3b5,0 0 0 6px #aa9568,0 20px 80px #192c3680;border-radius:12px}dialog::backdrop{background:#20382ed1;backdrop-filter:blur(5px)}dialog h2{color:#2c3c2e}.dialog-close{color:#6c7858;background:#efe6cf;border:1px solid #c9b587;border-radius:50%;width:28px;height:28px;line-height:20px;padding:1px;z-index:5}
input,select{background:linear-gradient(#fffdf5,#eeeade)!important;border:1px solid #c7bea5!important;border-radius:6px!important;color:#344938!important;box-shadow:inset 0 1px 3px #6a624312}input:focus,select:focus{outline:2px solid #91a77a;outline-offset:1px}.primary-button{position:relative;border:3px double #c2a563;background:linear-gradient(110deg,#315e4f,#163e34);border-radius:7px;box-shadow:0 0 0 1px #254d3e,inset 0 1px #6c8972,0 3px 6px #4d4a2d25;color:#fff0cd;font-family:Georgia,serif;font-size:19px;text-shadow:0 1px #16372d;padding:15px}.primary-button:hover{background:linear-gradient(110deg,#3c705b,#244d3e)}.text-button{color:#466544}.fine-print{line-height:1.7;color:#7a7c64}
.welcome-dialog{width:min(750px,calc(100vw - 28px));padding:22px 25px;overflow-x:hidden;max-height:calc(100vh - 32px)}.founding-banner{margin:-22px -25px 16px;position:relative;padding:47px 50px 18px;background:url('assets/valley-banner.svg') center top/cover;text-align:center;isolation:isolate}.founding-banner:before{content:'◆';color:#8b895a;position:absolute;top:18px;left:30%;width:40%;font-size:12px;line-height:5px;border-top:1px solid #96966b}.welcome-dialog h2{font-size:39px;margin:8px 0;color:#2f392c;letter-spacing:-1.6px}.welcome-dialog .eyebrow{font-size:9px;color:#45533c;letter-spacing:2px}.founding-banner>p{font-size:14px;line-height:1.6;margin:8px 0 0!important;color:#424a37}.welcome-art{display:none}
.founding-basics{display:grid;grid-template-columns:1fr .85fr;gap:24px;padding:15px 18px;background:#f6f0e2;border:1px solid #d8c7a6;border-radius:7px;margin-bottom:16px;text-align:left}.founding-basics label{font:11px 'Segoe UI',sans-serif;text-transform:uppercase;letter-spacing:.6px;margin:0!important}.founding-basics input,.founding-basics select{width:100%;font:15px Georgia,serif;margin-top:7px;padding:10px}.founder-creators{display:block;margin:0 0 15px}.founder-creator{display:grid;grid-template-columns:165px minmax(0,1fr);grid-template-areas:'portrait identity' 'portrait appearance';gap:13px 24px;padding:15px 18px;background:linear-gradient(100deg,#f9f3e6,#f3ebdc);border:1px solid #d8c7a6;border-radius:8px}.founder-creator legend{font:11px 'Segoe UI',sans-serif;font-weight:600;letter-spacing:1px;color:#4b5c45;padding:0 8px}.creator-top{grid-area:portrait;display:flex;flex-direction:column;justify-content:center;gap:9px}.creator-top canvas{width:154px;height:174px;background:radial-gradient(#eeead3,#dfd8ba);border:4px double #c4b68d;box-shadow:inset 0 0 12px #8e87622b;border-radius:6px}.creator-identity{grid-area:identity;display:grid;grid-template-columns:1fr 1fr .75fr;gap:10px;padding:0 0 12px;border-bottom:1px solid #d8c8a8;margin:0!important}.creator-identity label{display:block!important;font:11px Georgia,serif!important;text-align:left!important;margin:0!important}.creator-identity input,.creator-identity select{width:100%;padding:8px;margin-top:5px;font:13px Georgia,serif}.appearance-fields{grid-area:appearance;display:grid;grid-template-columns:1fr 1fr;gap:11px 20px}.appearance-fields label{display:block!important;font:11px Georgia,serif!important;margin:0!important;text-align:left}.appearance-fields select{display:block;width:100%;padding:7px;margin-top:5px;font:13px Georgia,serif}.creator-rotation{display:flex;gap:30px;justify-content:center}.creator-rotation button{background:#355c46;border:2px solid #bca56f;color:#f7e9ba;border-radius:4px;padding:3px 11px;font-size:15px}.creator-top .text-button{border:1px solid #cfc2a3;border-radius:20px;padding:5px 14px;background:#faf5e6}
.seed-options{padding:12px 14px;border:1px solid #d8c7a6;border-radius:6px;background:#f8f2e5;color:#495a40}.seed-options summary{font:13px Georgia,serif}.welcome-dialog .primary-button{width:100%;margin:3px 0 9px}.welcome-dialog small{display:block;color:#8c8b72;font-size:9px}.map-viewport .founding-placement{border:3px double #bda26a;background:#faf1dfeF;box-shadow:0 5px 20px #243d3938}.map-viewport .founding-placement button{font-family:Georgia,serif;font-size:17px}
.weather-controls{padding:14px;background:#eee7d2;border:1px solid #d1bd91;border-radius:6px;margin:18px 0}.weather-controls .weather-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.weather-controls label{font:11px 'Segoe UI',sans-serif;display:flex;flex-direction:column;gap:6px}.weather-controls select{padding:8px}.weather-actions{display:flex;gap:10px;margin-top:12px}.weather-actions button{padding:8px 14px;border:1px solid #bda474;border-radius:4px;background:#f9f2df;color:#3f563b}
@media(max-width:700px){.masthead{padding:13px 18px}.village-heading{padding:20px}.welcome-dialog{padding:16px}.founding-banner{margin:-16px -16px 12px;padding:42px 20px 18px}.welcome-dialog h2{font-size:32px}.founding-basics{gap:14px;padding:12px}.founder-creator{grid-template-columns:115px 1fr;gap:10px;padding:12px}.creator-top canvas{width:108px;height:124px}.creator-identity{grid-template-columns:1fr 1fr}.creator-identity label:last-child{grid-column:1/-1}.appearance-fields{gap:9px}.creator-rotation{gap:16px}.creator-rotation button{padding:2px 8px}.header-actions button{padding:6px 7px}.weather-controls .weather-fields{grid-template-columns:1fr}.founding-banner>p{font-size:12px}}
@media(max-width:430px){.founder-creator{grid-template-columns:95px 1fr}.creator-top canvas{width:90px;height:106px}.appearance-fields{grid-template-columns:1fr}.founding-basics{grid-template-columns:1fr}.founding-banner{padding-left:12px;padding-right:12px}.welcome-dialog h2{font-size:28px}.creator-top .text-button{font-size:9px;padding:5px 8px}}
.founding-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 4%,#faf3e1aa 28%,#fff6e4d9 50%,#faf3e1aa 72%,transparent 96%)}.welcome-dialog .founding-banner{padding-top:35px;padding-bottom:12px}.welcome-dialog h2{font-size:36px;margin:6px 0}.founding-banner>p{font-size:13px;line-height:1.45}.founding-basics{padding-top:12px;padding-bottom:12px}.founder-creator{padding-top:12px;padding-bottom:12px}.creator-top canvas{width:136px;height:154px}.appearance-fields{row-gap:8px}.appearance-fields select{padding:6px}.creator-identity input,.creator-identity select{padding:6px}.creator-identity{padding-bottom:9px}.creator-top{gap:7px}
@media(max-width:700px){.welcome-dialog h2{font-size:32px}.welcome-dialog .founding-banner{padding:35px 20px 12px}.creator-top canvas{width:108px;height:124px}.creator-identity{grid-template-columns:1fr 1fr}.appearance-fields{column-gap:10px}.founder-creator{padding:12px}}@media(max-width:430px){.welcome-dialog h2{font-size:28px}.creator-top canvas{width:90px;height:106px}.founder-creator{grid-template-columns:95px minmax(0,1fr)}.appearance-fields{grid-template-columns:1fr}.creator-identity{grid-template-columns:1fr}.creator-identity label:last-child{grid-column:auto}}
.welcome-dialog .primary-button{justify-content:center;gap:12px}.welcome-dialog .primary-button:before{content:'▶';font-size:16px;color:#f5d7a0}.welcome-dialog .primary-button>span{display:none}

/* Elsevale: readable information, touch controls and a true viewport-sized map. */
.brand{gap:11px;white-space:nowrap;font-size:35px;letter-spacing:-1.3px}.brand-emblem{width:48px;height:54px;filter:drop-shadow(0 2px 2px #71664322)}.brand-caption{text-transform:none;letter-spacing:.8px;font:9px/1.6 Georgia,serif;color:#69745c}.masthead{justify-content:space-between;gap:24px}.header-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.village-heading{align-items:center;gap:24px}.village-heading>div:first-child{min-width:0}.village-heading h1{overflow-wrap:anywhere}.town-outlook{display:inline-flex;align-items:center;gap:8px;font:12px/1.5 'Segoe UI',sans-serif;color:#3c6650;margin-top:6px;padding:5px 10px;background:#f5f4e3df;border:1px solid #c9d2ad;border-radius:20px;max-width:100%}.outlook-dot{width:7px;height:7px;border-radius:50%;background:#658a56;flex-shrink:0}.town-outlook[data-level=warning]{color:#90632d;border-color:#d7ba7b;background:#fff2d9}.town-outlook[data-level=warning] .outlook-dot{background:#ba8436}.town-outlook[data-level=danger]{color:#98453b;border-color:#d4a18b;background:#fae8dd}.town-outlook[data-level=danger] .outlook-dot{background:#b35247}.village-heading .date-block{flex:0 0 255px;width:255px;max-width:none;min-width:0;padding:15px 18px;border:1px solid #caba90;background:#fbf5e7ee;border-radius:7px;box-shadow:inset 0 0 0 2px #fff9ed,0 2px 8px #525c3420;gap:12px;margin-right:12px}.date-block>div{min-width:0;flex:1}.date-block strong{font:600 13px/1.6 'Segoe UI',sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}.date-block div>span{font:11px/1.7 'Segoe UI',sans-serif;color:#657356;display:block;min-height:36px;font-variant-numeric:tabular-nums}.season-icon{font-size:28px;flex:none}.map-viewport canvas{filter:none;image-rendering:pixelated;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;object-fit:fill;display:block}.map-viewport{overflow:hidden}.map-toolbar>div:first-child{min-width:0;display:flex;align-items:center;gap:8px}.map-toolbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zoom-controls button{min-width:38px;min-height:38px}.map-hint{pointer-events:none}.music-control{position:relative;font-family:'Segoe UI',sans-serif}.volume-panel{position:absolute;z-index:100;top:calc(100% + 10px);right:0;width:112px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:9px;background:linear-gradient(#fff9e9,#eee2c8);border:1px solid #b6a273;border-radius:7px;box-shadow:0 6px 24px #1c392e40;font-size:11px;text-align:center}.volume-panel input[type=range]{writing-mode:vertical-lr;direction:rtl;width:28px;height:130px;accent-color:#315e49;padding:0;background:none!important;box-shadow:none;border:0!important;cursor:pointer;touch-action:none}.volume-panel button{padding:6px!important;min-width:80px;font-size:11px}.volume-panel a{font-size:10px;color:#557156}.volume-panel #music-status{font-size:10px;line-height:1.5;color:#6d755d}.soundtrack-card{margin:30px 0 0;border-top:1px solid #cbbb95;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f8f0df;border-radius:8px}.soundtrack-card p{font:24px Georgia;margin:9px 0}.soundtrack-card a{color:#426c56;font-size:12px}.soundtrack-card small{display:block;color:#7b806b;margin-top:10px;max-width:300px;font:11px/1.6 'Segoe UI',sans-serif}.soundtrack-card iframe{width:200px;height:200px;border:0;border-radius:6px;flex-shrink:0}.music-control .icon-button{font-size:21px;min-width:40px;min-height:40px}
.map-is-expanded{overflow:hidden!important}.world-panel.map-expanded,.world-panel:fullscreen{position:fixed;inset:0;z-index:1000;width:100vw;height:100dvh;max-width:none;display:flex;flex-direction:column;border:0;border-radius:0;margin:0;background:#244637}.map-expanded .map-toolbar{flex:0 0 48px;min-height:48px}.map-expanded .map-viewport{flex:1;min-height:0!important;aspect-ratio:auto!important}.map-expanded .map-viewport canvas{width:100%;height:100%}.map-expanded .map-footer{flex:0 0 27px}.map-expanded .observation-bar{display:none}.map-expanded .map-hint{bottom:44px;max-width:60%}.map-expanded .map-toolbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.map-expanded .zoom-controls{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
@media(max-width:1000px){.masthead{gap:12px}.brand{font-size:31px}.brand-caption{font-size:8px}.header-actions{gap:7px}.workspace,.bottom-grid{grid-template-columns:minmax(0,1fr)}.world-panel,.inspector{min-width:0}.village-heading .date-block{flex-basis:235px;width:235px;margin-right:0}.map-viewport{aspect-ratio:1.45;min-height:380px}.map-viewport canvas{width:100%;height:100%}.inspector{max-height:none}.inspector #person-detail{display:block}.people-list{flex-wrap:wrap;overflow:visible}.portrait-button{flex-shrink:0}}
@media(max-width:600px){main{padding:18px 12px 0}.masthead{padding:12px 14px}.brand{font-size:31px}.brand-emblem{width:42px;height:48px}.brand-caption{font-size:8px;letter-spacing:.3px}.header-actions{width:100%;gap:5px;justify-content:space-between}.header-actions .text-button{padding:7px 6px;font-size:10px;min-height:38px}.header-actions .icon-button{min-width:36px;min-height:38px;padding:6px}.village-heading{display:flex;flex-direction:column;align-items:stretch;padding:20px 18px;gap:16px}.village-heading h1{font-size:38px}.village-heading p{max-width:none}.village-heading .date-block{flex:initial;width:100%;max-width:none;margin:0;padding:11px 13px;box-sizing:border-box}.date-block div>span{min-height:0;font-size:11px}.date-block strong{font-size:13px}.resource-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 0}.resource-strip>div{padding:0 9px;min-width:0}.resource-strip strong{font-size:17px}.workspace{gap:18px}.map-viewport{aspect-ratio:1;min-height:340px}.map-toolbar{padding:0 10px}.map-tag{display:none}.map-hint{font-size:10px;max-width:65%;bottom:46px}.zoom-controls{right:10px;bottom:10px}.zoom-controls button{min-width:36px;min-height:36px}.map-scale{font-size:9px;max-width:70%;padding:5px;left:9px}.map-location{font-size:10px;top:9px;left:9px}.observation-bar{font-size:10px}.inspector{padding:18px}.soundtrack-card{padding:16px;flex-direction:column;align-items:flex-start}.soundtrack-card iframe{align-self:center}.volume-panel{right:-40px}.town-outlook{font-size:11px}.weather-fields{grid-template-columns:1fr}.world-panel.map-expanded .map-viewport{min-height:0}.map-expanded .map-hint{font-size:10px}.map-expanded .map-scale{font-size:9px}.map-expanded .map-toolbar{flex-basis:44px;min-height:44px}}

@media(max-width:600px){.masthead{position:relative;gap:10px}.header-actions{display:grid;grid-template-columns:.8fr 1.35fr .95fr 1.2fr;gap:5px}.header-actions>.music-control{position:absolute;top:18px;right:60px}.header-actions>#settings-button{position:absolute;top:18px;right:14px}.header-actions .text-button{width:100%;white-space:nowrap;padding:7px 4px;font-size:10px}.brand{padding-right:80px}.brand-caption{font-size:8px}.volume-panel{right:0}}

@media(min-width:601px) and (max-width:900px){.masthead{flex-wrap:wrap;gap:12px}.header-actions{margin-left:auto;gap:7px}.header-actions .text-button{padding:7px 9px}.brand{font-size:31px}.brand-caption{font-size:8px}}

.map-expanded .map-viewport{max-height:none!important;height:auto}