:root{--parchment-50: #faf6ec;--parchment-100: #f3ecd9;--parchment-200: #e7dbbc;--parchment-300: #d3c091;--ink-900: #241a10;--ink-700: #4a3826;--ink-500: #7a6547;--accent-700: #7a1f1f;--accent-800: #5e1717;--gold-500: #b8860b;--green-600: #3d6b35;--blue-700: #2e4a6b;--danger-600: #a33327;--font-display: Georgia, "Times New Roman", serif;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.6rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--border-card: 1px solid var(--parchment-300);--shadow-card: 0 1px 3px rgba(36, 26, 16, .12);--shadow-raised: 0 4px 14px rgba(36, 26, 16, .18)}*{box-sizing:border-box}body{margin:0;background:var(--parchment-50);color:var(--ink-900);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5}.app{max-width:720px;margin:0 auto;padding:0 var(--space-4) var(--space-8)}@media(min-width:1000px){.app{max-width:1320px}.structure-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.game-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--space-6);align-items:start}.hud.mobile-hud{display:none}}.sidebar{display:none}@media(min-width:1000px){.sidebar{display:block;position:sticky;top:var(--space-4)}}.sidebar-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.avatar-btn{border-radius:50%;line-height:0;transition:transform .15s ease}.avatar-btn:hover{transform:scale(1.03)}.sidebar-name{font-family:var(--font-display);font-size:var(--text-lg)}.sidebar-meters{width:100%;display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.sidebar-meters .meter-track{width:100%}.sidebar-money{font-size:var(--text-xl);margin-top:var(--space-2)}.topbar{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--space-3) 0;border-bottom:2px solid var(--parchment-300);margin-bottom:var(--space-4)}.topbar-right{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:var(--space-2);align-items:center}.lang-select{font:inherit;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border:1px solid var(--parchment-300);border-radius:var(--radius-sm);background:var(--parchment-50);color:var(--ink-700);min-height:36px;width:auto}.brand{font-family:var(--font-display);font-size:var(--text-xl);margin:0;color:var(--accent-700);line-height:0}.topbar-center{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.brand{height:150px;overflow:hidden;display:flex;align-items:center;justify-content:center}.brand-logo{height:330px;width:auto;display:block;filter:drop-shadow(0 2px 4px rgba(36,26,16,.25))}.game-clock{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--ink-700);letter-spacing:.04em;display:inline-flex;align-items:center;gap:var(--space-2)}.game-clock:before{content:"❦";color:var(--gold-500)}.game-clock:after{content:"❦";color:var(--gold-500);transform:scaleX(-1)}@media(max-width:640px){.brand{height:88px}.brand-logo{height:195px}}.landing{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) 0 var(--space-8);text-align:center}.landing-hero{position:relative;width:min(1240px,96vw);animation:landing-zoom 1s ease-out both}.landing-parchment{display:block;width:100%;height:auto}@keyframes landing-zoom{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.landing-strip{position:absolute;left:4%;right:4%;bottom:5%;height:30%;display:flex;align-items:flex-end;justify-content:center;gap:0}.landing-scene{margin:0 -1.2%;flex:1 1 0;max-width:23%;border:3px solid #d8c49a;outline:1px solid rgba(122,101,71,.35);box-shadow:0 4px 14px #3c2a1459;animation:scene-surface .7s ease-out both}.landing-scene:nth-child(3){max-width:27%;margin-bottom:1.5%}.landing-scene img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 10;filter:sepia(.28) saturate(.9) contrast(.96) brightness(1.03);mix-blend-mode:multiply}@keyframes scene-surface{0%{opacity:0;filter:blur(6px);transform:translateY(10px) scale(.94)}to{opacity:1;filter:blur(0)}}@keyframes landing-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.landing-enter{min-height:60px;font-size:var(--text-xl);font-family:var(--font-display);padding:var(--space-3) var(--space-8);animation:landing-fade .6s ease-out .9s both}.topbar-right{display:flex;gap:var(--space-2)}.card{background:var(--parchment-100);border:var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.btn{font:inherit;border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background .15s ease,transform .05s ease;min-height:44px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-700);color:var(--parchment-50);font-weight:600}.btn-primary:not(:disabled):hover{background:var(--accent-800)}.btn-ghost{background:transparent;border:1px solid var(--parchment-300);color:var(--ink-700)}.btn-ghost:not(:disabled):hover{background:var(--parchment-200)}.btn-link{background:none;color:var(--blue-700);text-decoration:underline;min-height:auto;padding:var(--space-2)}.btn-sm{min-height:36px;padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn-lg{min-height:52px;font-size:var(--text-lg)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field>span{font-size:var(--text-sm);color:var(--ink-500);font-weight:600}input,select{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--parchment-300);border-radius:var(--radius-sm);background:#fff;color:var(--ink-900);min-height:44px;width:100%}input:focus{outline:2px solid var(--blue-700);outline-offset:1px}.muted{color:var(--ink-500)}.small{font-size:var(--text-sm)}.center{text-align:center}.error{color:var(--danger-600);font-weight:600;margin:0}.notice{color:var(--green-600);font-weight:600;margin:0}.auth-card,.onboarding{max-width:460px;margin:var(--space-6) auto;display:flex;flex-direction:column;gap:var(--space-4)}.tagline{font-family:var(--font-display);font-style:italic;text-align:center;color:var(--ink-700);margin:0}.segmented{display:flex;border:1px solid var(--parchment-300);border-radius:var(--radius-sm);overflow:hidden}.seg{flex:1;font:inherit;border:none;background:transparent;padding:var(--space-2);min-height:44px;cursor:pointer;color:var(--ink-700)}.seg.active{background:var(--accent-700);color:var(--parchment-50);font-weight:600}.name-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.name-row input{flex:1 1 130px}.vocation-grid{display:grid;gap:var(--space-2)}.vocation{font:inherit;text-align:left;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:2px solid var(--parchment-300);border-radius:var(--radius-md);background:#fff;cursor:pointer;color:var(--ink-900)}.vocation.active{border-color:var(--accent-700);background:var(--parchment-100)}.stat-preview{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stat{font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--parchment-200);color:var(--ink-700)}.stat.boosted{background:var(--green-600);color:var(--parchment-50);font-weight:600}.game{display:flex;flex-direction:column;gap:var(--space-3)}.hud{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.hud-name{display:flex;flex-direction:column}.hud-meters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.meter-label{font-size:var(--text-xs);color:var(--ink-500)}.meter-track{width:clamp(64px,22vw,120px);height:8px;border-radius:4px;background:var(--parchment-200);overflow:hidden}.profile-card .meter-track{width:100%}.meter-fill.energy{height:100%;background:var(--green-600);transition:width .4s ease}.money{font-family:var(--font-display);font-weight:700;color:var(--gold-500);font-size:var(--text-lg)}.action-bar{display:flex;align-items:center;gap:var(--space-3)}.action-bar progress{flex:1;min-width:80px;accent-color:var(--accent-700)}.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.tabs{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--parchment-200);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:inset 0 1px 3px #241a101f}.tab{font:inherit;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid transparent;background:transparent;padding:var(--space-2) var(--space-1);cursor:pointer;color:var(--ink-500);font-weight:600;border-radius:var(--radius-md);transition:background .15s ease,color .15s ease}.tab-icon{font-size:1.3rem;line-height:1}.row-actions{display:flex;gap:var(--space-2);align-items:center;flex-shrink:0}.pin-dot img.pin-img-city{width:62px;height:62px}.pin-dot img.pin-img-borgo{width:42px;height:42px}.pin-dot img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(36,26,16,.45));transition:transform .15s ease}.map-pin:hover .pin-dot img{transform:scale(1.15)}.map-pin.here .pin-dot img{width:58px;height:58px}.map-pin.compact .pin-label{display:none}.map-pin.compact:hover .pin-label,.map-pin.compact:focus-visible .pin-label{display:block}.map-pin.compact:hover{z-index:30}.tab-icon-img{height:38px;width:38px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(36,26,16,.25));transition:transform .15s ease}.tab:hover .tab-icon-img{transform:scale(1.1)}.tab-label{font-size:var(--text-xs)}.tab:hover{background:var(--parchment-100);color:var(--ink-700)}.tab.active{background:var(--parchment-50);color:var(--accent-700);border-color:var(--parchment-300);box-shadow:var(--shadow-card)}.tab-map{color:var(--blue-700)}.action-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.action-info{flex:1}.action-info p{margin:var(--space-1) 0 0}.meta{color:var(--ink-700)}.row-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.row-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.sell-form{display:inline-flex;align-items:center;gap:var(--space-1)}.sell-form input{width:64px;min-height:36px;padding:var(--space-1) var(--space-2)}.law-banner{border-left:4px solid var(--blue-700)}.law-banner p{margin:var(--space-1) 0}.treasury{color:var(--ink-700)}.treasury strong{color:var(--gold-500);font-family:var(--font-display)}.flavor{font-family:var(--font-display);font-style:italic;margin:0}.village-banner{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.village-banner img{display:block;width:100%;height:auto}.season-badge{position:absolute;top:var(--space-2);right:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--ink-900);background:color-mix(in srgb,var(--parchment-50) 88%,transparent);border:1px solid var(--parchment-300);border-radius:var(--radius-sm);padding:2px var(--space-2)}.warehouse-card{border-left:4px solid var(--gold-500)}.banner-flavor{position:absolute;left:0;right:0;bottom:0;padding:var(--space-3) var(--space-4);color:var(--parchment-50);background:linear-gradient(transparent,#241a10bf);text-shadow:0 1px 3px rgba(0,0,0,.6)}.structure-art{display:block;width:calc(100% + 2rem);margin:-1rem -1rem 0;height:auto;border-radius:var(--radius-md) var(--radius-md) 0 0}.structure-grid{display:grid;gap:var(--space-3)}.structure-group{display:flex;flex-direction:column;gap:var(--space-2)}.group-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:.03em;margin:var(--space-3) 0 var(--space-1);color:var(--ink-900);display:flex;align-items:center;justify-content:center;gap:var(--space-3);text-align:center}.group-title:before,.group-title:after{content:"";flex:1;max-width:220px;height:2px;border-radius:1px}.group-title:before{background:linear-gradient(90deg,transparent,var(--gold-500))}.group-title:after{background:linear-gradient(90deg,var(--gold-500),transparent)}.g-resources .group-title{color:var(--green-600)}.structure-card.g-resources{border-left:4px solid var(--green-600)}.g-workshops .group-title{color:var(--accent-700)}.structure-card.g-workshops{border-left:4px solid var(--accent-700)}.g-commerce .group-title{color:var(--gold-500)}.structure-card.g-commerce{border-left:4px solid var(--gold-500)}.g-government .group-title{color:var(--blue-700)}.structure-card.g-government{border-left:4px solid var(--blue-700)}.travel-map{width:100%;height:auto;margin-top:var(--space-2)}.map-marker{cursor:pointer}.map-marker.here,.map-marker.disabled{cursor:default}.map-marker:not(.here):not(.disabled):hover circle{filter:brightness(1.15)}.map-marker.disabled{opacity:.6}.structure-card{display:flex;flex-direction:column;gap:var(--space-3)}.structure-head{display:flex;gap:var(--space-3);align-items:flex-start}.structure-head p{margin:2px 0 0}.structure-icon{font-size:2rem;line-height:1;background:var(--parchment-200);border-radius:var(--radius-md);padding:var(--space-2)}.structure-action{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-top:1px dashed var(--parchment-300);padding-top:var(--space-2)}.present-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.btn-plain{font:inherit;background:none;border:none;padding:0;cursor:pointer;color:inherit;text-align:left}.name-link{color:var(--blue-700);font-weight:600}.name-link:hover{text-decoration:underline}.meter-fill.health{height:100%;background:var(--danger-600);transition:width .4s ease}.meter-fill.satiety{height:100%;background:var(--gold-500);transition:width .4s ease}.meter-fill.stat-bar{height:100%;background:var(--blue-700)}textarea{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--parchment-300);border-radius:var(--radius-sm);background:#fff;color:var(--ink-900);width:100%;resize:vertical}textarea:focus{outline:2px solid var(--blue-700);outline-offset:1px}.election-card{border-left:4px solid var(--accent-700)}.election-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.badge-countdown{font-family:var(--font-display);font-weight:700;color:var(--accent-700);background:var(--parchment-200);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.candidate-list{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.candidate{border-top:1px dashed var(--parchment-300);padding-top:var(--space-2)}.candidate-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.program{font-style:italic;color:var(--ink-700);margin:var(--space-1) 0 0}.law-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-top:1px dashed var(--parchment-300);padding-top:var(--space-2);margin-top:var(--space-2)}.law-editor{display:flex;flex-direction:column;gap:var(--space-3);border-left:4px solid var(--gold-500)}.donate-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.donate-row input{width:90px;min-height:36px;padding:var(--space-1) var(--space-2)}.works-card{border-left:4px solid var(--green-600)}.works-list{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.works-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-top:1px dashed var(--parchment-300);padding-top:var(--space-2)}.badge-pending{color:var(--blue-700);font-size:var(--text-xs);font-weight:600}.level-badge{color:var(--gold-500);font-size:var(--text-sm)}.tool-req{margin:var(--space-1) 0 0;color:var(--ink-700)}.tool-req.missing{color:var(--danger-600);font-weight:600}.tools-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.tool-chip{font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--parchment-200);color:var(--ink-700)}.tool-chip.broken{background:var(--danger-600);color:var(--parchment-50)}.chronicle-list{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.chronicle-list li{border-top:1px dotted var(--parchment-300);padding-top:var(--space-2)}.portrait-frame{display:inline-block;border:3px solid var(--gold-500);outline:1px solid var(--parchment-300);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-raised);background:var(--parchment-200);line-height:0}.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover}.portrait-sm{width:56px;height:74px}.portrait-md{width:110px;height:146px}.portrait-lg{width:180px;height:240px}.role-badge{display:inline-block;font-size:var(--text-xs);font-weight:700;color:var(--parchment-50);background:var(--blue-700);border-radius:var(--radius-sm);padding:2px var(--space-2)}.map-card{width:min(920px,96vw);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-raised)}.map-head{display:flex;align-items:center;justify-content:space-between}.map-head h3{margin:0;font-family:var(--font-display);color:var(--accent-700)}.map-canvas{position:relative;border-radius:var(--radius-md);overflow:hidden;border:var(--border-card)}.map-canvas>img{display:block;width:100%;height:auto}.map-pin{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;background:none;border:none;cursor:pointer;padding:0}.map-pin:disabled{cursor:default}.pin-dot{font-size:1.8rem;line-height:1;filter:drop-shadow(0 2px 3px rgba(36,26,16,.5));transition:transform .15s ease}.map-pin:not(:disabled):hover .pin-dot{transform:scale(1.2)}.pin-label{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--ink-900);background:color-mix(in srgb,var(--parchment-50) 88%,transparent);border:1px solid var(--parchment-300);border-radius:var(--radius-sm);padding:2px var(--space-2);text-align:center;line-height:1.25}.pin-label small{display:block;font-family:var(--font-body);font-weight:400;font-size:var(--text-xs);color:var(--ink-700)}.map-pin.here .pin-label{border-color:var(--gold-500);box-shadow:0 0 0 1px var(--gold-500)}.minimap{margin-top:var(--space-3);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.minimap-canvas{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-md);border:var(--border-card);cursor:pointer}.minimap-canvas img{position:absolute;top:0;left:0;height:auto;transition:transform .4s ease}.minimap-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-90%);font-size:1.6rem;filter:drop-shadow(0 2px 3px rgba(36,26,16,.5))}.minimap-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.minimap-mobile{display:block}@media(min-width:1000px){.minimap-mobile{display:none}}.map-controls{display:flex;gap:var(--space-1)}.map-viewport{position:relative;width:100%;aspect-ratio:16 / 10;max-height:66vh;overflow:hidden;border-radius:var(--radius-md);border:var(--border-card);cursor:grab;touch-action:none;background:var(--parchment-200)}.map-viewport:active{cursor:grabbing}.map-world{position:absolute;top:0;left:0;will-change:transform}.map-world>img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#241a108c;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:20}.profile-card{position:relative;width:100%;max-width:460px;display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-raised);overflow:hidden}.profile-ribbon{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--accent-700),var(--gold-500),var(--accent-700))}.profile-head{display:flex;gap:var(--space-4);align-items:center}.profile-head h3{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:var(--text-xl);color:var(--accent-700)}.profile-id{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.stat-value{font-family:var(--font-display);font-weight:700;text-align:right}.profile-stats{display:flex;flex-direction:column;gap:var(--space-2)}.profile-stat{display:grid;grid-template-columns:110px 1fr 24px;align-items:center;gap:var(--space-2)}@media(min-width:640px){.vocation-grid{grid-template-columns:repeat(3,1fr)}.structure-grid{grid-template-columns:repeat(2,1fr)}}