:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--deep-teal);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:15px;line-height:1.35}.screen{position:fixed;inset:0;overflow:hidden}@media (display-mode:standalone),(display-mode:fullscreen){.screen,.scrim{height:max(100%,100vh,100lvh)}}.scene,.scene img{width:100%;height:100%;position:absolute;inset:0}.scene img{object-fit:cover;object-position:42% 62%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.scene{container-type:size}.scene-life{pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene-life__box{--w:max(100cqw, 150.06cqh);--h:max(66.64cqw, 100cqh);width:var(--w);height:var(--h);left:calc((100cqw - var(--w)) * .42);top:calc((100cqh - var(--h)) * .62);position:absolute}.scene-life__box>*{position:absolute}.scene-life__sky{-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#000 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#000 70%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect;width:42.5%;height:26%;top:0;left:57.5%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.scene img.scene-life__cloud{object-fit:fill;opacity:.95;height:auto;animation:200s linear infinite life-cloud-drift;position:absolute;inset:auto auto auto 0}.scene img.scene-life__cloud--1{width:46%;animation-delay:-60s;top:6%}.scene img.scene-life__cloud--2{width:30%;animation-duration:150s;animation-delay:-120s;top:34%}.scene img.scene-life__cloud--3{width:26%;animation-duration:110s;animation-delay:-20s;top:66%}.scene-life--night img.scene-life__cloud{opacity:.25;filter:brightness(.5)saturate(.6)}.scene-life--cloud img.scene-life__cloud{filter:saturate(.7)brightness(.92)}@keyframes life-cloud-drift{0%{transform:translate(-110%)}to{transform:translate(240%)}}.scene-life__glint{opacity:0;background:#fffdebf2;border-radius:999px;width:2%;height:.35%;animation:3s ease-in-out infinite life-glint;transform:scaleX(0);box-shadow:0 0 3px #fffff0b3}@keyframes life-glint{0%,to{opacity:0;transform:scaleX(.1)}35%{opacity:.9;transform:scaleX(1)}60%{opacity:.4;transform:translate(30%)scaleX(.5)}}.scene-life__star{aspect-ratio:1;background:#fff8d8;border-radius:50%;width:.28%;animation:4.5s ease-in-out infinite life-twinkle;box-shadow:0 0 4px 1px #fff8d8b3}@keyframes life-twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}.scene-life__bird{aspect-ratio:20/8;width:1.5%;color:var(--ink);animation:50s linear infinite life-bird;left:-4%}.scene-life__bird svg{transform-origin:50% 70%;animation:.9s ease-in-out infinite alternate life-flap;display:block}@keyframes life-bird{0%{transform:translate(0)}50%{transform:translate(calc(var(--w) * .55), calc(var(--h) * -.02))}to{transform:translate(calc(var(--w) * 1.1), calc(var(--h) * .01))}}@keyframes life-flap{0%{transform:scaleY(1)}to{transform:scaleY(.35)}}.scene-life__smoke{width:0;height:0;top:48.5%;left:24.6%}.scene-life__smoke>span{left:calc(var(--w) * -.013);top:calc(var(--w) * -.013);width:calc(var(--w) * .026);aspect-ratio:1;opacity:0;background:radial-gradient(circle at 40% 38%,#faf6ecfa,#e2dccecc 50%,#d6cebe00 71%);border-radius:50%;animation:9.6s ease-out infinite life-smoke;position:absolute}.scene-life__smoke.is-busy>span{background:radial-gradient(circle at 40% 38%,#e2dacaf2,#968e8099 55%,#968e8000 72%);animation-duration:5.4s}.scene-life--night .scene-life__smoke>span{background:radial-gradient(circle at 40% 38%,#96a0a080,#5a64644d 55%,#5a646400 72%)}@keyframes life-smoke{0%{opacity:0;transform:translate(0)scale(.35)}12%{opacity:1}55%{opacity:.75}to{transform:translate(calc(var(--w) * .035), calc(var(--w) * -.1)) scale(2.8);opacity:0}}.scene-life__fire{mix-blend-mode:screen;background:radial-gradient(closest-side,#ffbe50d9,#ff782859 55%,#0000);border-radius:50%;width:5%;height:7%;animation:1.6s ease-in-out infinite alternate life-fire;top:59%;left:25.5%}@keyframes life-fire{0%{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1.06)}}.scene-life__sparks{width:0;height:0;top:50.5%;left:17.5%}.scene-life__sparks>span{width:calc(var(--w) * .003);aspect-ratio:1;opacity:0;background:#ffd36a;border-radius:50%;animation:1.4s ease-out infinite life-spark;position:absolute;box-shadow:0 0 6px 2px #ffaa28cc}@keyframes life-spark{0%{opacity:1;transform:translate(0)}60%{opacity:1}to{transform:translate(calc(var(--dx) * var(--w) * .012), calc(var(--w) * .006)) translateY(calc(var(--w) * -.014));opacity:0}}.scene-life__builders{width:6%;height:4%;top:57%;left:43%;transform:translate(-50%,-50%)}.scene-life__knock{aspect-ratio:1;opacity:0;background:radial-gradient(closest-side,#fff6c8,#ffd25a99 50%,#0000);border-radius:50%;width:18%;animation:1.65s step-end infinite life-knock;position:absolute;top:20%}@keyframes life-knock{0%,to{opacity:0}8%{opacity:1;transform:scale(1.2)}14%{opacity:0}}.scene-life__dust{aspect-ratio:2;background:radial-gradient(closest-side,#ecdec4cc,#ecdec400);border-radius:50%;width:45%;animation:2.6s ease-out infinite life-dust;position:absolute;bottom:-40%}@keyframes life-dust{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:translateY(-40%)scale(1.6)}}.scene-life__puff{--vx:calc((var(--w) - 100cqw) * .42);--vy:calc((var(--h) - 100cqh) * .62);left:clamp(calc(var(--vx) + 10cqw), var(--x), calc(var(--vx) + 90cqw));top:clamp(calc(var(--vy) + 18cqh), var(--y), calc(var(--vy) + 82cqh));width:0;height:0}.scene-life__puff>span{left:calc(var(--w) * -.02);top:calc(var(--w) * -.02);width:calc(var(--w) * .04);aspect-ratio:1;background:radial-gradient(closest-side,#f6ecd6f2,#ecdec480 60%,#0000);border-radius:50%;animation:1.6s ease-out forwards life-puff;position:absolute}.scene-life__puff>span:nth-child(2){animation-delay:.12s;translate:-60% 10%}.scene-life__puff>span:nth-child(3){animation-delay:.22s;translate:60% 15%}@keyframes life-puff{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:translateY(-50%)scale(1.8)}}.scene-life__shadow{background:radial-gradient(closest-side,#0f171633,#0f17161a 45%,#0f171608 75%,#0000);width:60%;height:45%;animation:70s linear infinite life-cloud;top:30%;left:-60%}.scene-life__shadow--late{animation-duration:95s;animation-delay:-40s;top:50%}.scene-life--clear .scene-life__shadow{opacity:.6;animation-duration:140s}.scene-life--night .scene-life__shadow{display:none}@keyframes life-cloud{to{transform:translate(300%)}}.scene img.scene-life__sprite{object-fit:fill;width:auto;inset:auto}.scene img.scene-life__palm{height:11%;bottom:34%;left:89.5%;transform:translate(-50%)}.scene-life__window{mix-blend-mode:screen;background:radial-gradient(closest-side,#ffc45c8c,#ffaa3c2e 60%,#0000);border-radius:40%;animation:6s ease-in-out infinite life-flicker}@keyframes life-flicker{0%,to{transform:scale(1)}40%{transform:scale(1.06)}46%{transform:scale(.94)}52%{transform:scale(1.03)}}.scene-life__firefly{aspect-ratio:1;background:#fff3a8;border-radius:50%;width:.7%;animation:8s ease-in-out infinite life-firefly;box-shadow:0 0 10px 4px #ffec78cc}@keyframes life-firefly{0%,to{opacity:0;transform:translate(0)}20%{opacity:1}45%{opacity:.2;transform:translate(1.4vmin,-1.8vmin)}65%{opacity:1;transform:translate(-1vmin,-2.6vmin)}85%{opacity:0}}.scene-life__tint{mix-blend-mode:soft-light;background:linear-gradient(#ff9646e6,#e66e3c80);position:absolute;inset:0}.scene-life__rain{position:absolute;inset:0;overflow:hidden}.scene-life--storm .scene-life__rain{background:#0f171638}.scene-life__drops{background-image:url(/scenes/life/rain-near.svg);animation:.5s linear infinite life-rain;position:absolute;inset:-30% -20%;transform:rotate(8deg)}.scene-life__drops--far{background-image:url(/scenes/life/rain-far.svg);animation-duration:.9s}.scene-life--storm .scene-life__drops{animation-duration:.32s}@keyframes life-rain{0%{transform:rotate(8deg)translateY(0)}to{transform:rotate(8deg)translateY(160px)}}.scene-life__flash{opacity:0;mix-blend-mode:screen;background:#f4f1e4;animation:13s linear infinite life-flash;position:absolute;inset:0}@keyframes life-flash{0%,61%,63.5%,to{opacity:0}61.5%{opacity:.55}62.3%{opacity:.1}62.8%{opacity:.4}}.screen.sea>.scene .scene-life{display:none}@media (prefers-reduced-motion:reduce){.scene-life__glint,.scene-life__sky,.scene-life__star,.scene-life__bird,.scene-life__smoke,.scene-life__sparks,.scene-life__builders,.scene-life__puff,.scene-life__shadow,.scene-life__firefly,.scene-life__rain,.scene-life__flash{display:none}.scene-life__window{animation:none}.scene-life__sprite{display:none}}.action-burst{z-index:50;pointer-events:none;position:fixed;inset:0;overflow:hidden}.action-burst__icon{filter:drop-shadow(0 2px #0f171659);width:30px;height:30px;position:absolute;top:-15px;left:-15px}:root{--clay:#c9733f;--sand:#e6d2a2}.screen.sea{background:var(--deep-teal)}.small{font-size:var(--text-sm)}.small p,p.small,.ui-card p{margin:0}.kicker{color:var(--vermilion)}.muted{color:var(--text-muted)}.error{color:var(--vermilion-deep);margin:0;font-weight:600}.stack{gap:var(--space-3);display:grid}.pad{padding:var(--space-3)}.lead{font-size:var(--text-md);margin:0}.link{color:var(--ink);font:500 var(--text-sm) var(--font-body);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 0;text-decoration:underline}.link:disabled{color:var(--text-muted);cursor:default;text-decoration:none}.link:focus-visible{outline:2.5px solid var(--focus-inset);outline-offset:2px}.row-links{justify-content:space-between;gap:var(--space-3);display:flex}.field{gap:5px;display:grid}.field input{border:2px solid var(--ink);border-radius:var(--radius-cell);width:100%;min-height:48px;box-shadow:inset 0 0 0 2px var(--cream);color:var(--ink);font:400 17px var(--font-body);background:#fbf4e2;padding:10px 14px}.field input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.field input.code{font:500 26px var(--font-number);letter-spacing:.3em;text-align:center}.brand{background:var(--surface-card);border:var(--rule) solid var(--rule-color);border-radius:var(--radius-card);box-shadow:var(--outline), var(--lift);justify-self:start;padding:8px 14px 10px;display:grid}.brand .ui-label{color:var(--vermilion)}.brand h1{font:600 var(--text-2xl) / 1.05 var(--font-label);letter-spacing:.02em;text-transform:uppercase;margin:0}.brand__pitch{max-width:34ch;font-size:var(--text-sm);color:var(--text-muted);margin:4px 0 0}.sign-in-screen .ui-hud__top{align-items:flex-start}.portraits{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,132px));justify-content:center;display:grid}.portraits .ui-portrait__name{font-size:var(--text-md);padding:6px 12px}.portraits .ui-octagon__art img{object-position:50% 28%}.portraits div.ui-portrait{opacity:.8}.settler-form .blurb{padding:var(--space-3) var(--space-3) var(--space-2)}.settler-form .ui-list{border-block:var(--rule) solid var(--rule-color);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.settler-form .ui-list__row:not(:has(>.ui-list__button)){flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px}.settler-form .ui-list__row+.ui-list__row{border-top:0;border-left:var(--rule) solid var(--rule-color)}.settler-form .ui-list__icon{display:none}.settler-form .ui-list__label{font-size:var(--text-sm)}.settler-form .ui-choices__cell{flex-direction:row;min-height:48px}.job-note{margin:0}.settler-card .ui-card__actions{padding:10px 12px}.settler-name input{min-height:44px}.settler-pick{justify-items:center;gap:var(--space-5);display:grid}@media (width>=720px),(width>=560px) and (height<=500px) and (orientation:landscape){.settler-screen .ui-hud__aside{place-self:center end}.portraits{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,200px))}.portraits .ui-portrait__name{font-size:var(--text-lg)}}.avatar{cursor:pointer;filter:drop-shadow(0 4px 8px #0f171659);background:0 0;border:0;width:48px;height:48px;margin-left:auto;padding:0}.avatar>.ui-octagon{width:100%;height:100%;padding:2px}.avatar .ui-octagon__ring{padding:2px}.avatar img{object-fit:cover;object-position:50% 25%;width:100%;height:100%}.avatar:focus-visible{outline:3px solid var(--focus);outline-offset:4px}@media (width>=560px) and (height<=500px) and (orientation:landscape){.sky-bar:not(.sky-bar--storm)>.ui-chip__text:not(.ui-chip__text--then),.sky-bar .ui-chip__text--then .ui-muted{display:none}.sky-bar:not(.sky-bar--storm)>.ui-chip__text--then{border-left:0}.avatar{width:40px;height:40px}}.plot-card .ui-card__summary{font-size:var(--text-sm)}@media (width>=720px),(width>=560px) and (height<=500px) and (orientation:landscape){.plot-screen .ui-hud__aside{width:min(100%, var(--aside-width))}.plot-screen .ui-hud__aside>*{width:100%}}.scrim{z-index:10;padding:calc(var(--outline-reach) + max(var(--space-4), env(safe-area-inset-top))) calc(var(--outline-reach) + max(var(--space-4), env(safe-area-inset-right))) calc(var(--outline-reach) + max(var(--space-4), env(safe-area-inset-bottom))) calc(var(--outline-reach) + max(var(--space-4), env(safe-area-inset-left)));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f1716a8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scrim>[role=dialog]{flex-direction:column;width:100%;min-height:0;max-height:100%;display:flex}.scrim>[role=dialog]>.ui-card{flex-direction:column;min-height:0;display:flex}.scrim>[role=dialog]>.ui-card>*{flex:none}.scrim>[role=dialog]>.ui-card>.ui-card__body{overscroll-behavior:contain;flex:0 auto;min-height:0;overflow:auto}.account{max-width:400px}@media (width>=1280px) and (height>=700px){.account{max-width:460px}.scrim>.forecast{max-width:520px}}@media (width>=1600px) and (height>=860px){.scrim{zoom:1.15}}@media (width>=2200px) and (height>=1150px){.scrim{zoom:1.4}}.account-actions{display:grid}.account-actions>.ui-pill{border:0;border-top:1px solid color-mix(in srgb, var(--rule-color) 30%, transparent);min-width:0;min-height:44px;box-shadow:none;font-size:var(--text-md);background:0 0;border-radius:0;justify-content:flex-start;gap:12px;padding:0 4px}.account-actions>.ui-pill:after{content:"";border-top:2px solid;border-right:2px solid;width:8px;height:8px;margin-left:auto;margin-right:6px;transform:rotate(45deg)}.account-who .ui-badge:first-child{text-transform:none;letter-spacing:0}.account .ui-card__end{padding-right:6px}.account-head{align-items:center;gap:14px;display:flex}.account-head img{object-fit:cover;border:2px solid var(--ink);border-radius:var(--radius-cell);width:72px;height:96px}.account-head>div{display:grid}.account-head h2{font:600 var(--text-xl) / 1.1 var(--font-label);letter-spacing:.03em;text-transform:uppercase;margin:0}.sub{color:var(--text-muted);font-size:var(--text-sm)}.screen.sea>.scene img{filter:blur(6px)saturate(.85)brightness(.8);transform:scale(1.04)}.screen.sea>.scene:after{content:"";background:#173c3a66;position:absolute;inset:0}.map-screen{--map-gap:calc(var(--gap) + var(--outline-reach));gap:var(--map-gap);padding:calc(var(--outline-reach) + max(var(--gap), env(safe-area-inset-top))) calc(var(--outline-reach) + max(var(--gap), env(safe-area-inset-right))) calc(var(--outline-reach) + max(var(--gap), env(safe-area-inset-bottom))) calc(var(--outline-reach) + max(var(--gap), env(safe-area-inset-left)));grid-template:"head""map"minmax(0,1fr)"tabs"/minmax(0,1fr);display:grid;position:absolute;inset:0}.map-screen.claim{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"head""map"}.map-side{display:contents}.map-head{grid-area:head}.map-head .ui-card__body{gap:6px;display:grid}.map-head .ui-card__end{padding-right:6px}.map-head__banner{object-fit:cover;object-position:50% 45%;border:1.5px solid var(--ink);border-radius:10px;width:100%;height:96px;display:block}.plot-info__banner{object-fit:cover;border-bottom:var(--rule) solid var(--rule-color);width:100%;height:120px;display:block}.map-scroll-wrap{min-height:0;margin:calc(-1 * var(--outline-reach));grid-area:map;position:relative}.map-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:var(--sheet-h,0px);scroll-padding-bottom:calc(var(--sheet-h,0px) + var(--gap));place-items:center;display:grid;position:absolute;inset:0;overflow:auto}.map-sheet{z-index:1;grid-area:map;align-self:end}.map-screen>.ui-tabbar{grid-area:tabs}.map-screen>.ui-hud__bar{grid-area:bar}.map-foot-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 4px;display:flex}@media (width<=559px),(width<=719px) and (orientation:portrait),(width<=719px) and (height>=501px){.map-scroll:not(.zoomed) .island{width:100%;height:auto;max-height:none}.map-head__banner{height:72px}}@media (width<=559px) and (height<=600px),(width<=719px) and (orientation:portrait) and (height<=600px),(width<=719px) and (height>=501px) and (height<=600px){.map-head__banner{display:none}}@media (width>=720px),(width>=560px) and (height<=500px) and (orientation:landscape){.map-screen{grid-template-columns:minmax(0, 1fr) minmax(0, var(--panel-width));grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"bar bar""map side""tabs tabs";column-gap:32px}.map-screen.claim{grid-template-rows:minmax(0,1fr);grid-template-areas:"map side"}.map-screen.view:not(:has(>.ui-hud__bar)){grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"map side""tabs tabs"}.map-side{gap:var(--map-gap);overscroll-behavior:contain;min-height:0;max-height:100%;padding:var(--outline-reach);margin:calc(-1 * var(--outline-reach));flex-direction:column;grid-area:side;align-self:start;display:flex;overflow:auto}.map-side>*{flex:none}.map-sheet{z-index:auto}.map-scroll{padding-bottom:0;scroll-padding-bottom:0}.map-screen>.ui-tabbar{justify-self:center}.map-head__banner{height:150px}}@media (width>=1280px){.map-screen.view .map-side{grid-row:2/4}.map-screen.view:not(:has(>.ui-hud__bar)) .map-side{grid-row:1/3}}@media (width>=560px) and (height<=500px) and (orientation:landscape){.map-screen{--map-gap:calc(8px + var(--outline-reach));grid-template-columns:auto minmax(0, 1fr) minmax(0, var(--panel-width));column-gap:var(--map-gap);padding-top:calc(var(--outline-reach) + max(8px, env(safe-area-inset-top)));padding-bottom:calc(var(--outline-reach) + max(8px, env(safe-area-inset-bottom)));grid-template-rows:auto minmax(0,1fr);grid-template-areas:"tabs bar bar""tabs map side"}.map-screen.view:not(:has(>.ui-hud__bar)){grid-template-rows:minmax(0,1fr);grid-template-areas:"tabs map side"}.map-screen.claim{grid-template-columns:minmax(0, 1fr) minmax(0, var(--panel-width));grid-template-rows:minmax(0,1fr);grid-template-areas:"map side"}.map-screen>.ui-tabbar{justify-self:stretch}.map-screen .map-head__banner,.map-screen .plot-info__banner{display:none}}@media (width>=720px) and (width<=1023px) and (orientation:portrait) and (height>=900px){.map-screen{grid-template:"bar""map"minmax(0,1fr)"side""tabs"/minmax(0,1fr)}.map-screen.claim{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"map""side"}.map-screen.view:not(:has(>.ui-hud__bar)){grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"map""side""tabs"}.map-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;max-height:40vh;display:grid}.map-side>*{grid-area:auto}.map-side>:only-child{grid-column:1/-1}}@media (width>=1600px) and (height>=860px){.map-screen>.ui-hud__bar,.map-side,.map-screen>.ui-tabbar{zoom:1.15}.map-screen{grid-template-columns:minmax(0, 1fr) minmax(0, calc(var(--panel-width) * 1.15))}}@media (width>=2200px) and (height>=1150px){.map-screen>.ui-hud__bar,.map-side,.map-screen>.ui-tabbar{zoom:1.4}.map-screen{grid-template-columns:minmax(0, 1fr) minmax(0, calc(var(--panel-width) * 1.4))}}.legend{font-size:var(--text-sm);flex-wrap:wrap;gap:4px 12px;margin:2px 0 0;padding:0;list-style:none;display:flex}.legend li{align-items:center;gap:5px;display:inline-flex}.swatch{border:1.5px solid var(--ink);background-position:50%;background-size:300%;border-radius:4px;flex:none;place-items:center;width:14px;height:14px;display:inline-grid}.swatch.bamboo{background-color:var(--leaf)}.swatch.clay{background-color:var(--clay)}.swatch.scrap{background-color:var(--concrete)}.swatch.lowland{background:repeating-linear-gradient(0deg, var(--verdigris) 0 2px, var(--cream) 2px 4px)}.swatch-you,.swatch-banner{width:15px;height:15px;stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;flex:none}.swatch-you circle,.plot .you{fill:var(--vermilion)}.plot .you{stroke-width:2.2px}.plot.mine .tile{stroke:var(--vermilion);stroke-width:3.5px}.swatch-banner .pole,.plot .banner .pole{fill:none}.farmer .flag{fill:var(--leaf)}.builder .flag{fill:var(--clay)}.engineer .flag{fill:var(--sea-glass)}.trader .flag{fill:var(--ochre)}.island{width:100%;height:100%;max-height:100%;display:block}.map-scroll.zoomed{place-items:start}.map-scroll.zoomed .island{width:900px;max-width:none;height:auto;max-height:none}.island .shore-surf{fill:var(--sea-glass);opacity:.2}.island .shore-ink{fill:var(--ink)}.island .shore-sand{fill:var(--sand)}.plot{cursor:pointer;outline:none}.plot .tile{stroke:var(--ink);stroke-width:1.6px}.plot.bamboo .tile{fill:var(--leaf)}.plot.clay .tile{fill:var(--clay)}.plot.scrap .tile{fill:var(--concrete)}.plot.taken .tile,.plot.mine .tile{filter:saturate(.5)brightness(.72)}.plot .clearing{fill:var(--sand);opacity:.85}.plot .tent{fill:var(--cream);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;pointer-events:none}.plot.mine .tent{fill:var(--vermilion)}.plot .home{filter:drop-shadow(0 1.5px #0f17168c)}.plot .banner,.plot .you{stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round}.selection rect{fill:none}.selection .ring-ink{stroke:var(--ink);stroke-width:10px}.selection .ring-cream{stroke:var(--vermilion);stroke-width:5px}.plot:hover .tile,.plot:focus-visible .tile{stroke-width:3.5px}.plot:focus-visible .tile{stroke:var(--ochre)}@media (width<=559px) and (height<=700px),(width<=719px) and (orientation:portrait) and (height<=700px),(width<=719px) and (height>=501px) and (height<=700px){.portraits{grid-template-columns:repeat(2,minmax(0,100px))}}.panel-stack{gap:calc(var(--gap) + var(--outline-reach));padding:var(--outline-reach);margin:calc(-1 * var(--outline-reach));flex-direction:column;display:flex}.panel-stack>*{flex:none}.work-head{align-items:center;gap:var(--space-1);border-bottom:var(--rule) solid var(--rule-color);padding:7px 6px 7px 7px;display:flex}.work-head .ui-segmented{min-width:0;box-shadow:none;flex:auto}.work-head .ui-segmented__cell{min-height:36px}.work-head .gather-storage,.work-head .buildings-count{white-space:nowrap;flex:none;margin-left:auto}@media (width<=399px){.work-head .ui-segmented .ui-icon{display:none}}.work-body{padding:10px 12px 12px}.gather-row{align-items:center;gap:var(--space-2);display:flex}.gather-row>.ui-pill{flex:1}.gather-row .gather-go{white-space:nowrap;padding:0 14px}.gather-status{min-height:1.3em}.gather-stamina{margin-top:calc(-1 * var(--space-1))}.gathered strong{font-size:var(--text-md)}.gather-storage{font:500 var(--text-sm) var(--font-number)}.gather-storage__label{font:600 var(--text-xs) var(--font-label);letter-spacing:var(--label-tracking);text-transform:uppercase}.gather-status:empty{display:none}.gather-card .ui-choices__cell{min-height:56px}@media (width<=559px) and (height<=600px){.gather-card .ui-choices__cell{flex-direction:row;min-height:44px}}.tiles{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.power-card .outlook{border-top:var(--rule) solid var(--rule-color)}.roof-card .ui-card__summary{font-size:var(--text-sm)}@media (width>=720px),(width>=560px) and (height<=500px) and (orientation:landscape){.power-screen .ui-hud__aside{width:min(100%,400px)}.power-screen .ui-hud__aside>*{width:100%}}.exchange-screen .ui-hud__panel>.exchange-card{flex-direction:column;display:flex;overflow:hidden}.exchange-card>*{flex:none}.exchange-card>.ui-card__body,.exchange-body{flex-direction:column;flex:auto;min-height:0;display:flex}.exchange-prices{overscroll-behavior:contain;flex:auto;min-height:132px;overflow:auto}.exchange-card .exchange-trade{border-top:var(--rule) solid var(--rule-color);flex:none}.exchange-row{align-items:center;gap:var(--space-2);display:flex}.exchange-row>.ui-pill,.exchange-row>.exchange-go{flex:1;min-width:0}.exchange-go{gap:var(--space-2);grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid}.exchange-go .ui-pill{white-space:nowrap;padding:0 10px}.exchange-back{border:0;border-bottom:var(--rule) solid var(--rule-color);width:100%;min-height:36px;color:var(--text);font:600 var(--text-sm) var(--font-label);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:4px;padding:0 12px;display:flex}.exchange-back:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.exchange-card:not(.exchange-card--prices) .exchange-body{overscroll-behavior:contain;overflow:auto}@media (width>=720px),(width>=560px) and (height<=500px) and (orientation:landscape){.exchange-screen .ui-hud__aside,.power-screen .ui-hud__aside,.commons-screen .ui-hud__aside{justify-self:end}.exchange-screen .ui-hud__aside{width:min(100%,380px)}.exchange-screen .ui-hud__aside>*{width:100%}.plot-screen,.exchange-screen{--aside-width:380px}.power-screen,.commons-screen{--aside-width:400px}.exchange-screen .ui-hud__tip,.power-screen .ui-hud__tip,.commons-screen .ui-hud__tip{justify-self:end}}@media (width>=1280px){.plot-screen{--aside-width:430px}}.exchange-status:empty{display:none}.exchange-limits{margin-top:calc(-1 * var(--space-1))}.exchange-actions{gap:var(--space-2);display:grid}.exchange-done{margin:0}.exchange-done:empty{display:none}.live-label{font:600 var(--text-xs) / 1 var(--font-label);letter-spacing:var(--label-tracking);text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.traded strong{font-size:var(--text-md)}.home-card__left{min-width:0;font:600 var(--text-sm) / 1 var(--font-body);letter-spacing:0;text-transform:none;align-items:center;gap:8px;display:flex;overflow:hidden}.home-card .ui-card__end{min-width:0}.home-card__need{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.home-card__headline{font:500 var(--text-sm) var(--font-number)}.home-hero{align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);display:flex}.home-hero__art{object-fit:contain;flex:none;width:68px;height:auto;max-height:60px}.home-hero__text .muted{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.home-hero__icon{margin:0 var(--space-3);flex:none}.home-hero__text{gap:2px;display:grid}.home-hero__text p:first-child{font:600 var(--text-md) / 1.15 var(--font-label);letter-spacing:var(--label-tracking);text-transform:uppercase}.home-progress{padding-top:0}.home-card .ui-list{border-top:var(--rule) solid var(--rule-color)}.home-card .ui-list__row:has(.need-go) .ui-list__value{display:none}.home-card .ui-list__label{min-width:84px}.home-done{color:var(--verdigris)}.home-status{padding-top:var(--space-2)}.home-status p:empty{display:none}.plot-tab .ui-hud__aside{overscroll-behavior:contain;min-height:0;padding:var(--outline-reach);margin:calc(-1 * var(--outline-reach));flex:0 100 auto;overflow:auto}.plot-tab .ui-hud__aside>*{flex:none}@media (width>=720px),(width>=560px) and (height<=500px) and (orientation:landscape){.plot-tab .ui-hud__aside{max-height:calc(100% + 2 * var(--outline-reach))}@supports (animation-timeline:scroll()){.plot-tab .ui-hud__aside{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent);animation:linear both ui-fade-edges;animation-timeline:scroll(self)}}}.commons-screen .ui-hud__panel>.commons-card{flex-direction:column;display:flex;overflow:hidden}.commons-card>*{flex:none}.commons-card>.ui-card__body,.commons-body{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:auto}.commons-projects .ui-list__icon.ui-art,.commons-chosen .ui-list__icon.ui-art{border:var(--rule) solid var(--ink);object-fit:cover;border-radius:6px;width:48px;height:32px}.commons-banner{border-bottom:var(--rule) solid var(--rule-color);object-fit:cover;width:100%;height:132px;display:block}.commons-needs,.commons-give,.commons-banners,.commons-standings{border-top:var(--rule) solid var(--rule-color)}.commons-give .exchange-row{flex-wrap:wrap}.commons-go{white-space:nowrap;flex:160px;min-width:0}.commons-needs .ui-list__row--selected{box-shadow:inset 4px 0 0 var(--action)}.commons-give{z-index:1;padding-block:var(--space-2) var(--space-3);background:var(--surface-card);position:sticky;bottom:0}.commons-status{margin:0}.commons-status:empty{display:none}@supports (animation-timeline:scroll()){:is(.ui-card__body:has(.commons-give),.commons-body:has(.commons-give)){-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000);mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000)}}.commons-standings__title{padding:var(--space-2) var(--space-3) 2px;font:700 var(--text-md) / 1.2 var(--font-label);letter-spacing:var(--label-tracking);text-transform:uppercase;align-items:center;gap:10px;margin:0;display:flex}.commons-standings__title:after{content:"";border-top:var(--rule) solid var(--rule-color);flex:1}.ui-section-title.commons-standings__title:after{display:none}.commons-standings__me{border-top:var(--rule) solid var(--rule-color);background:var(--surface-selected)}.commons-banners__list{font-size:var(--text-sm);flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;list-style:none;display:flex}.commons-banners__list li{align-items:center;gap:4px;display:inline-flex}@media (width>=720px),(width>=560px) and (height<=500px) and (orientation:landscape){.commons-screen .ui-hud__aside{width:min(100%,400px);min-height:0;max-height:100%}.commons-screen .ui-hud__aside>.commons-project-card{flex-direction:column;width:100%;min-height:0;display:flex;overflow:hidden}.commons-project-card>.ui-card__body{overscroll-behavior:contain;min-height:0;overflow:auto}}.buildings-count{font:500 var(--text-sm) var(--font-number)}.buildings-card .work-head+.ui-list{border-top:0}.buildings-card .ui-list__end .ui-pill{min-width:84px}.building-note{gap:4px;display:grid}.building-note .ui-meter{max-width:180px}.building-form{border-top:var(--rule) solid var(--rule-color);padding-top:var(--space-3)}.building-form__row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.building-form__row>.ui-pill{flex:1}.building-go--ready{z-index:1;margin-top:calc(-1 * var(--rule));border-top:var(--rule) solid var(--rule-color);background:var(--surface-card);position:sticky;bottom:0}@supports (animation-timeline:scroll()){.ui-card__body:has(.building-go--ready){-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000);mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000)}}.building-form__go{white-space:nowrap;flex:auto;padding:0 14px}.buildings-card .ui-choices__cell{min-height:56px}.buildings-status{min-height:1.3em;padding-top:var(--space-2)}.buildings-status:empty{display:none}.forecast{max-width:440px}.forecast .ui-card__end{padding-right:6px}.forecast .ui-list{border-top:var(--rule) solid var(--rule-color)}.forecast .pad{padding-top:var(--space-3);border-top:var(--rule) solid var(--rule-color)}.storm-notice p{font-size:var(--text-sm)}.weather-banner{object-fit:cover;width:100%;height:120px;display:block}.storm-notice .weather-banner{border-bottom:var(--rule) solid var(--rule-color);height:56px}@media (width>=720px),(width>=560px) and (height<=500px) and (orientation:landscape){.storm-notice .weather-banner{height:120px}}.storm-notice__body{padding:12px 14px}.forecast-days .ui-list__icon.ui-art{border:var(--rule) solid var(--ink);object-fit:cover;border-radius:6px;width:48px;height:32px}.kitchen-notice p{font-size:var(--text-sm)}.kitchen-notice .ui-pill,.kitchen .ui-pill,.storm-notice .ui-pill{justify-self:start}.season-screen .ui-hud__panel>.season-card>.ui-card__body{flex-direction:column;animation:none;display:flex;overflow:hidden;-webkit-mask-image:none;mask-image:none}.season-switch{gap:var(--space-2);border-bottom:var(--rule) solid var(--rule-color);flex:none;padding:8px 10px;display:grid}.season-body{overscroll-behavior:contain;flex:0 auto;min-height:0;overflow:auto}.season-sub{box-shadow:none}.season-sub .ui-segmented__cell{min-height:34px;font-size:var(--text-sm)}.season-sub .ui-segmented__cell[aria-checked=true]{background:var(--surface-selected)}@media (width<=559px),(width<=719px) and (orientation:portrait),(width<=719px) and (height>=501px){.season-screen .ui-hud__spacer{display:none}.season-screen .ui-hud__panel{flex:1 1 0}}.season-what{margin:0;padding-bottom:0}.season-section{border-top:var(--rule) solid var(--rule-color)}.season-body>.season-section:first-child{border-top:0}.season-section+.season-story,.season-section .commons-banner{border-top:var(--rule) solid var(--rule-color)}.season-story p,.season-section p{margin:0}.season-section>.commons-standings__title{color:var(--text);font-size:var(--text-md)}.season-subhead{border-top:var(--rule) solid var(--rule-color);color:var(--text-muted);font:600 var(--text-xs) / 1.2 var(--font-label);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0;padding:10px 12px 4px}.season-subhead+.ui-list{border-top:0}.commons-standings__title+.season-subhead{border-top:0;padding-top:4px}.season-story .ui-list__icon.ui-art{border:var(--rule) solid var(--ink);object-fit:cover;border-radius:6px;width:48px;height:32px}@media (width>=720px),(width>=560px) and (height<=500px) and (orientation:landscape){.season-end-screen .ui-hud__panel{grid-area:2/1/-2/-1;justify-self:center;width:min(100%,640px)}}.season-body>.pad:empty{display:none}.season-yours{padding:var(--space-2) var(--space-3);border:var(--rule) solid var(--rule-color);border-radius:var(--radius-cell);background:var(--surface-sunk,transparent);font-weight:600}.guide__now{gap:var(--space-2)}.guide__title{align-items:center;gap:var(--space-2);font:700 var(--text-lg) / 1.1 var(--font-label);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0;display:flex}.guide__num,.guide__mark{border:var(--rule) solid var(--rule-color);width:24px;height:24px;font-size:var(--text-xs);border-radius:50%;flex:none;place-items:center;display:inline-grid}.guide__num{background:var(--action)}.guide__why--short{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.guide__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.guide__actions .guide__more{margin-left:auto;padding:8px 0 8px 8px}.guide--compact .guide__now{padding-block:var(--space-2) var(--space-3)}.guide__list{padding:var(--space-2) var(--space-3);border-top:var(--rule) solid var(--rule-color);font-size:var(--text-sm);gap:2px;margin:0;list-style:none;display:grid}.guide__item{align-items:center;gap:var(--space-2);min-height:28px;display:flex}.guide__item--done{color:var(--text-muted);text-decoration:line-through}.guide__item--done .guide__mark{background:var(--leaf);color:var(--cream);text-decoration:none}.guide__item--now{font-weight:700}.guide__item--now .guide__mark{background:var(--action)}.guide__foot{justify-content:space-between;gap:var(--space-3);padding:0 var(--space-3);border-top:var(--rule) solid var(--rule-color);background:var(--surface-sunk);display:flex}.how-to__banner{object-fit:cover;object-position:50% 40%;border-bottom:var(--rule) solid var(--rule-color);width:100%;height:140px;display:block}.how-to{max-width:480px}.how-to .ui-card__end{padding-right:6px}.how-to h3{font:700 var(--text-md) / 1.2 var(--font-label);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0 0 2px}.how-to__key{border-bottom:var(--rule) solid var(--rule-color);background:var(--surface-sunk)}.how-to__key ul{gap:var(--space-2);margin:var(--space-2) 0 0;font-size:var(--text-sm);padding:0;list-style:none;display:grid}.how-to__key li{align-items:flex-start;gap:var(--space-2);display:flex}.how-to__key li>svg{flex:none;margin-top:1px}.how-to__topics{margin:0;padding:0;list-style:none}.how-to__topics li{gap:var(--space-2);padding:var(--space-2) var(--space-3);display:flex}.how-to__topics li+li{border-top:var(--rule) solid var(--rule-color)}.how-to__icon{flex:none;margin-top:2px}@media (width>=900px) and (height>=640px){.how-to{max-width:820px}.how-to__topics{grid-template-columns:1fr 1fr;display:grid}.how-to__topics li+li{border-top:0}.how-to__topics li:nth-child(n+3){border-top:var(--rule) solid var(--rule-color)}.how-to__topics li:nth-child(2n){border-left:var(--rule) solid var(--rule-color)}}@media (width<=559px),(width<=719px) and (orientation:portrait),(width<=719px) and (height>=501px){.plot-tab .ui-hud__spacer{display:none}.plot-tab .ui-hud__middle{gap:var(--hud-gap);overscroll-behavior:contain;pointer-events:auto;--column-fade:var(--gap);min-height:0;padding:var(--hud-gap) var(--outline-reach);margin:calc(-1 * var(--hud-gap)) calc(-1 * var(--outline-reach));-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--column-fade), #000 calc(100% - var(--column-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--column-fade), #000 calc(100% - var(--column-fade)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--column-fade), #000 calc(100% - var(--column-fade)), transparent);flex-direction:column;flex:1 1 0;display:flex;overflow-y:auto}.plot-tab .ui-hud__middle>:first-child>:first-child{margin-top:auto}.plot-tab .ui-hud__middle{scroll-snap-type:y proximity;scroll-padding-top:var(--hud-gap)}.plot-tab .ui-hud__aside>.ui-card,.plot-tab .ui-hud__aside>.next-step,.plot-tab .ui-hud__panel>.ui-card{scroll-snap-align:start}.plot-tab .ui-hud__aside{display:contents}.plot-tab .ui-hud__panel{flex:none;order:1}.plot-tab .ui-hud__panel>*{overflow:visible}.plot-tab .ui-hud__aside>.fold-row{order:2;justify-content:center}}.buildings-card .ui-list__icon,.plot-card .ui-list__icon,.plot-info .ui-list__icon{width:36px}.buildings-card .ui-list__icon.ui-art,.plot-card .ui-list__icon.ui-art,.plot-info .ui-list__icon.ui-art{height:32px}.plot-info .ui-list__icon.ui-art{border-radius:6px}.exchange-tip{padding-block:var(--space-2);border-bottom:var(--rule) solid var(--rule-color);flex:none}.archive-head .link{justify-self:start}.archive-head p{margin:0}.next-step{background:var(--surface-card);color:var(--text);border:var(--rule) solid var(--rule-color);border-radius:var(--radius-card);box-shadow:var(--outline), var(--lift-sm);font-family:var(--font-body);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon text tools""row row row""go go go";align-items:center;gap:6px 10px;padding:7px 8px;display:grid}.next-step__icon{border:var(--rule) solid var(--rule-color);background:var(--surface-selected);border-radius:10px;grid-area:icon;align-self:start;place-items:center;width:34px;height:34px;display:grid}.next-step--now .next-step__icon{background:var(--action)}.next-step__text{grid-area:text;gap:1px;min-width:0;display:grid}.next-step__text p{margin:0}.next-step__kicker{min-width:0;font:700 var(--text-2xs) / 1.2 var(--font-label);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--vermilion-deep);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:flex;overflow:hidden}.next-step__kicker--done{color:var(--text)}.next-step__kicker--done .ui-icon{color:var(--leaf);flex:none}.next-step__title{-webkit-line-clamp:2;font:700 22px / 1.05 var(--font-label);letter-spacing:.02em;text-transform:uppercase;text-wrap:pretty;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.next-step__note{-webkit-line-clamp:2;font-size:var(--text-xs);color:var(--text-muted);-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.next-step__go{white-space:nowrap;text-overflow:ellipsis;grid-area:go;max-width:100%;overflow:hidden}.next-step__tools{grid-area:tools;align-self:start;align-items:center;margin-right:-4px;display:flex}.next-step__tools .ui-icon-button,.guide-row__close.ui-icon-button,.work-fold.ui-icon-button{width:30px;height:30px;box-shadow:none;background:0 0;border:0}.guide-row{border-top:var(--rule) solid var(--rule-color);grid-area:row;gap:6px;padding-top:6px;display:grid}.guide-row__head{align-items:center;gap:6px;display:flex}.guide-row__label{font:700 var(--text-2xs) / 1 var(--font-label);letter-spacing:var(--label-tracking);color:var(--text-muted)}.guide-row__steps{flex-wrap:wrap;flex:auto;gap:6px;margin:0;padding:3px;list-style:none;display:flex}.guide-row__steps>li{display:flex}.guide-row__step{border:var(--rule) solid var(--rule-color);background:var(--surface-card);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.guide-row__step.is-done{background:var(--surface-selected);color:var(--text)}.guide-row__step.is-next{background:var(--action);color:var(--text)}.guide-row__step.is-shown{outline:2.5px solid var(--ink);outline-offset:2px;transform:translateY(-1px)}.guide-row__steps:not(:has(.is-shown)) .guide-row__step.is-next{outline:2.5px solid var(--ink);outline-offset:2px;transform:translateY(-1px)}.guide-row__tick{background:var(--leaf);width:14px;height:14px;color:var(--cream);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.guide-row__note{font-size:var(--text-xs);margin:0;line-height:1.35}.guide-row__actions{gap:6px;display:flex}.next-step-fab{border:var(--rule) solid var(--rule-color);background:var(--ochre);width:46px;height:46px;color:var(--text);box-shadow:var(--outline), var(--lift-sm);cursor:pointer;border-radius:50%;align-self:flex-start;place-items:center;padding:0;display:grid;position:relative}.next-step-fab--now{background:var(--action)}.next-step-fab__dot{border:2px solid var(--surface-card);background:var(--vermilion-deep);border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:-2px}@media (width>=720px) and (height>=600px){.next-step{padding:8px 10px}.next-step__note{-webkit-line-clamp:2}}@media (width<=559px) and (height<=600px){.next-step__note,.next-step__icon,.next-step__kicker:not(.next-step__kicker--done):not(.error){display:none}.next-step{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text tools""go go""row row";padding:4px 6px 6px 12px}.next-step__title{-webkit-line-clamp:1}}@media (width>=560px) and (height<=500px) and (orientation:landscape){.next-step__note{display:none}}.needs{border-top:var(--rule) solid var(--rule-color);border-bottom:var(--rule) solid var(--rule-color)}.needs--inset{border:var(--rule) solid var(--rule-color);border-radius:var(--radius-cell);overflow:hidden}.need-missing{color:var(--vermilion-deep);font-weight:600}.need-done{color:var(--leaf)}.need-go{min-width:64px}.need-go,.need-buy{padding-inline:12px}@media (width<=559px){.needs .ui-list__row:has(.need-buy) .ui-list__value{display:none}}.need-deliver~.need-buy{display:none}.home-card .ui-list__row:has(.need-deliver+.need-go) .ui-list__value{display:none}.ui-list__note{overflow-wrap:anywhere}@media (width<=400px){.need-go{min-width:0}.need-go,.need-buy{padding-inline:9px}}.building-clear{margin-left:4px}.building-form>.pad:first-child{padding-top:0}.gather-rate.ui-badges{margin-top:0}.gather-tool--none{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gather-tool--none>.ui-badges{flex-basis:100%}.gather-deliver{justify-self:start}.storage-head{gap:6px;padding-top:10px;padding-bottom:10px}.storage-line{justify-content:space-between;gap:var(--space-3);margin:0;display:flex}.storage-card>.ui-list{border-top:var(--rule) solid var(--rule-color)}.storage-status:empty{display:none}.exchange-need{justify-content:space-between;align-items:center;gap:4px var(--space-3);border:var(--rule) solid var(--rule-color);border-radius:var(--radius-cell);background:var(--surface-selected);flex-wrap:wrap;margin:0;padding:6px 10px;display:flex}.exchange-go--sell .ui-pill--sell{order:-1}.exchange-go:not(.exchange-go--sell) .ui-pill--sell:not(:disabled),.exchange-go--sell .ui-pill--buy:not(:disabled){background:var(--surface-card);color:var(--text)}.move-in{max-width:440px}.move-in .ui-card__end{padding-right:6px}.move-in__art{object-fit:contain;background:var(--surface-sunk);border-bottom:var(--rule) solid var(--rule-color);width:100%;height:160px;display:block}.move-in__warning,.home-power-warning{border:var(--rule) solid var(--ink);background:var(--ochre-soft);border-radius:8px;padding:8px 10px}.move-in__actions{gap:8px;display:grid}.away-card .ui-card__end{padding-right:12px}@media (width>=560px) and (height<=500px) and (orientation:landscape){.sign-in-screen .ui-hud__bar,.settler-screen .ui-hud__bar{grid-column:1/2}.sign-in-screen .ui-hud__panel,.settler-screen .ui-hud__panel{grid-row:1/-1}.brand h1{font-size:var(--text-xl)}.settler-screen .ui-hud__aside{justify-content:center;align-self:stretch;overflow:auto}.settler-pick{gap:var(--space-3)}.portraits{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,92px))}.portraits .ui-portrait__name{font-size:var(--text-sm);padding:4px 8px}.how-to__banner,.weather-banner{display:none}.exchange-row{flex-wrap:wrap}.gather-card .ui-choices__cell,.buildings-card .ui-choices__cell{flex-direction:row;min-height:40px}.work-head{padding-block:5px}.work-head .ui-segmented__cell{min-height:32px}.work-body{padding-block:8px}.next-step__icon,.next-step__kicker:not(.next-step__kicker--done):not(.error){display:none}.next-step__title{-webkit-line-clamp:1}.next-step .next-step__go{min-height:36px}.map-side:has(.plot-info)>.map-head{display:none}div.exchange-go .ui-pill{min-width:0;font-size:var(--text-sm);letter-spacing:.02em;gap:4px;padding-inline:6px}.next-step{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text tools""go go""row row";padding:4px 6px 6px 12px}}.exchange-go{grid-template-columns:repeat(2,minmax(0,1fr))}.away-card__section{border-top:var(--rule) solid var(--ink);padding:10px 16px 2px}.home-card .ui-list__row:has(.need-deliver+.need-go){flex-wrap:wrap;row-gap:4px}.home-card .ui-list__row:has(.need-deliver+.need-go)>.ui-list__label{flex:150px}.home-card .ui-list__row:has(.need-deliver+.need-go)>.ui-list__end{margin-left:auto}.home-card__peek{border-top:var(--rule) solid var(--rule-color)}@media (width<=559px) and (height<=600px){.guide--compact .guide__now{padding-block:6px}}.top-bar{scrollbar-width:none;background:var(--surface-card);max-width:100%;color:var(--text);border:var(--rule) solid var(--rule-color);box-shadow:var(--outline), var(--lift-sm);font-family:var(--font-body);border-radius:999px;flex-flow:row;align-items:center;gap:2px;padding:3px 6px 3px 3px;display:flex;overflow-x:auto}.top-bar::-webkit-scrollbar{display:none}.top-bar>.avatar{filter:none;flex:none;width:38px;height:38px;margin:0 2px 0 0}.top-bar__item{min-width:34px;height:40px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;align-content:center;justify-items:center;gap:1px;padding:2px 3px 5px;display:grid;position:relative}.top-bar__item:not(:has(.top-bar__fill)){padding-bottom:2px}.top-bar__item.is-warn{background:var(--surface-selected)}.top-bar__item:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.top-bar__icon{border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.top-bar__icon--ochre{background:var(--ochre)}.top-bar__icon--night{background:var(--deep-teal);color:var(--cream)}.top-bar__icon--action{background:var(--action)}.top-bar__value{font:600 var(--text-xs) / 1 var(--font-number);white-space:nowrap}.top-bar__fill{background:color-mix(in srgb, var(--rule-color) 22%, transparent);border-radius:2px;height:3px;position:absolute;bottom:2px;left:6px;right:6px}.top-bar__fill>span{border-radius:inherit;background:var(--verdigris);height:100%;display:block}.top-bar__item.is-warn .top-bar__fill>span{background:var(--vermilion)}.storage-empty{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.forecast-rules{border-top:var(--rule) solid var(--rule-color);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 20px;display:grid}.facts-2col dl{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));column-gap:16px}.facts-2col .ui-facts__row+.ui-facts__row{border-top:0}.storage-head__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.storage-head__title{font:600 var(--text-sm) var(--font-label);letter-spacing:var(--label-tracking);text-transform:uppercase}.storage-head__num{font:600 var(--text-lg) var(--font-number)}.storage-head__num--full{color:var(--vermilion-deep)}.storage-head__room{font:500 var(--text-sm) var(--font-body);color:var(--text-muted)}.power-hero{align-items:center;gap:12px;display:flex}.power-hero__text{flex-direction:column;display:flex}.power-hero__label{font:600 var(--text-xs) var(--font-label);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--text-muted)}.power-hero__num{font:600 26px / 1.1 var(--font-number)}.power-hero__num small{font-size:var(--text-sm);font-weight:500}.price-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.price-row__held{text-align:right;min-width:3ch;font:500 var(--text-sm) var(--font-number);color:var(--text-muted)}.exchange-hero__each{font:600 var(--text-xs) / 1.2 var(--font-label);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--text-muted);display:block}.exchange-hero .ui-hero__art img{width:48px;height:48px}.exchange-uses{align-items:baseline;gap:10px;display:flex}.exchange-uses strong{font:700 var(--text-sm) var(--font-label);letter-spacing:var(--label-tracking);text-transform:uppercase;flex:none}.how-to__line{font:500 var(--text-sm) / 1.35 var(--font-body);margin:0}.how-to__line:empty{display:none}.ui-close,button.ui-icon-button.ui-close{box-sizing:border-box;border:var(--rule) solid var(--ink);background:var(--surface-card);width:30px;height:30px;box-shadow:none;color:var(--ink);border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.ui-card__chevron.ui-close{margin:0 10px 0 auto;padding:0}button.ui-icon-button.ui-close:before{content:"";position:absolute;inset:-7px}.exchange-go .ui-pill{flex-direction:column;justify-content:center;gap:0;min-width:0;min-height:44px;padding:2px 6px;line-height:1.05}.exchange-go .ui-pill>span{justify-items:center;display:grid}.exchange-go__side{font-size:var(--text-2xs);letter-spacing:.06em}.exchange-go__coins{font-size:var(--text-md);letter-spacing:0}.ui-card__toggle .ui-card__end+.ui-card__chevron.ui-close{margin-left:8px}
