:root{color:#202822;background:#d8d0bf;font-family:Georgia,Times New Roman,serif;font-synthesis:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}button:focus-visible,a:focus-visible,select:focus-visible,main:focus-visible{outline:3px solid #b8642c;outline-offset:3px}.skip-link{position:fixed;z-index:10;top:.5rem;left:.5rem;transform:translateY(-200%);border:2px solid #fff8e7;background:#20322d;color:#fff8e7;font-family:Arial,sans-serif;font-weight:700;padding:.65rem .85rem;text-decoration:none}.skip-link:focus-visible{transform:translateY(0)}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.app-header{background:#20322d;color:#f8f0dc;border-bottom:4px solid #a36a3b;padding:.85rem clamp(1rem,4vw,3rem);display:flex;align-items:center;gap:1.5rem;justify-content:space-between}.brand{color:inherit;text-decoration:none;line-height:.9;display:grid;text-transform:uppercase;letter-spacing:.08em}.brand__eyebrow,.eyebrow{font-family:Arial,sans-serif;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.brand__name{font-size:1.2rem;font-weight:700}.village-switcher select{max-width:14rem;min-height:2.5rem;border:1px solid #d9b57a;border-radius:.2rem;background:#f8f0dc;color:#20322d;font:inherit;padding:.35rem .55rem}.resource-bar{display:flex;gap:.85rem;margin:0;font-family:Arial,sans-serif}.resource-bar__item{min-width:3.5rem}.resource-bar dt{font-size:.65rem;opacity:.78;text-transform:uppercase;letter-spacing:.06em}.resource-bar dd{margin:.15rem 0 0;font-weight:700}.app-main{width:min(1180px,100%);margin:0 auto;padding:clamp(1.25rem,4vw,3rem) clamp(1rem,4vw,2rem) 6rem}.onboarding-checklist{display:grid;gap:.75rem;margin:0 0 1.25rem;border:1px solid #a36a3b;border-left:.4rem solid #a36a3b;background:#f8f0dc;padding:1rem}.onboarding-checklist__heading,.onboarding-checklist__actions,.onboarding-checklist__steps li{display:flex;align-items:center;gap:.75rem}.onboarding-checklist__heading{justify-content:space-between}.onboarding-checklist__heading h2,.onboarding-checklist__heading .eyebrow,.onboarding-checklist p{margin-bottom:0}.onboarding-checklist__actions{flex-wrap:wrap;justify-content:flex-end}.onboarding-checklist__steps{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.onboarding-checklist__steps li{align-items:flex-start;border-top:1px solid #d8d0bf;padding-top:.65rem}.onboarding-checklist__steps li>span:first-child{color:#507044;font-size:1.3rem;line-height:1}.onboarding-checklist__steps li>div{flex:1}.onboarding-checklist__steps a,.onboarding-checklist__done{color:#5e381f;font-family:Arial,sans-serif;font-size:.85rem;font-weight:700;white-space:nowrap}.onboarding-checklist__step--complete{color:#526054}.page-intro{max-width:42rem;margin-bottom:1.75rem}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,6vw,3.5rem);margin-bottom:.5rem;color:#273a32}h2{font-size:1.45rem;margin-bottom:.7rem}.eyebrow{color:#8a4b2b;font-weight:700;margin-bottom:.5rem}.village-layout{display:grid;gap:1rem;grid-template-columns:minmax(0,1.6fr) minmax(18rem,.9fr)}.village-scene{min-height:25rem;overflow:hidden;position:relative;border:1px solid #859275;background:#9ca984;box-shadow:inset 0 0 0 6px #ffffff2e}.village-scene__mist{height:35%;background:linear-gradient(180deg,#b7c7c2,#cbd2bc)}.village-scene__land{position:absolute;top:27%;right:0;bottom:0;left:0;padding:1.25rem;background:linear-gradient(145deg,#80995d,#607c54 45%,#3f644b)}.scene-label,.scene-copy{color:#f8f0dc;text-shadow:0 1px 3px #213c32}.scene-label{font-size:1.25rem;font-weight:700;margin-bottom:.2rem}.scene-copy{max-width:22rem;font-family:Arial,sans-serif;font-size:.86rem}.building-marker{position:absolute;border:2px solid #4d3223;background:#9a643d;color:#fff8e7;padding:.7rem;box-shadow:0 5px #252b1d47;text-align:center}.building-marker span,.building-marker strong{display:block}.building-marker--hall{left:45%;top:32%;min-width:9rem;border-radius:55% 55% .3rem .3rem}.building-marker--yard{left:14%;bottom:15%;border-radius:50%;background:#83734e}.construction-card,.buildings-panel,.placeholder-page{background:#f0e7d2;border:1px solid #a99473;box-shadow:0 6px 18px #282d2224;padding:clamp(1.25rem,3vw,2rem)}.buildings-panel{display:grid;align-content:start;gap:1rem}.panel-heading,.building-card__heading{display:flex;align-items:start;gap:1rem;justify-content:space-between}.panel-heading h2,.building-card__heading h3{margin-bottom:0}.building-card__heading h3 span{color:#625640;font-size:.9em;font-weight:400}.building-card__duration{color:#625640;font-family:Arial,sans-serif;font-size:.8rem;white-space:nowrap}.building-list{display:grid;gap:1rem;list-style:none;margin:0;padding:0}.active-order{border:1px solid #bc8950;background:#f7efd9;padding:1rem}.active-order h3{margin-bottom:.35rem}.active-order p:last-child{margin-bottom:0}.village-capacity,.garrison-list{display:grid;gap:.5rem;margin:0}.village-capacity{grid-template-columns:repeat(3,minmax(0,1fr))}.village-capacity div{border-top:1px solid #bcae91;padding-top:.5rem}.village-capacity dt,.garrison-list dt{color:#625640;font-family:Arial,sans-serif;font-size:.72rem;text-transform:uppercase}.village-capacity dd{font-weight:700;margin:.2rem 0 0}.status-message{border-left:4px solid #6d7e61;font-family:Arial,sans-serif;margin:0 0 1rem;padding:.7rem .85rem}.status-message--error{border-color:#9d3e32;color:#6e281f}.text-button{border:0;background:transparent;color:#6f3922;cursor:pointer;font-weight:700;padding:.25rem;text-decoration:underline}.text-button:disabled{color:#817766;cursor:not-allowed}.cost-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.25rem 0}.cost-list div{border-top:1px solid #bcae91;padding-top:.5rem}.cost-list dt{color:#625640;font-family:Arial,sans-serif;font-size:.72rem;text-transform:uppercase}.cost-list dd{margin:.2rem 0 0;font-weight:700}.primary-button{width:100%;cursor:pointer;border:0;color:#fff8e7;background:#8a4b2b;padding:.8rem 1rem;font-weight:700}.primary-button:hover:not(:disabled){background:#6f3922}.primary-button:disabled{cursor:not-allowed;background:#817766}.timer-status{color:#5d503b;font-family:Arial,sans-serif;font-size:.82rem;line-height:1.45;margin:1rem 0 0}.main-nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:#20322d;border-top:2px solid #a36a3b}.main-nav a{color:#f8f0dc;font-family:Arial,sans-serif;font-size:.75rem;padding:1rem .35rem;text-align:center;text-decoration:none}.main-nav a.router-link-active{background:#365045;color:#fff}.placeholder-page{max-width:42rem}.map-layout{display:grid;gap:1rem;grid-template-columns:minmax(0,1.6fr) minmax(18rem,.8fr)}.map-page,.map-layout,.world-map{min-width:0}.world-map,.expedition-panel,.movements-panel{background:#f0e7d2;border:1px solid #a99473;box-shadow:0 6px 18px #282d2224;padding:clamp(1.25rem,3vw,2rem)}.map-grid{background:#546f4e;border:4px solid #657153;display:grid;gap:2px;margin-top:1rem;max-width:100%;overflow-x:auto;width:100%}.map-controls{align-items:center;display:grid;gap:.4rem;grid-template-columns:repeat(2,2.5rem) minmax(8rem,1fr) repeat(2,2.5rem);margin-top:.75rem}.map-controls button{background:#365045;border:0;color:#fff8e7;cursor:pointer;font-size:1.1rem;min-height:2.5rem}.map-controls button:disabled{cursor:wait;opacity:.55}.map-controls span{color:#625640;font-family:Arial,sans-serif;font-size:.75rem;text-align:center}.map-cell{align-items:center;aspect-ratio:1;background:#789060;border:0;color:#20322d;display:flex;font-family:Arial,sans-serif;font-size:clamp(.58rem,1.5vw,.75rem);justify-content:center;min-width:3rem;padding:.25rem;text-align:center}.map-cell:not(:disabled){cursor:pointer}.map-cell:not(:disabled):hover,.map-cell:not(:disabled):focus-visible{background:#b3a05c}.map-cell--own{background:#294c42;color:#fff8e7}.map-cell--neutral{background:#b8a65a}.map-cell--player,.legend-mark--player{background:#866f9c;color:#fff8e7}.map-cell--target{box-shadow:inset 0 0 0 3px #8a4b2b}.map-cell__empty{opacity:.32}.map-legend{display:flex;flex-wrap:wrap;font-family:Arial,sans-serif;font-size:.8rem;gap:1rem;margin:1rem 0 0}.legend-mark{display:inline-block;height:.8rem;margin-right:.3rem;vertical-align:-.1rem;width:.8rem}.legend-mark--own{background:#294c42}.legend-mark--neutral{background:#b8a65a}.expedition-panel label,.expedition-panel input{display:block;width:100%}.expedition-panel label{font-family:Arial,sans-serif;font-weight:700;margin:1rem 0 .35rem}.expedition-panel input{border:1px solid #817766;font:inherit;min-height:2.8rem;padding:.45rem}.secondary-button{background:#365045;border:0;color:#fff8e7;cursor:pointer;font-weight:700;margin-top:1rem;padding:.8rem 1rem;width:100%}.secondary-button:disabled{background:#817766;cursor:not-allowed}.target-name{color:#273a32;font-size:1.2rem;font-weight:700}.movements-panel{margin-top:1rem}.movement-list{display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.movement-list li{border-top:1px solid #bcae91;display:grid;gap:.2rem;padding-top:.75rem}.movement-list span,.movement-list time{color:#625640;font-family:Arial,sans-serif;font-size:.85rem}.movement-type{border:0;margin:1rem 0 0;padding:0}.movement-type legend{font-family:Arial,sans-serif;font-weight:700;margin-bottom:.35rem}.movement-type label{align-items:center;display:flex;gap:.4rem;margin:.4rem 0}.movement-type input{min-height:auto;width:auto}.reports-layout{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(18rem,.9fr)}.report-list-panel,.report-detail-panel{background:#f0e7d2;border:1px solid #a99473;box-shadow:0 6px 18px #282d2224;padding:clamp(1.25rem,3vw,2rem)}.report-list{display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.report-list button{background:#f7efd9;border:1px solid #bc8950;color:#202822;cursor:pointer;display:grid;gap:.3rem;padding:.85rem;text-align:left;width:100%}.report-list button[aria-current=true]{box-shadow:inset 0 0 0 2px #8a4b2b}.report-list span,.report-list time,.report-visibility,.report-data{color:#625640;font-family:Arial,sans-serif;font-size:.85rem}.report-list .report-unread{background:#8a4b2b;border-radius:999px;color:#fff8e8;display:inline-block;font-size:.7rem;margin-left:.35rem;padding:.15rem .45rem;text-transform:uppercase}.report-data{border-top:1px solid #bcae91;margin:1rem 0 0;padding-top:.7rem}.report-data dt{color:#273a32;font-weight:700;margin-bottom:.4rem}.report-data dd{margin:.2rem 0}.notification-preferences{background:#f0e7d2;border:1px solid #a99473;margin-top:1rem;padding:clamp(1.25rem,3vw,2rem)}.notification-preferences__list{display:grid;gap:.6rem;list-style:none;margin:1rem 0 0;padding:0}.notification-preferences__list li{align-items:center;border-top:1px solid #bcae91;display:flex;justify-content:space-between;min-height:44px}.alliance-layout{display:grid;gap:1rem;grid-template-columns:minmax(0,1.3fr) minmax(18rem,.8fr)}.alliance-panel{background:#f0e7d2;border:1px solid #a99473;box-shadow:0 6px 18px #282d2224;padding:clamp(1.25rem,3vw,2rem)}.alliance-panel form{display:grid;gap:.5rem}.alliance-panel input,.alliance-panel textarea,.member-list select{border:1px solid #817766;font:inherit;min-height:2.6rem;padding:.45rem;width:100%}.alliance-panel textarea{min-height:6rem;resize:vertical}.member-list,.invitations ol,.audit-log ol{display:grid;gap:.75rem;list-style:none;margin:1rem 0;padding:0}.member-list li,.invitations li{align-items:center;border-top:1px solid #bcae91;display:grid;gap:.35rem;grid-template-columns:1fr auto auto;padding-top:.7rem}.member-list span,.invitations span,.audit-log{color:#625640;font-family:Arial,sans-serif;font-size:.85rem}.invitations{margin-top:1rem}.invitations li{grid-template-columns:1fr auto}.invitations li div{display:flex;gap:.5rem}@media(max-width:700px){.alliance-layout,.member-list li,.invitations li{grid-template-columns:1fr}}.auth-page,.join-page{display:grid;gap:clamp(1.5rem,5vw,4rem);grid-template-columns:minmax(0,1fr) minmax(18rem,28rem);align-items:start}.auth-page__intro,.join-page .page-intro{max-width:42rem}.auth-card,.join-card{background:#f0e7d2;border:1px solid #a99473;box-shadow:0 6px 18px #282d2224;display:grid;gap:.65rem;padding:clamp(1.25rem,4vw,2rem)}.auth-card label,.join-card label,.join-card legend{font-family:Arial,sans-serif;font-size:.82rem;font-weight:700}.auth-card input,.join-card input{border:1px solid #817766;border-radius:0;font:inherit;min-height:2.8rem;padding:.55rem .65rem;width:100%}.auth-switch{display:grid;grid-template-columns:1fr 1fr;margin-bottom:.5rem}.auth-switch button{background:#ded4bd;border:1px solid #a99473;color:#40392d;cursor:pointer;min-height:2.75rem;padding:.5rem}.auth-switch button[aria-pressed=true]{background:#365045;color:#fff8e7}.form-note,.form-error{font-family:Arial,sans-serif;font-size:.82rem;line-height:1.45;margin:.25rem 0}.form-error{color:#7d2e26}.join-card fieldset{border:0;display:grid;gap:.75rem;margin:0;padding:0}.world-list{display:grid;gap:.5rem;margin-bottom:.75rem}.world-option{align-items:center;border:1px solid #bcae91;cursor:pointer;display:grid;gap:.7rem;grid-template-columns:auto 1fr;padding:.75rem}.world-option input{min-height:auto;width:auto}.world-option span,.world-option small{display:block}.world-option small{color:#625640;margin-top:.2rem}.world-option--unavailable{cursor:not-allowed;opacity:.55}.army-layout{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.army-panel,.recruitment-panel{background:#f0e7d2;border:1px solid #a99473;box-shadow:0 6px 18px #282d2224;padding:clamp(1.25rem,3vw,2rem)}.garrison-list{grid-template-columns:1fr auto;align-items:baseline}.garrison-list dd{font-size:1.4rem;font-weight:700;margin:0}.empty-state,.requirement-message{color:#625640;font-family:Arial,sans-serif}.requirement-message{border-left:3px solid #a36a3b;padding-left:.7rem}.recruitment-list{display:grid;gap:1rem;list-style:none;margin:1rem 0 0;padding:0}.recruitment-card{background:#f7efd9;border:1px solid #bc8950;padding:1rem}.recruitment-card__action{align-items:end;display:grid;gap:.5rem;grid-template-columns:minmax(4.5rem,7rem) minmax(9rem,1fr)}.recruitment-card__action label{font-family:Arial,sans-serif;font-weight:700;grid-column:1}.recruitment-card__action input{border:1px solid #817766;font:inherit;grid-column:1;min-height:2.8rem;padding:.45rem}.recruitment-card__action .primary-button{grid-column:2;grid-row:1 / span 2}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.contextual-help{background:#f6f0e3;border:1px solid #817766;margin:1rem auto 0;max-width:72rem}.contextual-help summary{cursor:pointer;display:list-item;font-weight:700;min-height:44px;padding:.45rem .75rem}.contextual-help summary:focus-visible{outline:3px solid #244d5c;outline-offset:-3px}.contextual-help p{margin:0;padding:0 .75rem .75rem}@media(max-width:700px){.app-header{align-items:flex-start;flex-direction:column;gap:.7rem}.resource-bar{width:100%;justify-content:space-between}.app-header .brand,.village-switcher select,.main-nav a,.onboarding-checklist .text-button,.onboarding-checklist__steps a{align-items:center;display:inline-flex;min-height:44px}.main-nav a{justify-content:center}.onboarding-checklist__steps a{padding:.35rem 0}.onboarding-checklist__heading,.onboarding-checklist__steps li{align-items:flex-start;flex-direction:column}.onboarding-checklist__heading{gap:.5rem}.onboarding-checklist__actions{justify-content:flex-start}.village-switcher,.village-switcher select{width:100%;max-width:none}.village-layout,.auth-page,.join-page{grid-template-columns:1fr}.village-scene{min-height:20rem}.army-layout,.map-layout,.reports-layout,.village-capacity,.recruitment-card__action{grid-template-columns:1fr}.recruitment-card__action .primary-button,.recruitment-card__action input,.recruitment-card__action label{grid-column:auto;grid-row:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}