*,:before,:after{box-sizing:border-box}button,input,select,textarea{font:inherit}@font-face{font-family:m5x7;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/m5x7.ttf)format("truetype")}:root{--color-water:#0099db;--color-water-light:#56b6f7;--color-sand:#e8d59b;--color-soil:#6b4f3a;--color-soil-dark:#4e3829;--color-grass:#6f9e4c;--color-grass-dark:#557a3a;--color-parchment:#f4ecd8;--color-ink:#2f2418;--color-coin:#d9a441;--color-outline:#3e2731;--color-wood:#c28569;--color-wood-light:#e4a672;--color-wood-dark:#a0634a;--color-panel-inner:#ead4aa;--text-timer:22px;--text-xxs:18px;--text-xs:20px;--text-sm:22px;--text-md:24px;--text-lg:32px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;-webkit-font-smoothing:none;color:var(--color-ink);font-family:m5x7,ui-sans-serif,system-ui,sans-serif}body{font-size:var(--text-md);image-rendering:pixelated;margin:0}html,body,#root{height:100%;overflow:hidden}.game{-webkit-user-select:none;user-select:none;height:100%;position:relative}.world-viewport{background-color:var(--color-water);background-image:url(/sprites/sunnyside/sea.png);background-size:calc(192px * var(--map-zoom,1));image-rendering:pixelated;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:clip}.world-viewport:active{cursor:grabbing}.world-viewport:focus-visible:not([data-pointer-focus]){outline-offset:-3px;outline:3px solid #fff}.world-viewport[data-pointer-focus]{outline:none}.world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.world-viewport[data-zoom="1"] :is(.building__label,.plot-timer,.npc-figure__name,.plot-card){visibility:hidden}.world-viewport[data-panning=true] .world{pointer-events:none}.world__scene{image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.world-viewport[data-sea=false]{background-image:none}.island-ground__tile{width:48px;height:48px;image-rendering:pixelated;background-image:url(/sprites/sunnyside/island.png);background-repeat:no-repeat;position:absolute}.island-ground__foam{animation:island-foam 1.6s steps(1) var(--foam-delay,0s) infinite}@keyframes island-foam{0%{background-position-y:var(--foam-frame-1)}50%{background-position-y:var(--foam-frame-2)}}@media (prefers-reduced-motion:reduce){.island-ground__foam{animation:none}}.farm-grid__cell{width:48px;height:48px;position:absolute}.farm-grid__cell:hover,.farm-grid__cell:focus-within{z-index:1000}.plot-timer{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.plot-timer__label{font-size:var(--text-timer);font-variant-numeric:tabular-nums;margin-bottom:1px;font-weight:400;line-height:1}.plot-timer__bar{border:2px solid var(--color-outline);background:#262b44;border-radius:2px;width:40px;height:10px;padding:1px;display:block;box-shadow:inset 0 0 0 1px #fff,0 2px #8b9bb4}.plot-timer__fill{height:100%;width:var(--progress,0%);background:#63c74d;transition:width 1s linear;display:block}.plot-card{border:3px solid var(--color-outline);background:var(--color-wood);box-shadow:inset 0 0 0 2px var(--color-wood-light), 0 3px 0 #00000040;color:var(--color-outline);white-space:nowrap;pointer-events:none;border-radius:.3rem;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .75rem .45rem;display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.farm-grid__cell:hover .plot-card,.farm-grid__cell:focus-within .plot-card{display:flex}.plot-card__name{font-size:var(--text-md);text-transform:capitalize;align-items:center;gap:.3rem;font-weight:400;display:flex}.plot-card__time{font-size:var(--text-sm);font-variant-numeric:tabular-nums}.node-layer__cell{position:absolute}.node{cursor:pointer;background:0 0;border:none;padding:0;display:block;position:relative}.node:focus-visible{outline-offset:2px;outline:3px solid #fff}.node__sprite{image-rendering:pixelated;pointer-events:none;background-repeat:no-repeat;position:absolute}.node__sprite[data-faded=true]{opacity:.7;filter:grayscale(.5)brightness(.85)}.node[data-art=hit] .node__sprite{transform-origin:50% 100%;animation:.22s ease-in-out both node-shake}.node[data-art=gathered] .node__sprite{transform-origin:50% 100%;animation:.26s ease-in-out both node-shake}@keyframes node-shake{25%{transform:translate(-3px)rotate(-3deg)}75%{transform:translate(3px)rotate(3deg)}}.node__leaves{image-rendering:pixelated;pointer-events:none;background-repeat:no-repeat;background-position-x:var(--leaves-to);animation:node-leaves .72s steps(var(--leaves-steps)) both;position:absolute}@keyframes node-leaves{0%{background-position-x:0}to{background-position-x:var(--leaves-to)}}.node[data-kind=tree] .plot-timer{top:calc(100% - 6px);bottom:auto}.node__yield{font-size:var(--text-sm);white-space:nowrap;pointer-events:none;animation:.9s ease-out forwards yield-float;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}@keyframes yield-float{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-28px)}}@media (prefers-reduced-motion:reduce){.node[data-art] .node__sprite,.node .node__yield{animation:none}.node .node__leaves{display:none}.node[data-art=hit] .node__sprite{filter:brightness(1.25)}}.outlined-text{color:#fff;text-shadow:-2px -2px 0 var(--color-outline), 0 -2px 0 var(--color-outline), 2px -2px 0 var(--color-outline), -2px 0 0 var(--color-outline), 2px 0 0 var(--color-outline), -2px 2px 0 var(--color-outline), 0 2px 0 var(--color-outline), 2px 2px 0 var(--color-outline)}.hud-right{pointer-events:none;flex-direction:column;align-items:flex-end;gap:.6rem;display:flex;position:absolute;top:.75rem;right:.75rem}.hud-right>*{pointer-events:auto}.hud-left{pointer-events:none;flex-direction:column;align-items:flex-start;gap:.5rem;display:flex;position:absolute;top:.75rem;left:.75rem}.level-badge{align-items:center;display:flex}.level-badge__level{z-index:1;border:3px solid var(--color-outline);background:var(--color-wood);width:52px;height:52px;box-shadow:inset 0 0 0 3px var(--color-wood-light), 0 3px 0 #00000040;font-size:var(--text-lg);border-radius:50%;place-items:center;line-height:1;display:grid;position:relative}.level-badge__track{border:3px solid var(--color-outline);background:#262b44;border-radius:0 6px 6px 0;width:132px;height:26px;margin-left:-10px;padding:2px;display:block;position:relative;box-shadow:inset 0 0 0 1px #fff}.level-badge__fill{height:100%;width:calc(100% * var(--fill,0));background:#63c74d;border-radius:0 3px 3px 0;transition:width .4s ease-out;display:block}.level-badge__label{font-size:var(--text-xs);font-variant-numeric:tabular-nums;place-items:center;padding-left:10px;line-height:1;display:grid;position:absolute;inset:0}.coin-counter{border:3px solid var(--color-outline);font-size:var(--text-lg);font-variant-numeric:tabular-nums;background:#262b44;border-radius:6px;align-items:center;gap:.35rem;margin:0;padding:.15rem .35rem .15rem .6rem;font-weight:400;line-height:1;display:flex;box-shadow:inset 0 0 0 1px #fff}.hud-button{border:3px solid var(--color-outline);background:var(--color-panel-inner);width:56px;height:56px;box-shadow:inset 0 -4px 0 var(--color-wood-light), 0 3px 0 #00000040;cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.hud-button:hover{filter:brightness(1.06)}.hud-button[aria-pressed=true]{background:var(--color-wood-light);box-shadow:inset 0 3px 0 var(--color-wood-dark)}.hud-button:focus-visible{outline-offset:2px;outline:3px solid #fff}.hud-zoom{border:0;flex-direction:column;gap:.4rem;min-inline-size:0;margin:0;padding:0;display:flex;position:absolute;bottom:.75rem;right:.75rem}.hud-zoom__button{border:3px solid var(--color-outline);background:var(--color-panel-inner);width:44px;height:44px;box-shadow:inset 0 -4px 0 var(--color-wood-light), 0 3px 0 #00000040;color:var(--color-outline);font:inherit;cursor:pointer;border-radius:50%;place-items:center;padding:0 0 4px;font-size:1.5rem;line-height:1;display:grid}.hud-zoom__button:disabled{opacity:.5;cursor:default}.hud-zoom__button:focus-visible{outline-offset:2px;outline:3px solid #fff}@media (height<=32rem){.hud-right{flex-flow:wrap;justify-content:flex-end;align-items:flex-start;max-width:calc(100% - 15rem)}.hud-zoom{flex-direction:row}}.hud-button__badge{border:2px solid var(--color-outline);min-width:1.4rem;color:var(--color-outline);font-size:var(--text-xxs);background:#fff;border-radius:.3rem;padding:.1rem .3rem;line-height:1;position:absolute;top:-6px;right:-6px}.hud-panel{border:3px solid var(--color-outline);background:var(--color-wood);width:min(22rem,100% - 6rem);max-height:calc(100% - 4.25rem);box-shadow:inset 0 0 0 3px var(--color-wood-light), 0 4px 0 #00000040;border-radius:.5rem;flex-direction:column;padding:.5rem;display:flex;position:absolute;top:3.5rem;right:5rem}@media (width<=36rem){.hud-panel{width:auto;max-height:45%;inset:auto .5rem .5rem}}.hud-panel__header{justify-content:space-between;align-items:center;padding:0 .25rem .4rem;display:flex}.hud-panel__title{font-size:var(--text-md);color:#fff;text-shadow:0 2px 0 var(--color-outline);margin:0}.hud-panel__close{border:3px solid var(--color-outline);background:var(--color-panel-inner);width:2.75rem;height:2.75rem;color:var(--color-outline);font:inherit;font-size:var(--text-lg);cursor:pointer;border-radius:.35rem;line-height:1}.hud-panel__body{border:3px solid var(--color-outline);background:var(--color-panel-inner);border-radius:.35rem;overflow-y:auto}.held-seed{font-size:var(--text-md);white-space:nowrap;pointer-events:none;align-items:center;gap:.4rem;margin:0;display:flex;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.warning{border:3px solid var(--color-outline);max-width:calc(100% - 7rem);font-size:var(--text-sm);background:#fff4d6;border-radius:.4rem;margin:0;padding:.5rem .75rem;position:absolute;top:.75rem;left:.75rem}.plot-tile{aspect-ratio:1;image-rendering:pixelated;cursor:pointer;background:url(/sprites/sunnyside/soil.png) 0 0/48px 48px no-repeat;border:none;border-radius:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:transform 90ms,filter 90ms;display:flex;position:relative}.plot-tile[data-actionable=true]:hover{filter:brightness(1.12);transform:translateY(-2px)}.plot-tile[data-kind=ready]{filter:drop-shadow(0 0 3px var(--color-coin))}.plot-tile:focus-visible{outline-offset:2px;outline:3px solid #fff}.panel{padding:.6rem .75rem .75rem}.empty-note{font-size:var(--text-xs);opacity:.6;margin:0}.toast-region{z-index:30;pointer-events:none;position:fixed;bottom:4rem;left:50%;transform:translate(-50%)}.toast{background:var(--color-ink);color:var(--color-parchment);font-size:var(--text-sm);border-radius:999px;padding:.6rem 1rem;animation:.14s ease-out toast-in;display:inline-block;box-shadow:0 4px 14px #00000040}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.plot-tile,.plot-timer__fill,.world-viewport,.toast{transition:none;animation:none}}.recovery{background:var(--color-parchment);text-align:center;border-radius:.5rem;padding:1rem;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.recovery button{background:var(--color-grass);color:#fff;cursor:pointer;border:none;border-radius:.3rem;min-height:2.75rem;margin-top:.5rem;padding:.6rem 1rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sprite{image-rendering:pixelated;background-repeat:no-repeat;flex:none;display:inline-block}.plot-tile[data-kind=dry]{background-image:url(/sprites/sunnyside/soil-dry.png)}.plot-tile:is([data-kind=growing],[data-kind=ready]){background-image:url(/sprites/sunnyside/soil-planted.png)}.plot-tile .sprite{margin:auto;position:absolute;inset:0}.modal-backdrop{z-index:20;background:#14101e73;grid-template-rows:minmax(0,1fr);place-items:center;padding:5.5rem 1rem 1rem;display:grid;position:absolute;inset:0}.game-modal{border:3px solid var(--color-outline);background:var(--color-wood);width:min(46rem,100%);max-height:100%;box-shadow:inset 0 0 0 3px var(--color-wood-light), 0 6px 0 #0000004d;border-radius:.5rem;flex-direction:column;padding:.5rem;display:flex;position:relative}.game-modal__portrait{object-fit:contain;object-position:bottom;width:84px;height:96px;image-rendering:pixelated;pointer-events:none;position:absolute;bottom:calc(100% - 6px);left:1.25rem}.game-modal__header{justify-content:space-between;align-items:flex-end;gap:.5rem;display:flex}.game-modal__tabs{gap:.25rem;display:flex}.game-modal__tab{border:3px solid var(--color-outline);background:var(--color-wood-dark);color:#fff;min-height:2.75rem;font:inherit;font-size:var(--text-md);cursor:pointer;border-bottom:none;border-radius:.35rem .35rem 0 0;padding:.3rem .9rem}.game-modal__tab[aria-selected=true]{background:var(--color-panel-inner);color:var(--color-outline)}.game-modal__close{border:3px solid var(--color-outline);background:var(--color-panel-inner);width:2.75rem;height:2.75rem;color:var(--color-outline);font:inherit;font-size:var(--text-lg);cursor:pointer;border-radius:.35rem;margin-bottom:.3rem;line-height:1}.game-modal__body{border:3px solid var(--color-outline);background:var(--color-panel-inner);border-radius:0 .35rem .35rem;min-height:0;padding:.6rem;overflow-y:auto}.market{grid-template-columns:1fr 15rem;align-items:start;gap:.6rem;display:grid}@media (width<=36rem){.market{grid-template-columns:1fr}}.market__section{border:2px solid var(--color-outline);font-size:var(--text-xs);background:#fff;border-radius:.3rem;margin:0 0 .4rem;padding:.1rem .5rem;font-weight:400;display:inline-block}.market__empty{margin:.5rem}.item-grid{flex-wrap:wrap;gap:.4rem;display:flex}.item-card{border:3px solid var(--color-outline);background:var(--color-wood-light);width:3.5rem;height:3.5rem;box-shadow:inset 0 -3px 0 var(--color-wood-dark);cursor:pointer;border-radius:.3rem;place-items:center;padding:0;display:grid;position:relative}.item-card[data-tall=true]{place-items:end center;height:4.5rem;padding-bottom:3px}.item-card[data-locked=true] .building-icon{filter:grayscale()brightness(.8)}.item-card[aria-pressed=true]{outline-offset:-7px;outline:3px solid #fff}.item-card:focus-visible{outline-offset:2px;outline:3px solid #fff}.item-card[data-locked=true] .sprite{filter:grayscale()brightness(.8)}.item-card__count{border:2px solid var(--color-outline);min-width:1.3rem;color:var(--color-outline);font-size:var(--text-xxs);background:#fff;border-radius:.3rem;padding:.05rem .25rem;line-height:1;position:absolute;top:-7px;right:-7px}.item-card__lock{font-size:var(--text-xs);position:absolute;bottom:2px;right:2px}.detail-pane{border:3px solid var(--color-outline);background:var(--color-wood-light);text-align:center;border-radius:.35rem;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem;display:flex}.detail-pane__badge{border:2px solid var(--color-outline);color:#fff;font-size:var(--text-xs);background:#3b8fd9;border-radius:.3rem;padding:.1rem .5rem}.detail-pane__name{font-size:var(--text-md);text-transform:capitalize;margin:0}.detail-pane__description{font-size:var(--text-sm);margin:0}.detail-pane__price{border-top:2px solid #3e273140;justify-content:center;align-items:center;gap:.25rem;width:100%;margin:0;padding-top:.35rem;display:flex}.detail-pane__actions{flex-direction:column;gap:.4rem;width:100%;display:flex}.pixel-button{border:3px solid var(--color-outline);background:var(--color-panel-inner);min-height:2.75rem;box-shadow:inset 0 -3px 0 var(--color-wood-light);color:var(--color-outline);font:inherit;font-size:var(--text-md);cursor:pointer;border-radius:.35rem;padding:.35rem .75rem}.pixel-button:hover:not(:disabled){filter:brightness(1.05)}.pixel-button:disabled{opacity:.5;cursor:default}.building__label{pointer-events:none;font-size:var(--text-sm);white-space:nowrap;position:absolute;top:-1.1rem;left:50%;transform:translate(-50%)}.building{cursor:pointer;background:0 0;border:none;padding:0;position:absolute}.building__sprite,.building-icon,.placement-ghost__sprite{image-rendering:pixelated;pointer-events:none;display:block}.building__sprite,.placement-ghost__sprite{position:absolute}.building:hover .building__sprite{filter:brightness(1.08)drop-shadow(0 0 3px #fff)}.building:focus-visible{outline-offset:2px;outline:3px solid #fff}.building[data-kind=constructing] .building__sprite{opacity:.5;filter:grayscale(.6)}.building__ready{pointer-events:none;line-height:1;font-size:var(--text-lg);font-weight:400;animation:.9s ease-in-out infinite alternate ready-bob;position:absolute;bottom:calc(100% + 1.1rem);left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.building__ready{animation:none}}@keyframes ready-bob{to{transform:translate(-50%,-4px)}}.catch-game{-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;display:flex}.catch-game__play{margin-left:44px;position:relative}.catch-game__frame{image-rendering:pixelated;background-repeat:no-repeat;position:absolute;inset:0}.catch-game__track,.catch-game__meter{position:absolute;overflow:hidden}.catch-game__bar{box-sizing:border-box;background:#63c74d8c;border:3px solid #9fe57a;position:absolute;left:0;right:0}.catch-game[data-in-bar=true] .catch-game__bar{background:#63d35fe6;border-color:#d8ffc0;animation:.6s ease-in-out infinite alternate catch-glow;box-shadow:0 0 10px 3px #a8ff9ab3,inset 0 0 6px #ffffff80}@keyframes catch-glow{to{box-shadow:0 0 16px 5px #a8ff9ae6,inset 0 0 8px #ffffffb3}}.catch-game__fish,.catch-game__chest{pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.catch-game__chest-art{image-rendering:pixelated;display:block}.catch-game__chest-meter{border:1px solid var(--color-outline);background:#3a2a1a;align-items:flex-end;width:5px;height:36px;display:flex;position:absolute;bottom:4px;left:-7px}.catch-game__chest-meter>span{background:#f2c14e;width:100%}.catch-game__fish>*{animation:.3s ease-in-out infinite alternate catch-wiggle}.catch-game[data-in-bar=true] .catch-game__fish>*{animation-duration:.5s}.catch-game[data-landed=true] .catch-game__fish>*{animation:none}@keyframes catch-wiggle{0%{transform:rotate(-14deg)}to{transform:rotate(10deg)}}.catch-game__fill{position:absolute;bottom:0;left:0;right:0}.catch-game__reel{image-rendering:pixelated;background-repeat:no-repeat;position:absolute;bottom:60px;left:-42px}.catch-game__spark{color:#fff6a0;text-shadow:0 0 4px #ffd84a;pointer-events:none;line-height:1;animation:.7s ease-out both catch-spark;position:absolute}@keyframes catch-spark{0%{opacity:0;transform:scale(.2)rotate(0)}40%{opacity:1;transform:scale(1.2)rotate(45deg)}to{opacity:.85;transform:scale(1)rotate(90deg)}}@media (prefers-reduced-motion:reduce){.catch-game__bar,.catch-game[data-in-bar=true] .catch-game__bar,.catch-game__fish>*,.catch-game__spark{animation:none}}.catch-reveal{border:3px solid var(--color-outline);text-align:center;background:#e4a672;border-radius:6px;flex-direction:column;align-items:center;gap:.3rem;width:min(18rem,100%);margin:0 auto;padding:.8rem 1rem 1rem;display:flex;position:relative}.catch-reveal__new{border:2px solid var(--color-outline);color:#fff;font-size:var(--text-md);background:#e43b44;padding:0 .5rem;position:absolute;top:-.8rem;right:-.6rem;transform:rotate(8deg)}.catch-reveal__name{text-transform:capitalize;font-size:var(--text-lg);margin:0;font-weight:400}.catch-reveal__rarity{border:2px solid var(--color-outline);color:#fff;font-size:var(--text-sm);background:#0099db;padding:0 .4rem}.catch-reveal__rarity[data-rarity=common]{background:#5a6988}.catch-reveal__rarity[data-rarity=rare]{background:#b55088}.catch-reveal__rarity[data-rarity=legendary]{background:#f77622}.catch-reveal__stars{color:#feae34;letter-spacing:.2rem;text-shadow:1px 1px var(--color-outline);margin:0;font-size:1.6rem}.catch-reveal__star-off{color:#b86f50}.catch-reveal__price{margin:0}.catch-reveal__perfect{border:2px solid var(--color-outline);font-size:var(--text-md);background:#feae34;padding:0 .5rem;position:absolute;top:-.8rem;left:-.6rem;transform:rotate(-8deg)}.catch-reveal__count{color:#e43b44}.catch-reveal__chest{align-items:center;gap:.4rem;margin:0;display:flex}.catch-reveal__chest-art{image-rendering:pixelated;display:inline-block}.catch-reveal__actions{gap:.5rem;margin-top:.3rem;display:flex}.fishing__baits{border:none;justify-content:center;margin:0;padding:0}.modal-backdrop:has(.catch-game){touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-modal__body:has(.catch-game){overflow:hidden}.catch-game__hint{text-align:center;font-size:var(--text-sm);margin:0}.placement-layer{z-index:1010;cursor:crosshair;position:absolute;inset:0}.placement-ghost{cursor:grab;touch-action:none;border-radius:.2rem;position:absolute}.placement-ghost:active{cursor:grabbing}.placement-ghost[data-valid=true]{background:#ffffff2e;outline:3px dashed #fff}.placement-ghost[data-valid=false]{background:#e43b4459;outline:3px solid #e43b44}.placement-ghost__sprite{opacity:.85}.placement-ghost__node{width:100%;height:100%}.placement-ghost__plot{width:100%;height:100%;image-rendering:pixelated;opacity:.85;background:url(/sprites/sunnyside/soil.png) 0 0/100% 100% no-repeat;display:block}.game[data-arranging=true] .plot-tile,.game[data-arranging=true] .building,.game[data-arranging=true] .node{cursor:grab}.placement-bar{z-index:15;border:3px solid var(--color-outline);background:var(--color-wood);box-shadow:inset 0 0 0 3px var(--color-wood-light);white-space:nowrap;border-radius:.5rem;align-items:center;gap:.5rem;padding:.4rem .5rem .4rem .9rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.placement-bar__text{font-size:var(--text-md);margin:0}.placement-bar .pixel-button{width:2.75rem;font-size:var(--text-lg);padding:0}.game-modal__actions{margin-bottom:.3rem;margin-left:auto}.detail-pane__icon{place-items:center;min-height:48px;display:grid}.recipe-inputs{width:100%;margin:0 0 .25rem;padding:0;list-style:none}.recipe-inputs__row{font-size:var(--text-sm);align-items:center;gap:.4rem;display:flex}.recipe-inputs__name{text-align:left;text-transform:capitalize;flex:1}.recipe-inputs__row[data-enough=false]{color:#a1283a}.dev-coins{min-height:2rem;font-size:var(--text-xs);padding:.1rem .5rem}.level-up{flex-direction:column;gap:.75rem;display:flex}.level-up__hero{justify-content:center;align-items:center;gap:.6rem;padding:.25rem 0 .1rem;display:flex}.level-up__title{font-size:var(--text-lg);margin:0;font-weight:400}.level-up__summary{text-align:center;font-size:var(--text-sm);color:var(--color-soil);margin:-.5rem 0 0}.level-up__list{grid-template-columns:repeat(auto-fill,minmax(min(17rem,100%),1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.level-up__row{background:#ffffff4d;border:2px solid #3e273140;border-radius:.35rem;align-items:center;gap:.6rem;min-height:4.5rem;padding:.3rem .5rem .3rem .3rem;display:flex}.level-up__tile{cursor:default;flex:none;overflow:hidden}.level-up__text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.level-up__name{text-transform:capitalize;line-height:1}.level-up__hint{font-size:var(--text-sm);color:var(--color-soil);line-height:1}.level-up__plus{font-size:var(--text-lg)}.level-up__done{background:var(--color-panel-inner);margin:0 -.6rem -.6rem;padding:.5rem .6rem .6rem;position:sticky;bottom:-.6rem}.level-up__done .pixel-button{width:100%}.guide{flex-direction:column;gap:.7rem;display:flex}.guide__intro,.guide__rows{margin:0;padding:0;list-style:none}.guide__intro{font-size:var(--text-sm);flex-direction:column;gap:.3rem;line-height:1.1;display:flex}.guide__line{align-items:center;gap:.5rem;display:flex}.guide__line-icon{flex:none;place-items:center;width:48px;min-height:32px;display:grid}.guide__rows{border:2px solid #3e273140;border-radius:.35rem;overflow:hidden}.guide__row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"tile text stats";align-items:center;gap:.6rem;padding:.3rem .5rem .3rem .3rem;display:grid}.guide__row:nth-child(odd){background:#ffffff4d}.guide__row[data-locked=true]{opacity:.55}.guide__row[data-current=true]{outline-offset:-3px;outline:3px solid #fff}.guide__tile{grid-area:tile}.guide__text{flex-direction:column;grid-area:text;gap:.15rem;min-width:0;display:flex}.guide__name{font-size:var(--text-md);flex-wrap:wrap;align-items:center;gap:.4rem;line-height:1;display:flex}.guide__sub{font-size:var(--text-sm);color:var(--color-soil);line-height:1.05}.guide__chip{border:2px solid var(--color-outline);font-size:var(--text-xs);background:#fff;border-radius:.3rem;padding:0 .35rem}.guide__stats{font-size:var(--text-sm);flex-wrap:wrap;grid-area:stats;justify-content:flex-end;gap:.2rem .9rem;margin:0;line-height:1;display:flex}.guide__stat{flex-direction:column;align-items:flex-end;gap:.1rem;display:flex}.guide__stat dt{color:var(--color-soil);font-size:var(--text-xs)}.guide__stat dd{align-items:center;gap:.2rem;margin:0;display:flex}@media (width<=36rem){.guide__row{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"tile text""tile stats";row-gap:.25rem}.guide__stats{justify-content:flex-start}.guide__stat{flex-direction:row;align-items:center;gap:.3rem}.game-modal__tabs{flex:auto;min-width:0}.game-modal__tab{min-width:0;padding:.3rem .45rem}}.text-button{color:var(--color-soil-dark);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:.2rem .3rem;text-decoration:underline}.welcome{flex-direction:column;gap:.6rem;display:flex}.welcome__title{text-align:center;font-size:var(--text-lg);margin:0}.welcome__line{text-transform:none;line-height:1.1}.welcome__note{text-align:center;font-size:var(--text-sm);color:var(--color-soil);margin:0}.welcome__actions,.skip-confirm__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.skip-confirm{border:none;flex-direction:column;gap:.4rem;min-width:0;margin:0;padding:0;display:flex}.skip-confirm__text{font-size:var(--text-sm);margin:0;line-height:1.1}.next-step{pointer-events:auto;z-index:1;border:3px solid var(--color-outline);background:var(--color-panel-inner);width:min(18rem,100vw - 6.5rem);box-shadow:inset 0 0 0 3px var(--color-wood-light), 0 4px 0 #00000040;border-radius:.5rem;padding:.35rem .5rem .45rem;position:relative}.next-step[data-folded=true]{width:auto}.next-step__head{font-size:var(--text-xs);align-items:center;gap:.5rem;display:flex}.next-step__title{text-transform:uppercase}.next-step__count{color:var(--color-soil);margin-left:auto}.next-step__fold{border:2px solid var(--color-outline);background:var(--color-wood-light);width:1.6rem;height:1.6rem;color:var(--color-outline);font:inherit;cursor:pointer;border-radius:.3rem;padding:0;line-height:1}.next-step__body{align-items:center;gap:.5rem;margin-top:.3rem;display:flex}.next-step__icon{flex:none;place-items:center;min-width:40px;display:grid}.next-step__text{font-size:var(--text-sm);flex-direction:column;gap:.15rem;line-height:1.05;display:flex}.next-step__hint{font-size:var(--text-xs);color:var(--color-soil)}.next-step__done{margin:.3rem 0}.next-step__actions{justify-content:space-between;align-items:center;margin-top:.35rem;display:flex}.next-step__actions .pixel-button{min-height:2.25rem;padding:.15rem .6rem}@keyframes next-step-done{0%{background:#ffffffb3}}.next-step__body[data-flash=true]{animation:1.2s steps(4,end) both next-step-done}.tutorial-pointer{z-index:1005;pointer-events:none;width:0;height:0;position:absolute}.tutorial-pointer__arrow{transform-origin:bottom;transform:translateX(-50%) scale(calc(1 / var(--map-zoom,1)));animation:.6s steps(2,end) infinite tutorial-bob;display:block;position:absolute;bottom:0;left:0}.tutorial-pointer__call{position:absolute;top:0;left:0}.tutorial-pointer__call[data-called=true]{animation:.9s step-end both tutorial-call}@keyframes tutorial-call{0%,34%,67%{scale:1.6}17%,50%,84%{scale:1}}@keyframes tutorial-bob{50%{translate:0 calc(-6px / var(--map-zoom,1))}}.hud-button[data-hint=true]{outline-offset:2px;outline:3px solid #fff;animation:1s steps(2,end) infinite hud-hint}.hud-button[data-hint=true]:before{content:"";pointer-events:none;filter:drop-shadow(0 0 1px var(--color-outline)) drop-shadow(0 0 1px var(--color-outline));border:9px solid #0000;border-left:12px solid #fff;border-right:none;position:absolute;top:50%;right:calc(100% + 8px);translate:0 -50%}@keyframes hud-hint{50%{outline-color:var(--color-coin)}}@media (prefers-reduced-motion:reduce){.tutorial-pointer__arrow,.tutorial-pointer__call[data-called=true],.hud-button[data-hint=true],.next-step__body[data-flash=true]{animation:none}}.kitchen__current{margin-bottom:.5rem}.kitchen__idle{font-size:var(--text-sm);opacity:.75;margin:0}.kitchen__dish{align-items:center;gap:.5rem;display:flex}.kitchen__dish-info{flex-direction:column;gap:.2rem;display:flex}.kitchen__dish-name{text-transform:capitalize}.kitchen__time{font-size:var(--text-sm);font-variant-numeric:tabular-nums}.kitchen__ready{color:#2f7d32}.kitchen__queue{gap:.4rem;margin:0 0 .5rem;padding:0;list-style:none;display:flex}.kitchen__slot{border:3px solid var(--color-outline);background:var(--color-wood-light);border-radius:.35rem;place-items:center;width:3.25rem;height:3.25rem;display:grid;position:relative}.kitchen__slot[data-kind=empty]{background:var(--color-wood);opacity:.6}.kitchen__slot[data-kind=locked]{background:var(--color-wood-dark);color:#fff;font-size:var(--text-xxs)}.kitchen__slot[data-status=waiting] .sprite{opacity:.6}.kitchen__lock-level{position:absolute;bottom:0}.kitchen__cancel{border:2px solid var(--color-outline);color:#fff;width:2rem;height:2rem;font:inherit;font-size:var(--text-xs);cursor:pointer;background:#e0524f;border-radius:50%;padding:0;line-height:1;position:absolute;top:-.8rem;right:-.8rem}.kitchen__reason{font-size:var(--text-xs);color:#a1283a;text-align:center;margin:0}.basket{flex-direction:column;display:flex}.basket__tab{min-height:2.5rem;font-size:var(--text-sm);align-items:center;gap:.35rem;padding:.2rem .7rem;display:flex}.basket__tab-count{font-size:var(--text-xxs);opacity:.75}.basket__body{grid-template-columns:1fr 13rem;align-items:start;gap:.6rem;padding:.5rem;display:grid}.basket__body>.empty-note{grid-column:1/-1}.basket__tabs{z-index:1;background:var(--color-panel-inner);gap:.25rem;padding-top:.35rem;display:flex;position:sticky;top:0}@media (width<=36rem){.basket__body{grid-template-columns:1fr}.basket__tab{flex:auto;justify-content:center;padding:.2rem .25rem}.basket__tab-count{display:none}.hud-panel--wide{max-height:68%}}@media (width>=36.01rem){.hud-panel--wide{width:min(36rem,100% - 6rem)}}.expand-sign{cursor:pointer;background:0 0;border:none;padding:0;position:absolute}.expand-sign__art{width:100%;height:100%;image-rendering:pixelated;display:block}.expand-sign__label{font-size:var(--text-sm);white-space:nowrap;position:absolute;top:100%;left:50%;transform:translate(-50%)}.expand-sign__bar{position:absolute;top:calc(100% + 1.4rem);left:50%;transform:translate(-50%)}.expand-sign[data-kind=ready]{animation:1.6s ease-in-out infinite expand-sign-bob}@keyframes expand-sign-bob{50%{translate:0 -4px}}@media (prefers-reduced-motion:reduce){.expand-sign[data-kind=ready]{animation:none}}.expand-frame{pointer-events:none;position:absolute}.expand-frame__post{image-rendering:pixelated;position:absolute}.expand-frame[data-kind=locked]{filter:brightness(.75)saturate(.8)}.expand-panel{max-width:22rem;margin:0 auto}.level-badge[data-capped=true] .level-badge__fill{background:var(--color-coin)}.level-badge[data-capped=true] .level-badge__label{font-size:var(--text-xxs)}.full-card{background-color:var(--color-water);image-rendering:pixelated;background-image:url(/sprites/sunnyside/sea.png);background-size:192px 192px;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.full-card__panel{background:var(--color-parchment);border:3px solid var(--color-outline);text-align:center;border-radius:.5rem;max-width:22rem;padding:1.25rem}.full-card__title{font-size:var(--text-lg);margin:0 0 .5rem}.full-card[aria-busy=true] .full-card__title{animation:.2s ease-out .6s both loading-appear}@keyframes loading-appear{0%{opacity:0}to{opacity:1}}.connection-badge{border:3px solid var(--color-outline);font-size:var(--text-sm);background:#fff4d6;border-radius:.4rem;margin:0;padding:.2rem .5rem}.account-panel{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.account-panel p{margin:0}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.boat{cursor:pointer;background:0 0;border:none;padding:0;position:absolute}.boat__art{width:100%;height:100%;image-rendering:pixelated;display:block}.boat__art--coracle{background:url(/sprites/sunnyside/coracle.png) 0 0/576px 111px no-repeat}.boat__label{border:2px solid var(--color-outline);background:var(--color-coin);font-size:var(--text-md);white-space:nowrap;border-radius:.5rem;padding:0 .4rem;line-height:1.2;animation:1.6s ease-in-out infinite expand-sign-bob;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.boat__label:after{content:"";border:6px solid #0000;border-top-color:var(--color-outline);position:absolute;top:100%;left:50%;translate:-50%}@media (prefers-reduced-motion:reduce){.boat__label{animation:none}}.npc-portrait{image-rendering:pixelated;animation:npc-idle var(--npc-duration) steps(var(--npc-frames)) infinite;background-position:0 0;background-repeat:no-repeat;flex:none;display:inline-block}@keyframes npc-idle{to{background-position-x:calc(var(--npc-sheet) * -1)}}.npc-portrait-box{flex:none;display:inline-block;position:relative;overflow:hidden}.npc-portrait--once{animation:npc-once var(--npc-duration) steps(calc(var(--npc-frames) - 1)) forwards}@keyframes npc-once{to{background-position-x:calc((var(--npc-sheet) - var(--npc-frame)) * -1)}}@media (prefers-reduced-motion:reduce){.npc-portrait{animation:none}}.npc-figure__art{pointer-events:none;position:absolute}.npc-figure{cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid;position:absolute}.npc-figure[data-status=locked] .npc-figure__art{filter:grayscale()brightness(.8)}.npc-figure__name{font-size:var(--text-sm);white-space:nowrap;position:absolute;top:100%;left:50%;transform:translate(-50%)}.npc-figure__bubble{border:2px solid var(--color-outline);min-width:1.6rem;color:var(--color-outline);font-size:var(--text-md);background:#fff;border-radius:.5rem;padding:0 .3rem;line-height:1.2;position:absolute;bottom:calc(100% + 8px);left:60%}.npc-figure__bubble[data-ready=true]{background:var(--color-coin);animation:1.6s ease-in-out infinite expand-sign-bob}@media (prefers-reduced-motion:reduce){.npc-figure__bubble[data-ready=true]{animation:none}}.area-locked{max-width:calc(100% - 2rem);font-size:var(--text-md);text-align:center;pointer-events:none;margin:0;position:absolute;top:5.5rem;left:50%;transform:translate(-50%)}.order{gap:.5rem;display:grid}.order__who{align-items:center;gap:.75rem;display:flex}.order__greeting{font-size:var(--text-md);margin:0}.order__lines{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.order__line{font-size:var(--text-md);align-items:center;gap:.5rem;display:flex}.order__lines--compact .order__line{font-size:var(--text-xs)}.order__item{flex:1}.order__line[data-short=true] .order__count{color:#fff;background:#d9534f;border-radius:.3rem;padding:0 .3rem}.order__reward{font-size:var(--text-md);align-items:center;gap:.35rem;margin:0;display:flex}.order__gift{font-size:var(--text-xs);opacity:.8;margin:0}.order__actions{gap:.4rem;display:grid}.order__skip{font-size:var(--text-xs);min-height:2.25rem}.deliveries__intro{font-size:var(--text-sm);margin:0 0 .5rem}.deliveries__grid{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.4rem;display:grid}.delivery-tile{border:3px solid var(--color-outline);background:var(--color-panel-inner);font:inherit;cursor:pointer;border-radius:.3rem;grid-template-rows:1fr auto;padding:0;display:grid;overflow:hidden}.delivery-tile[aria-pressed=true]{outline-offset:-6px;outline:3px solid #fff}.delivery-tile[data-status=locked]{opacity:.55}.delivery-tile__art{justify-content:center;align-items:center;gap:.25rem;min-height:3.2rem;padding:.3rem;display:flex}.delivery-tile__footer{background:var(--color-coin);color:var(--color-outline);font-size:var(--text-xs);justify-content:center;align-items:center;gap:.2rem;padding:.05rem .2rem;display:flex}.delivery-tile[data-status=waiting] .delivery-tile__footer{background:var(--color-grass);color:#fff}.delivery-tile[data-status=locked] .delivery-tile__footer{background:var(--color-wood-dark);color:#fff}.deliveries__area{border:2px solid var(--color-outline);background:var(--color-water-light);font-size:var(--text-xs);border-radius:.3rem;margin:0;padding:0 .4rem;display:inline-block}.travel{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.travel__place{width:100%}.boat:focus-visible,.npc-figure:focus-visible,.delivery-tile:focus-visible{outline-offset:2px;outline:3px solid #fff}.delivery-tile__art .npc-portrait-box{margin:0 -14px 0 -10px}.npc-figure__art .npc-portrait{display:block}.crocks{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.crock{background:#f3dcb0;border:3px solid #5a3a22;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;min-height:3.5rem;padding:.4rem .6rem;display:grid}.crock[data-kind=empty]{opacity:.75;border-style:dashed;grid-template-columns:1fr}.crock__text{gap:.15rem;display:grid}.batch-size{border:none;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;margin:0;padding:0;display:grid}.batch-size__value{text-align:center}.player-avatar{pointer-events:none;background:0 0;border:none;padding:0;position:absolute}.player-avatar__shadow{background:#00000038;border-radius:50%;width:84%;height:36%;position:absolute;bottom:-18.75%;left:50%;transform:translate(-50%)}.player-avatar__body{background:0 0;border:none;padding:0;position:absolute;inset:0}.player-avatar__body--movable{pointer-events:auto;cursor:pointer}.player-avatar[data-selected=true] .player-avatar__body{outline-offset:2px;border-radius:.35rem;outline:3px solid #ffffffd9}.player-avatar__tray{transform-origin:50% 100%;pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.world-viewport[data-zoom="1"] .player-avatar__tray{transform:translate(-50%)scale(2)}.player-avatar__action{border:3px solid var(--color-outline);background:var(--color-panel-inner);width:48px;height:48px;box-shadow:inset 0 -4px 0 var(--color-wood-light);color:var(--color-outline);font:inherit;cursor:pointer;border-radius:50%;padding:0;font-size:26px;line-height:1}.player-avatar__action:hover{filter:brightness(1.08)}.seed-slots{border:0;flex-direction:column;gap:.6rem;min-inline-size:0;margin:.2rem 0 0;padding:0;display:flex}.seed-slot{border:3px solid var(--color-outline);background:var(--color-panel-inner);width:56px;height:56px;box-shadow:inset 0 -4px 0 var(--color-wood-light), 0 3px 0 #00000040;cursor:pointer;border-radius:.35rem;place-items:center;padding:0;display:grid;position:relative}.seed-slot:hover{filter:brightness(1.06)}.seed-slot:focus-visible{outline-offset:2px;outline:3px solid #fff}.seed-slot[data-empty=true]>:first-child{opacity:.4;filter:grayscale()}.seed-slot__count{border:2px solid var(--color-outline);min-width:1.4rem;color:var(--color-outline);font-size:var(--text-xxs);background:#fff;border-radius:.3rem;padding:.1rem .3rem;line-height:1;position:absolute;top:-6px;right:-6px}.seed-slot[data-selected=true]:after{--bar:13px;--thick:4px;content:"";pointer-events:none;background:linear-gradient(#fff, #fff) left top / var(--bar) var(--thick) no-repeat, linear-gradient(#fff, #fff) left top / var(--thick) var(--bar) no-repeat, linear-gradient(#fff, #fff) right top / var(--bar) var(--thick) no-repeat, linear-gradient(#fff, #fff) right top / var(--thick) var(--bar) no-repeat, linear-gradient(#fff, #fff) left bottom / var(--bar) var(--thick) no-repeat, linear-gradient(#fff, #fff) left bottom / var(--thick) var(--bar) no-repeat, linear-gradient(#fff, #fff) right bottom / var(--bar) var(--thick) no-repeat, linear-gradient(#fff, #fff) right bottom / var(--thick) var(--bar) no-repeat;filter:drop-shadow(0 0 1.5px var(--color-outline)) drop-shadow(0 0 1px var(--color-outline));position:absolute;inset:-9px}.basket__selected{text-align:center;margin:0}@media (height<=32rem){.seed-slots{flex-direction:row}}.angler{pointer-events:none;position:absolute}.angler__bobber{position:absolute;transform:translate(-50%,-50%)}.angler__line{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.angler__ripple{border:2px solid #dcf0ffcc;border-radius:50%;width:30px;height:9px;position:absolute;top:60%;left:50%;transform:translate(-50%)}.angler__bite{border:3px solid var(--color-outline);color:#c0392b;min-width:2rem;font:inherit;cursor:pointer;pointer-events:auto;background:#fff4dc;border-radius:.5rem;padding:0 .4rem;font-size:1.6rem;line-height:1.1;animation:.5s ease-in-out infinite alternate bite-pop;position:absolute;transform:translate(-50%,calc(-100% - 22px))}@keyframes bite-pop{to{transform:translate(-50%,calc(-100% - 28px))}}@media (prefers-reduced-motion:reduce){.angler__bite{animation:none}}.pier-decor{pointer-events:none;image-rendering:pixelated;position:absolute}.admin{background-color:var(--color-water);-webkit-user-select:text;user-select:text;background-image:url(/sprites/sunnyside/sea.png);background-size:192px 192px;padding:1rem;position:fixed;inset:0;overflow-y:auto}.admin__column{max-width:68rem;margin-inline:auto}.admin__header,.admin__filters,.admin__group,.admin__banner,.admin__code,.admin-history,.admin__empty{background:var(--color-parchment);border:3px solid var(--color-outline);border-radius:.5rem;margin-bottom:.75rem;padding:.75rem 1rem}.admin__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.admin__title{font-size:var(--text-lg);margin:0}.admin__meta{font-size:var(--text-xs);word-break:break-all;margin:0}.admin__actions{flex-wrap:wrap;gap:.5rem;display:flex}.admin-link{align-items:center;text-decoration:none;display:inline-flex}.admin__tabs{gap:.25rem;margin-bottom:.75rem;display:flex}.admin__banner[data-tone=ok]{background:#d6ecc0}.admin__banner[data-tone=error]{background:#f3c9b9}.admin__code textarea{box-sizing:border-box;width:100%;font:inherit;font-size:var(--text-xs);margin-bottom:.5rem}.admin__filters{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin__search{flex:14rem}.admin__only-changed{align-items:center;gap:.4rem;display:inline-flex}.admin-input{box-sizing:border-box;border:3px solid var(--color-outline);min-height:2.5rem;color:var(--color-ink);font:inherit;font-size:var(--text-md);background:#fffaf0;border-radius:.35rem;padding:.2rem .5rem}.admin__group-title{font-size:var(--text-md);margin:0 0 .5rem}.admin__count{font-size:var(--text-xs);opacity:.7}.admin-row{border-top:2px dashed var(--color-panel-inner);grid-template-columns:minmax(12rem,2fr) minmax(7rem,1fr) minmax(10rem,1.2fr) minmax(8rem,1fr) auto;align-items:center;gap:.25rem .75rem;padding:.4rem .5rem;display:grid}.admin-row[data-changed=true]{background:#f8e3b4}.admin-row[data-edited=true]{box-shadow:inset 4px 0 0 var(--color-coin)}.admin-row[data-problem=true]{background:#f3c9b9}.admin-row__name{flex-direction:column;display:flex}.admin-row__key{font-family:inherit;font-size:var(--text-xxs);opacity:.6;word-break:break-all}.admin-row__default,.admin-row__range{font-size:var(--text-xs)}.admin-row__input{align-items:center;gap:.35rem;display:flex}.admin-row__input .admin-input:first-child{width:6rem}.admin-row__unit{font-size:var(--text-xs)}.admin-row__reset{min-height:2.25rem;font-size:var(--text-xs)}.admin-row__problem{font-size:var(--text-xs);color:#8a1f11;grid-column:1/-1;margin:0}.admin-history{list-style:none}.admin-history__row{border-top:2px dashed var(--color-panel-inner);grid-template-columns:1fr auto;gap:.25rem .75rem;padding:.4rem 0;display:grid}.admin-history__what{flex-wrap:wrap;gap:.25rem .75rem;display:flex}.admin-history__when{font-size:var(--text-xs);opacity:.75;grid-column:1}.admin-history__undo{grid-area:1/2/span 2;align-self:center}@media (width<=900px){.admin{padding:.5rem}.admin-row{grid-template-columns:1fr auto}.admin-row__name,.admin-row__default,.admin-row__range{grid-column:1/-1}.admin-row__input{grid-column:1}.admin-row__reset{grid-area:3/2}}