/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.grid{display:grid}.table{display:table}}:root{--ink:#342719;--muted:#75654f;--paper:#f3ead3;--paper-deep:#dfcfaa;--red:#9f4432;--red-dark:#7f3024;--teal:#426f70;--line:#46311a2e}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%}body{color:var(--ink);background:#1f2724;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,Georgia,serif;overflow:hidden}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}.game-shell{background:#222a27;grid-template-rows:78px minmax(0,1fr);height:100dvh;min-height:100dvh;display:grid}.topbar{z-index:20;color:#f2ead6;background:linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/26px 26px,linear-gradient(#28332f,#1e2825);border-bottom:1px solid #eddbb238;align-items:center;gap:28px;min-width:0;padding:0 22px;display:flex;box-shadow:0 8px 22px #00000042}.brand-block{align-items:center;gap:12px;min-width:255px;display:flex}.brand-block h1{letter-spacing:.16em;white-space:nowrap;margin:-1px 0 0;font-size:25px;line-height:1}.eyebrow{letter-spacing:.18em;color:#9f8b68;margin:0;font:700 9px/1.4 Arial,sans-serif}.topbar .eyebrow{color:#baa980}.brand-seal{color:#e7d49f;border:1px solid #c5a969;border-radius:50%;place-items:center;width:43px;height:43px;font-weight:800;display:grid;box-shadow:inset 0 0 0 3px #27312e,inset 0 0 0 4px #c5a9698c}.top-stats{flex:1;justify-content:center;align-items:stretch;height:46px;display:flex}.top-stats div{border-left:1px solid #e7d6ad29;flex-direction:column;justify-content:center;min-width:132px;padding:0 28px;display:flex}.top-stats div:last-child{border-right:1px solid #e7d6ad29}.top-stats span{letter-spacing:.08em;color:#9eaa9d;font:600 10px Arial,sans-serif}.top-stats strong{letter-spacing:.06em;margin-top:4px;font-size:15px}.sync-indicator{color:#b8c3b8;white-space:nowrap;min-width:62px;padding-left:14px;font:700 10px Arial,sans-serif;position:relative}.sync-indicator:before{content:"";background:#7da77f;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:0;translate:0 -50%;box-shadow:0 0 0 3px #7da77f1f}.sync-indicator.loading:before,.sync-indicator.saving:before{background:#d6af62;animation:1s ease-in-out infinite sync-pulse}.sync-indicator.offline{color:#d5a39a}.sync-indicator.offline:before{background:#b85d4e;box-shadow:0 0 0 3px #b85d4e1f}@keyframes sync-pulse{50%{opacity:.35}}.reset-button{color:#d6c7a3;cursor:pointer;background:0 0;border:1px solid #dcc8994d;border-radius:4px;padding:9px 14px;font:600 11px Arial,sans-serif}.reset-button:hover{color:#fff7df;border-color:#d6c7a3}.game-grid{grid-template-columns:72px minmax(0,1fr) 360px;min-height:0;display:grid}.section-nav{z-index:12;background:#26302d;border-right:1px solid #e6d7b326;flex-direction:column;align-items:stretch;padding:17px 9px;display:flex}.section-nav button{color:#9caa9d;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;gap:5px;min-height:69px;margin-bottom:8px;display:grid;position:relative}.section-nav button span{font:25px Georgia,serif}.section-nav button small{letter-spacing:.12em;font:700 10px Arial,sans-serif}.section-nav button:hover{color:#e6d6af;background:#ffffff0a}.section-nav button.active{color:#f0d79c;background:#1e2825;box-shadow:inset 3px 0 #b04f38}.section-nav button.active:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:#26302d;width:8px;height:16px;position:absolute;right:-10px}.map-stage{cursor:grab;touch-action:none;background:#b5a574;outline:none;min-width:0;min-height:0;position:relative;overflow:hidden}.map-stage:active{cursor:grabbing}.map-stage:focus-visible{box-shadow:inset 0 0 0 3px #e0bd68}.map-stage canvas{display:block;position:absolute;inset:0}.fog-canvas{pointer-events:none}.map-stage:after{content:"";pointer-events:none;mix-blend-mode:multiply;background-image:repeating-linear-gradient(7deg,#44321b06 0 1px,#0000 1px 6px);position:absolute;inset:0}.map-stage.city-mode{cursor:default;touch-action:auto;background:#8b9668}.map-stage.city-mode:active{cursor:default}.city-stage{z-index:3;color:#efe6ce;background:radial-gradient(circle at 22% 28%,#c6b7765c 0 2px,#0000 3px),linear-gradient(150deg,#ffffff0d,#0000 46%),#78835e;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;inset:0}.city-stage:before{content:"";pointer-events:none;opacity:.34;background-image:repeating-linear-gradient(18deg,#353c272e 0 1px,#0000 1px 9px),repeating-linear-gradient(102deg,#eedfa812 0 1px,#0000 1px 13px);position:absolute;inset:0}.city-stage-header{z-index:2;background:linear-gradient(#1d2722f5,#222d27e0);border-bottom:1px solid #ead8aa3d;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px 14px;display:flex;box-shadow:0 8px 22px #211d1529}.city-stage-header h2{letter-spacing:.12em;margin:3px 0 2px;font-size:25px}.city-stage-header>div>span{color:#aebcad;letter-spacing:.06em;font:600 10px Arial,sans-serif}.advance-day-button{color:#f2e4bd;cursor:pointer;background:#8d3e30;border:1px solid #d39b74;border-radius:4px;grid-template-columns:auto auto;align-items:center;gap:8px;padding:10px 13px;font-size:12px;font-weight:700;display:grid;box-shadow:0 3px #5f2c24}.advance-day-button small{color:#43271d;letter-spacing:.1em;background:#f1c66f;border-radius:2px;padding:3px 5px;font:800 8px Arial,sans-serif}.advance-day-button:disabled{opacity:.58;cursor:wait}.town-landscape{place-items:center;min-height:0;padding:24px;display:grid;position:relative;overflow:hidden}.town-landscape:before,.town-landscape:after{content:"";background:#3a573947;border-radius:50%;position:absolute;box-shadow:0 0 0 12px #51684226}.town-landscape:before{width:170px;height:100px;top:11%;left:4%;rotate:-18deg}.town-landscape:after{width:210px;height:125px;bottom:7%;right:5%;rotate:13deg}.town-river{background:linear-gradient(#618a91,#466f7b 48%,#72999a);border-top:7px solid #dccd9647;border-bottom:7px solid #37473838;width:125%;height:92px;position:absolute;bottom:6%;left:-10%;rotate:-7deg;box-shadow:inset 0 9px #ffffff12}.town-road{z-index:0;background:#a99469;border:1px solid #4c3c2347;position:absolute;box-shadow:inset 0 0 0 5px #decd973d}.town-road.horizontal{height:34px;top:48%;left:10%;right:10%;rotate:-3deg}.town-road.vertical{width:32px;top:10%;bottom:8%;left:49%;rotate:4deg}.town-grid{z-index:2;background:#4048304d;border:1px solid #efdca638;border-radius:8px;grid-template-columns:repeat(4,minmax(70px,1fr));gap:11px;width:min(650px,90%);max-height:100%;padding:15px;display:grid;position:relative;box-shadow:0 18px 36px #27251933}.town-plot{aspect-ratio:1.28;color:#5d492d;cursor:pointer;background:repeating-linear-gradient(12deg,#705c3014 0 2px,#0000 2px 8px),#b9a871;border:2px solid #48392157;border-radius:5px;align-content:center;place-items:center;gap:3px;transition:translate .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #eee0b138,0 4px 8px #2a261a2e}.town-plot:hover:not(:disabled){translate:0 -3px;box-shadow:inset 0 0 0 3px #ffefba57,0 7px 12px #2a261a40}.town-plot.selected{border-color:#f3d276;box-shadow:inset 0 0 0 3px #5d3223b3,0 0 0 3px #e7c267,0 8px 15px #271f144d}.town-plot i{z-index:1;color:#fff0c8;background:#526c5f;border:2px solid #fff3cc9e;border-radius:50%;place-items:center;width:40px;height:40px;font:700 22px Georgia,serif;display:grid;position:relative;box-shadow:0 4px 8px #32261840}.town-plot strong{z-index:1;letter-spacing:.04em;font-size:12px;position:relative}.town-plot small{z-index:1;color:#715f43;font:700 8px Arial,sans-serif;position:relative}.town-plot.empty{background:#cdbd86a6;border-style:dashed}.town-plot.empty i{color:#775b34;width:31px;height:31px;box-shadow:none;background:#fff4cc6b;border:1px dashed #846c45;font-size:18px}.town-plot.locked{opacity:.58;color:#45463a;cursor:not-allowed;background:repeating-linear-gradient(135deg,#6f775c 0 8px,#626b53 8px 16px);border-style:solid}.town-plot.locked i{color:#a9ad94;box-shadow:none;background:#4c5545;border-color:#767e69}.town-plot.building-house i{background:#8d6547}.town-plot.building-grain-farm i{background:#898240}.town-plot.building-fishery i{background:#47798a}.town-plot.building-salt-yard i{background:#6b8c8c}.town-plot.building-workshop i{background:#6a5a52}.town-plot.building-tavern i{background:#914e3c}.town-plot.building-embankment i{background:#6b705b}.city-stage-footer{z-index:2;background:#1f2a25f0;border-top:1px solid #ead8aa33;justify-content:center;gap:25px;padding:11px 18px;display:flex}.city-stage-footer span{color:#d7cfb9;align-items:center;gap:7px;font:700 10px Arial,sans-serif;display:flex}.city-stage-footer i{background:#b88654;border-radius:50%;width:9px;height:9px}.city-stage-footer .legend-work{background:#829059}.city-stage-footer .legend-leisure{background:#a75c49}.map-banner{z-index:4;color:#f4e9ce;pointer-events:none;background:#222b27e6;border:1px solid #ead7a93d;border-radius:5px;align-items:center;gap:10px;padding:8px 13px 8px 8px;display:flex;position:absolute;top:18px;left:50%;translate:-50%;box-shadow:0 5px 15px #1c191333}.map-banner p{letter-spacing:.03em;white-space:nowrap;margin:0;font:600 11px Arial,sans-serif}.debug-pill{color:#fae4a8;letter-spacing:.12em;background:#a34835;border-radius:3px;padding:5px 7px;font:800 9px Arial,sans-serif}.map-controls{z-index:6;gap:5px;display:grid;position:absolute;top:18px;right:18px}.map-controls button{color:#4a3824;cursor:pointer;background:#f2e8cceb;border:1px solid #41321e4d;border-radius:4px;place-items:center;width:38px;height:38px;font:800 18px Arial,sans-serif;display:grid;box-shadow:0 3px 9px #291f142e}.map-controls button:hover,.map-controls button.selected{color:#f7ecd0;background:#85402f}.map-controls button:last-child{margin-top:5px;font-size:12px}.player-marker{z-index:5;pointer-events:none;width:72px;height:96px;position:absolute;top:50%;left:50%;translate:-50% -64%}.player-shadow{filter:blur(3px);background:#251e1457;border-radius:50%;width:50px;height:17px;position:absolute;bottom:4px;left:12px}.player-aura{border:3px solid #fce497d6;border-radius:50%;width:60px;height:60px;position:absolute;bottom:-2px;left:6px;box-shadow:0 0 0 5px #753d2857,0 0 22px #f5d68152}.merchant-figure{filter:drop-shadow(0 4px 2px #2d1f1359);width:44px;height:70px;position:absolute;top:6px;left:15px}.merchant-hat{z-index:4;background:#703f2b;border-radius:50% 50% 25% 25%;width:35px;height:13px;position:absolute;top:1px;left:5px;transform:rotate(-4deg)}.merchant-hat:before{content:"";background:#88513a;border-radius:60% 60% 10% 10%;width:21px;height:17px;position:absolute;top:-9px;left:8px}.merchant-head{z-index:3;background:#d5a76e;border:2px solid #4b3525;border-radius:46%;width:20px;height:22px;position:absolute;top:10px;left:13px}.merchant-body{z-index:2;background:linear-gradient(90deg,#3f6260 0 46%,#c6b27a 47% 54%,#385755 55%);border:2px solid #3b3a2b;border-radius:9px 9px 13px 13px;width:31px;height:35px;position:absolute;top:29px;left:8px}.merchant-body:after{content:"";border-left:6px solid #4c3928;border-right:6px solid #4c3928;width:21px;height:12px;position:absolute;bottom:-9px;left:3px}.merchant-pack{z-index:1;background:#9b7544;border:2px solid #4c3523;border-radius:4px 7px 8px 4px;width:15px;height:26px;position:absolute;top:33px;right:-1px;transform:rotate(8deg)}.player-arrow{color:#f5d582;filter:drop-shadow(0 2px 2px #3e2c1d);font:15px Arial,sans-serif;position:absolute;top:-11px;left:28px}.map-readout{z-index:5;color:#efe4c8;background:#232d29eb;border:1px solid #ebd9b033;border-radius:5px;display:flex;position:absolute;bottom:18px;left:18px;overflow:hidden;box-shadow:0 6px 18px #221c1338}.map-readout div{border-right:1px solid #e8d6ab29;min-width:96px;padding:9px 13px}.map-readout div:last-child{border:0}.map-readout span{color:#99aaa0;letter-spacing:.08em;font:600 9px Arial,sans-serif;display:block}.map-readout strong{margin-top:3px;font:700 14px Arial,sans-serif;display:block}.discovery-toast{z-index:10;color:#3f2f1d;background:#f3e8c9;border:2px solid #a47c3e;border-radius:7px;grid-template-columns:58px 1fr 28px;align-items:center;gap:12px;width:min(420px,100% - 36px);padding:12px;animation:.35s ease-out toast-in;display:grid;position:absolute;bottom:28px;left:50%;translate:-50%;box-shadow:0 14px 35px #251b0f52}.toast-icon{color:#fff4d3;border-radius:50%;place-items:center;width:58px;height:58px;font:700 27px Georgia,serif;display:grid;box-shadow:inset 0 0 0 4px #ffffff3d}.discovery-toast p{color:#a14331;letter-spacing:.14em;text-transform:uppercase;margin:0;font:800 9px Arial,sans-serif}.discovery-toast h2{margin:3px 0;font-size:20px}.discovery-toast span{color:#766146;font:600 11px Arial,sans-serif}.discovery-toast button{cursor:pointer;background:0 0;border:0;align-self:start;font:18px Arial,sans-serif}@keyframes toast-in{0%{opacity:0;transform:translateY(18px)}}.journal-panel{z-index:10;overscroll-behavior:contain;background-color:var(--paper);background-image:linear-gradient(90deg,#0000 94%,#6649240d 94%),repeating-linear-gradient(0deg,#5b432306 0 1px,#0000 1px 5px);border-left:1px solid #b9a47b;flex-direction:column;min-width:0;min-height:0;padding:22px 20px 18px;display:flex;overflow-y:auto;box-shadow:-8px 0 24px #2f25172b}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:17px;display:flex}.panel-heading h2{letter-spacing:.08em;margin:4px 0 0;font-size:23px}.day-chip{color:#7d6950;border:1px solid #c9b994;border-radius:3px;padding:6px 8px;font:700 10px Arial,sans-serif}.quest-card{border:1px solid #cfbc93;border-left:4px solid var(--red);background:#fffae98f;margin:18px 0;padding:15px;box-shadow:0 3px 8px #533e220f}.quest-label{color:var(--red);letter-spacing:.12em;margin:0;font:800 9px Arial,sans-serif}.quest-card h3{margin:5px 0 7px;font-size:17px}.quest-card>p:not(.quest-label){color:var(--muted);margin:0 0 12px;font:12px/1.65 Arial,sans-serif}.quest-card small{color:#87755d;margin-top:6px;font:600 10px Arial,sans-serif;display:block}.progress-track{background:#d9caab;border-radius:99px;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #432c1624}.progress-track span{background:linear-gradient(90deg, var(--red-dark), #c66d45);border-radius:inherit;min-width:2%;height:100%;transition:width .35s;display:block}.progress-track.large{height:9px;margin:10px 0 20px}.section-title{justify-content:space-between;align-items:center;margin:3px 0 10px;display:flex}.section-title h3,.requirements h3,.land-plots h3{letter-spacing:.06em;margin:0;font-size:14px}.section-title span{color:#f6ecd3;background:#4c6964;border-radius:50%;place-items:center;min-width:22px;height:22px;font:700 10px Arial,sans-serif;display:grid}.discovery-list{flex:1;min-height:130px;padding-right:2px;overflow-y:auto}.empty-state{color:#a08e70;text-align:center;border:1px dashed #c4b28d;align-content:center;place-items:center;gap:7px;height:142px;display:grid}.empty-state span{font-size:25px;transform:rotate(-25deg)}.empty-state p{margin:0;font:12px/1.6 Arial,sans-serif}.discovery-item{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr;gap:11px;padding:11px 0;display:grid}.discovery-item>div{color:#fff3d0;border-radius:50%;place-items:center;width:42px;height:42px;font:700 20px Georgia,serif;display:grid}.discovery-item section span{color:#9b4c38;letter-spacing:.11em;font:800 8px Arial,sans-serif}.discovery-item h4{margin:2px 0 3px;font-size:14px}.discovery-item p{color:#74634e;margin:0;font:10px/1.5 Arial,sans-serif}.primary-action{color:#fff3d5;cursor:pointer;background:linear-gradient(#aa4c38,#833426);border:1px solid #742d22;border-radius:4px;justify-content:space-between;align-items:center;width:100%;min-height:48px;margin-top:16px;padding:0 16px;font-weight:700;display:flex;box-shadow:0 3px #65271e,0 7px 13px #5d31222e}.primary-action:hover:not(:disabled){filter:brightness(1.08);translate:0 -1px}.primary-action:disabled{color:#978c76;box-shadow:none;cursor:not-allowed;background:#d6c8a9;border-color:#bbaa86}.market-summary{color:#f0e5ca;background:#385b59;border-radius:5px;margin:18px 0;padding:18px;box-shadow:inset 0 0 0 1px #f2deac29}.market-summary>span{letter-spacing:.12em;color:#b5cbc3;font:700 9px Arial,sans-serif}.market-summary strong{margin:7px 0;font-size:20px;display:block}.market-summary b{color:#f2c16d;font:800 13px Arial,sans-serif}.market-summary p{color:#c5d1c8;margin:0;font:11px/1.5 Arial,sans-serif}.shipment-card{background:#ffffff52;border:1px solid #c9b58c;padding:16px}.active-shipment{border-top:4px solid #a24a36}.route-line{justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.route-line i{color:#8e795b;text-align:center;flex:1;font:9px Arial,sans-serif;position:relative}.route-line i:before,.route-line i:after{content:"";background:#b6a27e;width:24%;height:1px;position:absolute;top:50%}.route-line i:before{left:2px}.route-line i:after{right:2px}.shipment-goods,.arrival-time{justify-content:space-between;margin:16px 0 8px;font:11px Arial,sans-serif;display:flex}.shipment-goods span,.arrival-time span{color:#806d54}.arrival-time strong{color:#9b402e;font-size:18px}.empty-route{color:#8b795e;text-align:center;border:1px dashed #bda983;place-items:center;padding:35px 20px;display:grid}.empty-route>span{font-size:30px}.empty-route h3{color:#4f3d29;margin:9px 0 5px}.empty-route p{margin:0;font:11px/1.5 Arial,sans-serif}.cargo-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;display:grid}.cargo-grid div{border:1px solid #cfbd96;padding:13px}.cargo-grid span{color:#8d7b60;font:9px Arial,sans-serif;display:block}.cargo-grid strong{margin-top:5px;font-size:12px;display:block}.inventory-list{gap:7px;margin-top:15px;display:grid}.inventory-row{background:#ffffff38;border:1px solid #cfbd96;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.inventory-row>div{gap:3px;display:grid}.inventory-row>div:last-child{text-align:right}.inventory-row strong{font-size:12px}.inventory-row span{color:#8d7b60;font:9px Arial,sans-serif}.trade-options{gap:9px;margin-top:16px;display:grid}.trade-options .primary-action{margin-top:0}.secondary-action{color:#5f4931;cursor:pointer;background:#ffffff4d;border:1px solid #bda77d;border-radius:4px;min-height:40px;font-size:12px;font-weight:700}.secondary-action:hover:not(:disabled){background:#fff9}.secondary-action:disabled{opacity:.5;cursor:not-allowed}.city-crest{background:#e3d5b5;border:1px solid #c5b18a;align-items:center;gap:15px;margin-top:20px;padding:18px;display:flex}.city-crest>span{color:#f3e6c3;background:#456661;border-radius:50%;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.city-crest strong{font-size:19px}.city-crest p{color:#7d6b51;margin:5px 0 0;font:11px Arial,sans-serif}.city-crest .population-trend.up{color:#3e735d}.city-crest .population-trend.down{color:#a24535}.city-levels{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px;display:grid}.city-levels div{color:#f2e6c9;text-align:center;background:#435f5a;border:1px solid #34504c;padding:10px 7px}.city-levels span{color:#b7c8bd;letter-spacing:.08em;font:700 8px Arial,sans-serif;display:block}.city-levels strong{margin-top:4px;font-size:13px;display:block}.needs-board{background:#ffffff47;border:1px solid #ccbb96;gap:9px;padding:13px;display:grid}.needs-board h3{letter-spacing:.06em;margin:0 0 3px;font-size:14px}.need-row{grid-template-columns:minmax(105px,1fr) 92px 38px;align-items:center;gap:8px;display:grid}.need-row>div:first-child{min-width:0}.need-row strong{font-size:10px;display:block}.need-row div>span{color:#8b775b;text-overflow:ellipsis;white-space:nowrap;font:8px Arial,sans-serif;display:block;overflow:hidden}.need-row b{color:#4f4030;text-align:right;font:700 9px Arial,sans-serif}.need-meter{background:#d4c4a3;border-radius:99px;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #432c1624}.need-meter span{border-radius:inherit;background:#557969;height:100%}.need-meter span.warning{background:#bd8b43}.need-meter span.danger{background:#a74735}.city-notice{color:#5d4c37;background:#e6d7b6;border-left:3px solid #9b4936;margin:11px 0 14px;padding:9px 11px;font:10px/1.5 Arial,sans-serif}.build-section{margin-top:2px}.selected-building-card{background:#ffffff47;border:1px solid #cbb992;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:11px;display:grid}.selected-building-card>i{color:#f6e8c2;background:#506b60;border-radius:50%;place-items:center;width:40px;height:40px;font:700 20px Georgia,serif;display:grid}.selected-building-card strong{font-size:12px}.selected-building-card p,.plot-guidance{color:#7c694e;margin:4px 0 0;font:9px/1.5 Arial,sans-serif}.plot-guidance{text-align:center;border:1px dashed #b9a57f;padding:13px}.building-catalogue{grid-template-columns:1fr 1fr;gap:7px;display:grid}.building-catalogue button{color:#54412c;text-align:left;cursor:pointer;background:#ffffff47;border:1px solid #c7b48d;grid-template-columns:32px 1fr auto;align-items:center;gap:7px;min-height:56px;padding:7px;display:grid}.building-catalogue button:hover:not(:disabled){background:#ffffff9e;border-color:#997b4b}.building-catalogue button:disabled{opacity:.48;cursor:not-allowed}.building-catalogue button>i{color:#f6e8c3;background:#587168;border-radius:50%;place-items:center;width:30px;height:30px;font:700 15px Georgia,serif;display:grid}.building-catalogue button span{min-width:0}.building-catalogue button strong,.building-catalogue button small{display:block}.building-catalogue button strong{font-size:10px}.building-catalogue button small{color:#8d7657;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font:8px Arial,sans-serif;overflow:hidden}.building-catalogue button b{color:#963e2f;white-space:nowrap;font:700 9px Arial,sans-serif}.land-development{color:#f0e5c9;background:#3e5e59;border:1px solid #304d49;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;padding:11px 12px;display:flex}.land-development strong,.land-development span{display:block}.land-development strong{font-size:11px}.land-development span{color:#b7c7bc;margin-top:3px;font:8px Arial,sans-serif}.land-development button{color:#f7e9c5;cursor:pointer;background:#9b4634;border:1px solid #c77759;border-radius:3px;min-width:78px;padding:8px 9px;font-size:10px;font-weight:700}.land-development button:disabled{color:#a9a18f;cursor:not-allowed;background:#65716a;border-color:#77817b}.supply-overview{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:11px;display:grid}.supply-overview div{text-align:center;background:#ffffff40;border:1px solid #cfbd96;padding:10px 7px}.supply-overview span{color:#8d7b60;font:8px Arial,sans-serif;display:block}.supply-overview strong{margin-top:5px;font-size:13px;display:block}.economy-note{color:#66553f;border-left:3px solid var(--teal);background:#466f7017;margin:0 0 14px;padding:11px 12px;font:10px/1.65 Arial,sans-serif}.requirements{background:#ffffff47;border:1px solid #ccbb96;gap:9px;padding:15px;display:grid}.requirements h3{margin-bottom:4px}.requirements label{color:#6e5d47;align-items:center;gap:8px;font:11px Arial,sans-serif;display:flex}.requirements input{accent-color:#486b63}.land-plots{margin-top:18px}.land-plots>div{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;display:grid}.land-plots span{aspect-ratio:1.25;color:#8d795b;background:#fff3;border:1px dashed #ab9771;place-items:center;font:10px Arial,sans-serif;display:grid}.land-plots span.built{color:#f1e6ca;background:#58776d;border-style:solid}.land-plots span.locked{opacity:.58;background:repeating-linear-gradient(135deg,#0000 0 5px,#50371e0f 5px 9px)}@media (width<=1120px){.game-grid{grid-template-columns:66px minmax(0,1fr) 340px}.topbar{gap:18px}.top-stats div{min-width:112px;padding:0 18px}.brand-block{min-width:230px}}@media (width<=980px){.game-grid{grid-template-columns:62px minmax(0,1fr) 315px}.top-stats div{min-width:105px;padding:0 14px}.brand-block{min-width:220px}.journal-panel{padding:18px 16px}}@media (width<=860px){body{overflow:hidden auto}.game-shell{grid-template-rows:66px minmax(0,1fr);height:auto;min-height:100dvh}.topbar{gap:10px;padding:0 12px;position:sticky;top:0}.brand-block{flex:1;min-width:0}.brand-seal{width:37px;height:37px}.brand-block h1{font-size:19px}.brand-block .eyebrow,.top-stats div:first-child,.top-stats div:last-child{display:none}.top-stats{flex:0}.top-stats div{border-right:1px solid #e7d6ad29;min-width:76px;padding:0 10px}.top-stats strong{font-size:13px}.sync-indicator{color:#0000;width:9px;min-width:9px;padding:0;overflow:hidden}.reset-button{white-space:nowrap;color:#0000;border-radius:50%;width:38px;padding:0;overflow:hidden}.reset-button:after{content:"↺";color:#e5d5ae;font-size:18px}.game-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:clamp(390px, 58svh, 560px) auto calc(62px + env(safe-area-inset-bottom));min-height:calc(100dvh - 66px)}.map-stage{grid-row:1}.journal-panel{border-top:1px solid #b9a47b;border-left:0;grid-row:2;min-height:390px}.section-nav{padding:4px 12px calc(4px + env(safe-area-inset-bottom));border:0;border-top:1px solid #e6d7b326;flex-direction:row;grid-row:3;justify-content:space-around;position:sticky;bottom:0}.section-nav button{flex:1;min-height:54px;margin:0}.section-nav button.active{box-shadow:inset 0 3px #b04f38}.section-nav button.active:after{display:none}.map-banner{max-width:calc(100% - 110px);top:10px}.map-banner p{text-overflow:ellipsis;overflow:hidden}.map-controls{top:10px;right:10px}.map-controls button{width:34px;height:34px}.map-readout{bottom:9px;left:9px}.map-readout div{min-width:78px;padding:7px 9px}.map-readout div:last-child{display:none}.discovery-toast{bottom:67px}.city-stage-header{padding:12px 14px 10px}.city-stage-header h2{font-size:19px}.town-landscape{padding:10px}.town-grid{gap:6px;width:min(96%,510px);padding:8px}.town-plot{min-width:0}.town-plot i{width:30px;height:30px;font-size:16px}.town-plot strong{font-size:9px}.town-plot small{font-size:7px}.city-stage-footer{gap:12px;padding:8px}.city-stage-footer span{font-size:8px}.advance-day-button{padding:8px 9px}}@media (width<=480px){.topbar{padding-inline:9px}.brand-block{gap:8px}.brand-block h1{letter-spacing:.1em;font-size:17px}.brand-seal{flex:none;width:35px;height:35px}.top-stats div{min-width:67px;padding-inline:7px}.top-stats span{font-size:8px}.reset-button{width:36px;height:36px}.map-banner{max-width:calc(100% - 104px);left:10px;translate:0}.city-stage-header{gap:8px;padding:9px 10px 8px}.city-stage-header h2{font-size:17px}.city-stage-header>div>span{font-size:8px}.advance-day-button{text-align:center;grid-template-columns:1fr;gap:2px;padding:6px 8px;font-size:10px}.town-landscape{padding:7px}.town-grid{gap:5px;width:100%;padding:6px}.town-plot strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.city-stage-footer{justify-content:space-around;gap:5px;padding-inline:4px}.journal-panel{min-height:360px;padding:17px 15px calc(18px + env(safe-area-inset-bottom))}.panel-heading h2{font-size:21px}.building-catalogue{grid-template-columns:1fr}.need-row{grid-template-columns:minmax(92px,1fr) 72px 34px}}@media (width<=360px){.top-stats{display:none}.map-readout div{min-width:73px}.town-plot i{width:27px;height:27px;font-size:14px}.town-plot small{display:none}.section-nav{padding-inline:5px}}@media (hover:none) and (pointer:coarse){.section-nav button,.map-controls button,.secondary-action,.reset-button{min-height:44px}.town-plot:hover:not(:disabled),.primary-action:hover:not(:disabled){translate:none}}@media (width<=860px) and (orientation:landscape) and (height<=600px){.game-grid{grid-template-rows:390px auto calc(58px + env(safe-area-inset-bottom))}.journal-panel{min-height:330px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}