*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.inset-x-2{left:.5rem;right:.5rem}.bottom-2{bottom:.5rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.flex{display:flex}.grid{display:grid}.aspect-\[16\/7\]{aspect-ratio:16/7}.h-2{height:.5rem}.h-36{height:9rem}.h-full{height:100%}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-20{min-height:5rem}.min-h-9{min-height:2.25rem}.min-h-screen{min-height:100vh}.w-28{width:7rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[130px\]{max-width:130px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1{row-gap:.25rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-gold{--tw-border-opacity:1;border-color:rgb(242 184 75/var(--tw-border-opacity,1))}.border-gold\/30{border-color:rgb(242 184 75/.3)}.border-gold\/40{border-color:rgb(242 184 75/.4)}.border-ruby{--tw-border-opacity:1;border-color:rgb(184 64 94/var(--tw-border-opacity,1))}.border-sand\/15{border-color:rgb(231 201 155/.15)}.border-sand\/20{border-color:rgb(231 201 155/.2)}.border-turquoise{--tw-border-opacity:1;border-color:rgb(31 182 178/var(--tw-border-opacity,1))}.border-turquoise\/30{border-color:rgb(31 182 178/.3)}.border-turquoise\/40{border-color:rgb(31 182 178/.4)}.bg-gold{--tw-bg-opacity:1;background-color:rgb(242 184 75/var(--tw-bg-opacity,1))}.bg-gold\/10{background-color:rgb(242 184 75/.1)}.bg-gold\/20{background-color:rgb(242 184 75/.2)}.bg-navy{--tw-bg-opacity:1;background-color:rgb(16 24 39/var(--tw-bg-opacity,1))}.bg-navy\/40{background-color:rgb(16 24 39/.4)}.bg-navy\/50{background-color:rgb(16 24 39/.5)}.bg-navy\/60{background-color:rgb(16 24 39/.6)}.bg-navy\/70{background-color:rgb(16 24 39/.7)}.bg-navy\/80{background-color:rgb(16 24 39/.8)}.bg-navy\/95{background-color:rgb(16 24 39/.95)}.bg-ruby\/20{background-color:rgb(184 64 94/.2)}.bg-sand\/10{background-color:rgb(231 201 155/.1)}.bg-turquoise{--tw-bg-opacity:1;background-color:rgb(31 182 178/var(--tw-bg-opacity,1))}.bg-turquoise\/10{background-color:rgb(31 182 178/.1)}.bg-\[linear-gradient\(90deg\2c \#1FB6B2\2c \#E7C99B\)\]{background-image:linear-gradient(90deg,#1FB6B2,#E7C99B)}.bg-\[radial-gradient\(circle_at_top\2c \#1f3d4a_0\2c \#101827_42\%\)\]{background-image:radial-gradient(circle at top,#1f3d4a 0,#101827 42%)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pt-20{padding-top:5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-tight{line-height:1.25}.text-gold{--tw-text-opacity:1;color:rgb(242 184 75/var(--tw-text-opacity,1))}.text-ivory{--tw-text-opacity:1;color:rgb(248 241 227/var(--tw-text-opacity,1))}.text-navy{--tw-text-opacity:1;color:rgb(16 24 39/var(--tw-text-opacity,1))}.text-ruby{--tw-text-opacity:1;color:rgb(184 64 94/var(--tw-text-opacity,1))}.text-sand{--tw-text-opacity:1;color:rgb(231 201 155/var(--tw-text-opacity,1))}.text-turquoise{--tw-text-opacity:1;color:rgb(31 182 178/var(--tw-text-opacity,1))}.shadow-bazaar{--tw-shadow:0 18px 45px rgba(0,0,0,0.35);--tw-shadow-colored:0 18px 45px var(--tw-shadow-color)}.shadow-bazaar,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body,html{--z-map-background:0;--z-map-buildings:10;--z-map-badges:20;--z-page-content:30;--z-sticky-header:200;--z-bottom-navigation:220;--z-popover:240;--z-drawer-backdrop:260;--z-bottom-sheet:280;--z-toast:300;--z-critical-modal:320;--bottom-nav-height:64px;min-height:100%;background:#101827;color:#f8f1e3;font-size:16px}button{-webkit-tap-highlight-color:transparent;overflow-wrap:anywhere;text-wrap:balance}b,button,input,p,span{line-height:1.25}b,p,span{overflow-wrap:anywhere}input{font-size:1rem}.safe-bottom{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 16px)}.bottom-nav{z-index:var(--z-bottom-navigation);display:flex;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:max(4px,env(safe-area-inset-bottom));pointer-events:auto;isolation:isolate;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav-item{flex:0 0 clamp(46px,calc((100vw - 40px) / 6.4),68px);overflow-wrap:normal;scroll-snap-align:start;text-wrap:nowrap}.bottom-nav-label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.city-home{display:grid;gap:8px;max-width:560px;margin:0 auto}.city-topbar{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgb(231 201 155/16%);border-radius:10px;background:rgb(16 24 39/72%);padding:8px 10px}.city-topbar h1{font-size:1.12rem;font-weight:900;line-height:1.05}.city-topbar p{margin-top:4px;color:#e7c99b;font-size:.75rem;overflow-wrap:normal;text-wrap:nowrap}.city-topbar-progress{height:3px;margin-top:6px;overflow:hidden;border-radius:999px;background:rgb(248 241 227/12%)}.city-topbar-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1fb6b2,#e7c99b)}.city-icon-button{display:grid;min-width:44px;min-height:44px;place-items:center;border:1px solid rgb(231 201 155/16%);border-radius:10px;color:#f8f1e3}.city-header-actions{display:flex;flex:0 0 auto;gap:6px}.city-bell-button{position:relative}.city-badge{position:absolute;right:-3px;top:-4px;min-width:17px;height:17px;border-radius:999px;background:#c9483f;color:#fff;font-size:.62rem;font-weight:900;line-height:17px;text-align:center}.game-loop-card{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgb(231 201 155/14%);border-radius:10px;background:rgb(16 24 39/58%);padding:8px 10px}.game-loop-card p{color:#e7c99b;font-size:.76rem}.game-loop-card button{min-width:82px;min-height:36px;border:1px solid rgb(231 201 155/24%);border-radius:8px;color:#f8f1e3;font-size:.76rem;font-weight:800}.chapter-card{display:grid;gap:7px;border:1px solid rgb(231 201 155/14%);border-radius:8px;background:rgb(16 24 39/58%);padding:10px}.chapter-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#e7c99b;font-size:.68rem;font-weight:900;text-transform:uppercase}.chapter-card-head button,.chapter-cta{min-height:36px;border:1px solid rgb(231 201 155/24%);border-radius:8px;color:#f8f1e3;font-size:.76rem;font-weight:800}.chapter-card h2{color:#f8f1e3;font-size:1rem;font-weight:900}.chapter-goal,.chapter-step p{color:#e7c99b;font-size:.78rem;line-height:1.35}.chapter-progress{height:6px;overflow:hidden;border-radius:999px;background:rgb(231 201 155/12%)}.chapter-progress span{display:block;height:100%;background:#d7a84c}.chapter-step{display:grid;gap:3px}.chapter-step small{color:#aeb8c5;font-size:.68rem}.chapter-step strong{color:#f8f1e3;font-size:.88rem}.chapter-blocked{color:#f3c56a!important}.chapter-cta{width:100%}.resource-strip{position:relative;display:flex;min-height:46px;gap:4px;overflow-x:visible;overflow-y:hidden;padding:1px 0 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.resource-strip::-webkit-scrollbar{display:none}.resource-pill{position:relative;display:inline-flex;flex:1 1 0;min-width:0;min-height:44px;align-items:center;justify-content:center;gap:3px;border:1px solid rgb(231 201 155/18%);border-radius:10px;background:rgb(16 24 39/76%);color:#f8f1e3;padding:0 4px;white-space:nowrap}.resource-pill-selected{border-color:rgb(231 201 155/72%);background:rgb(231 201 155/14%);box-shadow:inset 0 0 0 1px rgb(231 201 155/18%);filter:brightness(1.08)}.resource-pill b{min-width:0;font-size:.76rem;overflow-wrap:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-intro{position:relative;min-height:300px;overflow:hidden;border:1px solid rgb(231 201 155/24%);border-radius:12px;background:linear-gradient(180deg,rgb(16 24 39/8%),rgb(16 24 39/92%)),url(/bot-cover.jpg) 50% /cover}.legend-intro-compact{min-height:214px}.legend-intro-compact .legend-copy{padding-top:48px}.legend-intro-compact .legend-copy p{max-width:34rem}.legend-dunes{position:absolute;inset:auto -12% -28% -12%;height:48%;border-radius:50%;background:rgb(16 24 39/80%)}.legend-caravan{position:absolute;bottom:27%;left:-18%;width:64px;height:33px;border:solid #e7c99b;border-width:0 0 5px;filter:drop-shadow(0 6px 8px rgb(16 24 39/70%));animation:caravan-crossing 8s linear infinite}.legend-caravan:after,.legend-caravan:before{position:absolute;bottom:-5px;border-radius:999px 999px 0 0;background:#e7c99b;content:""}.legend-caravan:before{left:3px;width:24px;height:28px}.legend-caravan:after{right:4px;width:28px;height:21px}.legend-copy{position:absolute;inset:auto 0 0;padding:64px 14px 14px;background:linear-gradient(180deg,transparent,rgb(16 24 39/94%) 42%)}.legend-copy h1{font-size:1.5rem;font-weight:900}.legend-copy p{margin-top:6px;color:#e7c99b;font-size:.875rem}.guild-member{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgb(231 201 155/14%);border-radius:8px;background:rgb(16 24 39/52%);padding:8px 10px}.city-stage{position:relative;contain:paint;isolation:isolate;min-height:min(78vw,460px);overflow:hidden;border:1px solid rgb(231 201 155/24%);border-radius:12px;background:#101827;box-shadow:0 18px 48px rgb(0 0 0/28%)}.city-shade,.city-stage{z-index:var(--z-map-background)}.city-shade{position:absolute;inset:0;background:radial-gradient(circle at 46% 44%,rgb(231 201 155/18%),transparent 22%),linear-gradient(180deg,rgb(16 24 39/4%),rgb(16 24 39/68%));pointer-events:none}.city-object{position:absolute;z-index:var(--z-map-buildings);width:42px;height:42px;border:2px solid rgb(248 241 227/76%);border-radius:999px;background:radial-gradient(circle at 35% 30%,rgb(248 241 227/96%),rgb(231 201 155/78%) 34%,rgb(16 24 39/88%) 36%),rgb(16 24 39/82%);color:#f8f1e3;box-shadow:0 0 0 5px rgb(16 24 39/42%),0 10px 24px rgb(0 0 0/36%);transform:translate(-50%,-50%);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease;backdrop-filter:blur(4px)}.city-object:after{position:absolute;z-index:var(--z-map-badges);left:50%;top:calc(100% + 7px);width:-moz-max-content;width:max-content;max-width:130px;padding:5px 8px;border:1px solid rgb(231 201 155/32%);border-radius:7px;background:rgb(16 24 39/88%);color:#f8f1e3;content:attr(data-label);font-size:.68rem;font-weight:800;line-height:1.1;opacity:0;pointer-events:none;text-align:center;transform:translate(-50%,-4px);transition:opacity .16s ease,transform .16s ease;white-space:normal}.city-object-selected,.city-object:focus-visible,.city-object:hover{transform:translate(-50%,-50%) scale(1.1)}.city-object-selected:after,.city-object:focus-visible:after,.city-object:hover:after,.city-state-caravan_ready:after,.city-state-construction_ready:after,.city-state-locked:after,.city-state-storage_full:after,.city-state-upgrade_available:after{opacity:1;transform:translate(-50%)}.city-object-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.city-object i{position:absolute;z-index:var(--z-map-badges);top:-4px;right:-4px;width:13px;height:13px;border:2px solid #101827;border-radius:999px;background:#1fb6b2;box-shadow:0 0 0 4px rgb(31 182 178/20%)}.city-object-selected{z-index:calc(var(--z-map-buildings) + 1);border-color:#e7c99b;background:radial-gradient(circle at 35% 30%,#fff7d6,#e7c99b 34%,#7d5f2b 36%),#e7c99b;color:#101827;box-shadow:0 0 0 6px rgb(231 201 155/22%),0 0 28px rgb(231 201 155/46%),0 12px 28px rgb(0 0 0/38%)}.city-state-caravan_ready i,.city-state-construction_ready i,.city-state-storage_full i,.city-state-upgrade_available i{background:#e7c99b;box-shadow:0 0 0 4px rgb(231 201 155/22%)}.city-state-action_available,.city-state-caravan_ready,.city-state-construction_ready,.city-state-storage_full,.city-state-upgrade_available{animation:city-attention 1.8s ease-in-out infinite}.city-state-building{border-color:#1fb6b2}.city-state-building:before{position:absolute;inset:-7px;border:1px dashed rgb(31 182 178/60%);border-radius:inherit;content:"";animation:city-build-spin 5s linear infinite}.city-state-locked{opacity:.68;border-color:rgb(248 241 227/34%);background:radial-gradient(circle at 35% 30%,rgb(248 241 227/56%),rgb(74 86 102/74%) 34%,rgb(16 24 39/86%) 36%),rgb(16 24 39/82%)}.city-object-1{left:38%;top:36%}.city-object-2{left:12%;top:46%}.city-object-3{left:83%;top:52%}.city-object-4{left:79%;top:25%}.city-object-5{left:16%;top:21%}.city-object-6{left:45%;top:18%}.city-object-7{left:66%;top:68%}.city-object-8{left:12%;top:82%}.city-object-9{left:88%;top:82%}.city-object-10{left:43%;top:84%}@media (max-width:420px){.city-object{width:34px;height:34px}.city-object:after{max-width:104px;font-size:.62rem}}@keyframes city-attention{0%,to{box-shadow:0 0 0 5px rgb(16 24 39/42%),0 10px 24px rgb(0 0 0/36%)}50%{box-shadow:0 0 0 8px rgb(231 201 155/20%),0 0 28px rgb(231 201 155/34%),0 10px 24px rgb(0 0 0/36%)}}@keyframes city-build-spin{to{transform:rotate(1turn)}}@keyframes caravan-crossing{0%{transform:translateX(0)}to{transform:translateX(calc(100vw + 110px))}}.city-home .city-stage{min-height:clamp(318px,78vw,430px);border-radius:10px;background:linear-gradient(180deg,rgb(20 34 43/35%),rgb(16 24 39/30%)),#101827}.city-home .city-shade{background:radial-gradient(circle at 50% 43%,rgb(231 201 155/20%),transparent 24%),radial-gradient(circle at 47% 62%,rgb(31 182 178/16%),transparent 25%),linear-gradient(180deg,rgb(16 24 39/6%),rgb(16 24 39/48%))}.city-stage-has-selection .city-shade{background:radial-gradient(circle at 50% 43%,rgb(231 201 155/14%),transparent 22%),linear-gradient(180deg,rgb(16 24 39/20%),rgb(16 24 39/68%))}.city-road{position:absolute;left:50%;top:15%;width:13%;height:68%;border-radius:999px;background:linear-gradient(180deg,rgb(231 201 155/0),rgb(231 201 155/26%) 42%,rgb(231 201 155/8%));opacity:.68;transform:translateX(-50%)}.city-road-horizontal{left:20%;top:50%;width:60%;height:9%;transform:none}.city-home .city-object{display:grid;min-width:44px;min-height:44px;height:auto;aspect-ratio:1/.86;place-items:center;border:0;border-radius:0;background:transparent;box-shadow:none;color:#f8f1e3;transform:translate(-50%,-50%);transition:filter .16s ease,opacity .16s ease,transform .16s ease;backdrop-filter:none}.city-home .city-object:after,.city-home .city-object:before{display:none}.city-stage-has-selection .city-object:not(.city-object-selected){opacity:.58;filter:saturate(.75) brightness(.78)}.city-home .city-object-selected,.city-home .city-object:focus-visible,.city-home .city-object:hover{transform:translate(-50%,-50%) scale(1.08)}.city-home .city-object:focus-visible{outline:2px solid #f8f1e3;outline-offset:3px}.city-object-art{position:absolute;inset:0;overflow:hidden;border:1px solid rgb(248 241 227/42%);border-radius:14px 14px 10px 10px;background:rgb(16 24 39/72%);box-shadow:0 12px 24px rgb(0 0 0/34%),inset 0 -18px 24px rgb(16 24 39/36%)}.city-object-gate .city-object-art{border-radius:18px 18px 9px 9px}.city-object-district .city-object-art{border-radius:12px}.city-object-selected .city-object-art{border-color:#e7c99b;box-shadow:0 0 0 3px rgb(231 201 155/24%),0 0 34px rgb(231 201 155/42%),0 16px 28px rgb(0 0 0/42%)}.city-status-badge{position:absolute;right:-5px;top:-6px;display:grid;width:22px;height:22px;place-items:center;border:2px solid #101827;border-radius:999px;background:#e7c99b;color:#101827;box-shadow:0 6px 12px rgb(0 0 0/32%)}.city-state-building_completed .city-status-badge,.city-state-caravan_ready .city-status-badge,.city-state-production_ready .city-status-badge{background:#1fb6b2;color:#071318}.city-state-locked .city-object-art{filter:grayscale(.85) brightness(.6)}.city-object-caption{position:absolute;left:50%;top:calc(100% + 6px);width:-moz-max-content;width:max-content;max-width:138px;border:1px solid rgb(231 201 155/34%);border-radius:8px;background:rgb(16 24 39/94%);box-shadow:0 10px 20px rgb(0 0 0/28%);color:#f8f1e3;font-size:.68rem;font-weight:800;line-height:1.1;padding:5px 7px;transform:translateX(-50%)}.city-stage-debug .city-object{outline:1px dashed rgb(31 182 178/86%);outline-offset:4px}.city-debug-label{position:absolute;left:50%;bottom:calc(100% + 4px);width:-moz-max-content;width:max-content;border-radius:6px;background:rgb(16 24 39/92%);color:#1fb6b2;font-size:.58rem;line-height:1.05;padding:3px 5px;transform:translateX(-50%)}.next-actions-compact{border:1px solid rgb(231 201 155/16%);border-radius:10px;background:rgb(16 24 39/66%);padding:9px}.next-actions-compact h2{font-size:.82rem;font-weight:900}.next-action-list{display:grid;gap:6px;margin-top:7px}.next-action-row{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid rgb(231 201 155/10%);padding-top:6px;font-size:.8rem}.next-action-empty{margin-top:5px;color:#e7c99b;font-size:.78rem}.city-boost-card{padding:9px!important}.resource-info-backdrop{position:fixed;inset:0;z-index:var(--z-popover);display:flex;align-items:flex-start;justify-content:center;background:rgb(0 0 0/18%);padding:calc(env(safe-area-inset-top) + 112px) 10px 0}.resource-info-sheet{position:relative;width:min(420px,100%);max-height:min(52vh,430px);overflow-y:auto;border:1px solid rgb(231 201 155/24%);border-radius:14px;background:rgb(16 24 39/97%);box-shadow:0 18px 48px rgb(0 0 0/42%);padding:12px;touch-action:pan-y}.resource-info-sheet:before{position:absolute;left:50%;top:6px;width:34px;height:3px;border-radius:999px;background:rgb(248 241 227/32%);content:"";transform:translateX(-50%)}.resource-info-close{position:absolute;right:9px;top:9px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgb(248 241 227/18%);border-radius:999px;color:#f8f1e3}.resource-info-title-row{display:flex;align-items:center;gap:10px;padding-right:40px}.resource-info-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid rgb(231 201 155/24%);border-radius:10px;background:rgb(231 201 155/12%);color:#e7c99b}.resource-info-title-row h2{font-size:1rem;font-weight:900}.resource-info-description,.resource-info-details,.resource-info-title-row p{color:#e7c99b;font-size:.78rem}.resource-info-description{margin-top:10px}.resource-info-details{display:grid;gap:6px;margin-top:10px}.resource-info-details b{color:#f8f1e3}.resource-info-details ul{margin-left:16px;list-style:disc}.resource-secondary-action{min-height:36px;justify-self:start;border:1px solid rgb(231 201 155/22%);border-radius:9px;color:#f8f1e3;padding:0 10px;font-size:.76rem}.resource-info-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.resource-warning{border:1px solid rgb(231 201 155/24%);border-radius:9px;background:rgb(231 201 155/10%);color:#f8f1e3;padding:7px}.city-sheet-backdrop{position:fixed;inset:0;z-index:var(--z-drawer-backdrop);display:flex;align-items:flex-end;background:rgb(0 0 0/48%);padding:0 8px calc(env(safe-area-inset-bottom) + 8px)}.city-sheet{position:relative;z-index:var(--z-bottom-sheet);width:min(560px,100%);max-height:min(58vh,520px);margin:0 auto;overflow:hidden;border:1px solid rgb(231 201 155/22%);border-radius:16px 16px 12px 12px;background:#101827;box-shadow:0 -18px 48px rgb(0 0 0/46%);touch-action:pan-y}.city-sheet:before{position:absolute;left:50%;top:7px;z-index:3;width:42px;height:4px;border-radius:999px;background:rgb(248 241 227/38%);content:"";transform:translateX(-50%)}.city-sheet-close{position:absolute;right:9px;top:9px;z-index:2;display:grid;width:36px;height:36px;place-items:center;border:1px solid rgb(248 241 227/24%);border-radius:999px;background:rgb(16 24 39/74%);color:#f8f1e3}.city-sheet-hero{position:relative;height:clamp(88px,18vh,116px);overflow:hidden}.city-sheet-hero:after{position:absolute;inset:0;background:linear-gradient(180deg,rgb(16 24 39/16%),rgb(16 24 39/86%));content:""}.city-sheet-hero>div{position:absolute;inset:auto 48px 10px 12px;z-index:1}.city-sheet-hero h2{font-size:1rem;font-weight:900}.city-sheet-hero p{color:#e7c99b;font-size:.75rem}.city-sheet-body{max-height:calc(min(58vh, 520px) - 104px);overflow-y:auto;padding:10px 12px 14px}.settings-sheet .city-sheet-body{display:grid;gap:10px}.settings-section{display:grid;gap:8px;border:1px solid rgb(231 201 155/14%);border-radius:8px;background:rgb(16 24 39/48%);padding:10px}.settings-section h3{font-weight:900;text-transform:uppercase}.settings-section h3,.settings-section p{font-size:.78rem;color:#e7c99b}.event-feed{display:grid;gap:8px;margin-top:10px}.event-row{display:flex;min-height:72px;align-items:flex-start;justify-content:space-between;gap:10px;border:1px solid rgb(231 201 155/14%);border-radius:8px;background:rgb(16 24 39/58%);padding:8px 10px;text-align:left}.event-row-read{opacity:.72}.event-icon{display:grid;width:34px;min-width:34px;height:34px;place-items:center;border-radius:8px;background:rgb(215 168 76/16%);color:#f3c56a}.event-copy{display:grid;flex:1;gap:3px}.event-copy em{color:#e7c99b;font-size:.76rem;font-style:normal;line-height:1.3}.event-row small{display:block;color:#e7c99b;font-size:.68rem}.event-cta{color:#f8f1e3;font-size:.74rem}.how-cause,.how-list{display:grid;gap:7px;margin-top:10px;color:#e7c99b;font-size:.86rem}.how-list{padding-left:20px;list-style:decimal}@media (max-width:360px){.city-home{gap:6px}.city-home .city-stage{min-height:302px}.city-topbar{min-height:56px}.city-topbar h1{font-size:1rem}.city-topbar p{font-size:.68rem}.city-header-actions{gap:3px}.city-icon-button{min-width:40px}.resource-pill b{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.legend-caravan{animation:none;left:16%}.city-state-action_available,.city-state-building:before,.city-state-caravan_ready,.city-state-construction_ready,.city-state-storage_full,.city-state-upgrade_available{animation:none}}.hover\:text-ivory:hover{--tw-text-opacity:1;color:rgb(248 241 227/var(--tw-text-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-sand:disabled{--tw-bg-opacity:1;background-color:rgb(231 201 155/var(--tw-bg-opacity,1))}.disabled\:text-navy\/75:disabled{color:rgb(16 24 39/.75)}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:360px){.min-\[360px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:420px){.min-\[420px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.min-\[420px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.min-\[420px\]\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.min-\[420px\]\:flex-row{flex-direction:row}.min-\[420px\]\:items-center{align-items:center}.min-\[420px\]\:justify-between{justify-content:space-between}}@media (min-width:430px){.min-\[430px\]\:flex-row{flex-direction:row}.min-\[430px\]\:items-center{align-items:center}.min-\[430px\]\:justify-between{justify-content:space-between}}@media (min-width:520px){.min-\[520px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}