.install__title{display:flex;align-items:center;gap:14px}.install__icon{flex:none;width:52px;height:52px;border-radius:14px;box-shadow:inset 0 -3px 0 var(--shade)}.install__note{margin:0;font:var(--type-body);font-weight:650}.install__steps{display:flex;flex-direction:column;margin:0;padding:6px 14px;list-style:none;counter-reset:step;border-radius:16px;background:var(--wall)}.install__steps li{display:flex;align-items:center;gap:12px;padding:10px 0;font:var(--type-body);font-size:15px;counter-increment:step}.install__steps li+li{border-top:1.5px solid var(--shade)}.install__steps li:before{content:counter(step);flex:none;width:10px;font-weight:700;font-size:13px;color:var(--text-muted)}.install__steps b{font-weight:750}.install__glyph{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--surface);box-shadow:inset 0 -2px 0 var(--shade)}.install__glyph--word{font-weight:750;font-size:13px}.flight{position:fixed;inset:0;z-index:50;overflow:hidden;touch-action:none}.flight .flight__snapshot{isolation:isolate;background:var(--wall)}.flight__veil{position:absolute;inset:0;background:var(--wall)}.flight__tray,.flight .flight__face{position:absolute;margin:0;transform-origin:50% 50%;will-change:transform,opacity}.flight__tray{background:var(--c)}.flight .flight__face{box-sizing:border-box;min-height:0;max-width:none}.flight__tray--still{border-radius:var(--radius-tray-top) var(--radius-tray-top) var(--radius-tray-bottom) var(--radius-tray-bottom);box-shadow:inset 0 calc(-1 * var(--lip-tray)) 0 var(--d)}.flight__play{position:absolute;border-radius:10px;background:var(--surface)}@keyframes ob-steam{0%{transform:translateY(4px);opacity:0}40%{opacity:.85}to{transform:translateY(-10px);opacity:0}}.ob-steam{animation:ob-steam 3s ease-out infinite}@keyframes ob-flick{0%,to{transform:scale(1)}30%{transform:scale(.9,1.12)}60%{transform:scale(1.06,.94)}}.ob-flick{transform-box:fill-box;transform-origin:bottom center;animation:ob-flick 1.3s ease-in-out infinite}@keyframes ob-tw{0%,to{opacity:.45}50%{opacity:1}}.ob-tw{animation:ob-tw 2.6s ease-in-out infinite}@keyframes ob-tail{0%,to{transform:rotate(0)}50%{transform:rotate(4deg)}}.ob-tail{transform-box:fill-box;transform-origin:50% 0;animation:ob-tail 5s ease-in-out infinite}@keyframes ob-fall{0%{transform:translateY(-6px);opacity:0}20%{opacity:1}to{transform:translateY(20px);opacity:0}}.ob-fall{animation:ob-fall 3.5s linear infinite}@keyframes v-smoke{0%{transform:translateY(4px) scale(.7);opacity:0}30%{opacity:.8}to{transform:translate(6px,-16px) scale(1.3);opacity:0}}.v-smoke{transform-box:fill-box;transform-origin:center;animation:v-smoke 4s ease-out infinite}@keyframes v-gull{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.v-gull{animation:v-gull 2.4s ease-in-out infinite}@keyframes v-tw{0%,to{opacity:.3}50%{opacity:1}}.v-tw{animation:v-tw 3.5s ease-in-out infinite}@keyframes sc-rain{0%{transform:translateY(-10px);opacity:0}20%{opacity:1}to{transform:translate(-6px,70px);opacity:0}}.sc-rain{animation:sc-rain 1.3s linear infinite}@keyframes sc-snow{0%{transform:translateY(-10px);opacity:0}12%{opacity:1}to{transform:translate(-10px,190px);opacity:0}}.sc-snow{animation:sc-snow 9s linear infinite}@keyframes sc-leaf{0%{transform:translateY(-10px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(20px,190px) rotate(300deg);opacity:0}}.sc-leaf{transform-box:fill-box;transform-origin:center;animation:sc-leaf 9s linear infinite}@keyframes sc-petal{0%{transform:translateY(-10px) rotate(0);opacity:0}10%{opacity:1}35%{transform:translate(12px,55px) rotate(80deg)}65%{transform:translate(-4px,120px) rotate(170deg)}90%{opacity:1}to{transform:translate(10px,190px) rotate(260deg);opacity:0}}.sc-petal{transform-box:fill-box;transform-origin:center;animation:sc-petal 11s ease-in-out infinite}@keyframes sc-mist{0%,to{transform:translate(-18px);opacity:.55}50%{transform:translate(20px,-2.5px);opacity:1}}.sc-mist{animation:sc-mist 12s ease-in-out infinite}@keyframes sc-seed{0%{transform:translate(-10px);opacity:0}12%{opacity:.95}50%{transform:translate(60px,30px)}88%{opacity:.95}to{transform:translate(150px,70px);opacity:0}}.sc-seed{animation:sc-seed 16s ease-in-out infinite}@keyframes x-beam{0%,to{opacity:.08}45%{opacity:.32}55%{opacity:.32}}.x-beam{animation:x-beam 7s ease-in-out infinite}@keyframes x-bird{0%{transform:translate(0)}to{transform:translate(40px,-34px)}}.x-bird{animation:x-bird 9s linear infinite}@keyframes x-ff{0%,to{opacity:.15;transform:translate(0)}50%{opacity:1;transform:translate(3px,-4px)}}.x-ff{animation:x-ff 4s ease-in-out infinite}@keyframes br-glint{0%,to{opacity:.35;transform:translate(-2.5px)}50%{opacity:1;transform:translate(2.5px)}}.br-glint{animation:br-glint 5s ease-in-out infinite}@keyframes br-ripple{0%{opacity:0;transform:translate(-3px)}30%{opacity:.9}70%{opacity:.7}to{opacity:0;transform:translate(7px)}}.br-ripple{animation:br-ripple 6.5s ease-in-out infinite}@keyframes br-lean{0%,to{transform:skew(-1.6deg)}50%{transform:skew(1.4deg)}}.br-lean{transform-box:fill-box;transform-origin:50% 100%;animation:br-lean 6.5s ease-in-out infinite}@keyframes br-wind{0%,to{transform:skew(-4deg)}50%{transform:skew(3.5deg)}}.br-wind{transform-box:fill-box;transform-origin:50% 100%;animation:br-wind 4.2s ease-in-out infinite}@keyframes br-fern{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}.br-fern{transform-box:fill-box;transform-origin:50% 100%;animation:br-fern 5.5s ease-in-out infinite}@keyframes br-canopy{0%,to{transform:translate(-2.5px)}50%{transform:translate(2.5px)}}.br-canopy{animation:br-canopy 8s ease-in-out infinite}@keyframes br-shaft{0%,to{opacity:.14}50%{opacity:.34}}.br-shaft{animation:br-shaft 10s ease-in-out infinite}@keyframes br-plant{0%,to{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)}}.br-plant{transform-origin:50% 100%;animation:br-plant 8s ease-in-out infinite}@keyframes br-hang{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.br-hang{transform-origin:50% 3%;animation:br-hang 7s ease-in-out infinite}@keyframes br-curtain{0%,to{transform:rotate(0)}50%{transform:rotate(var(--sway,.5deg))}}.br-curtain{transform-box:fill-box;transform-origin:50% 0;animation:br-curtain 9s ease-in-out infinite}@keyframes br-lamp{0%,to{opacity:.72}50%{opacity:1}}.br-lamp{animation:br-lamp 6s ease-in-out infinite}@keyframes br-breathe{0%,to{transform:scale(1)}42%{transform:scale(1.008,1.03)}}.br-breathe{transform-origin:50% 100%;animation:br-breathe 4.4s ease-in-out infinite}@keyframes br-drift{0%{transform:translate(-90px)}to{transform:translate(250px)}}.br-drift{animation:br-drift 240s linear infinite}@keyframes mo-flap{0%,to{transform:scaleY(1)}50%{transform:scaleY(-.55)}}.mo-flap{transform-box:fill-box;transform-origin:50% 100%;animation:mo-flap .9s ease-in-out infinite}@keyframes mo-flutter{0%,to{transform:scaleX(1)}50%{transform:scaleX(.25)}}.mo-flutter{transform-box:fill-box;transform-origin:50% 50%;animation:mo-flutter .22s ease-in-out infinite}@keyframes mo-spin{to{transform:rotate(360deg)}}.mo-spin{transform-box:fill-box;transform-origin:50% 50%;animation:mo-spin 1.1s linear infinite}[data-gentle] .ob-steam,[data-gentle] .ob-flick,[data-gentle] .ob-tw,[data-gentle] .ob-tail,[data-gentle] .ob-fall,[data-gentle] .v-smoke,[data-gentle] .v-gull,[data-gentle] .v-tw,[data-gentle] .sc-rain,[data-gentle] .sc-snow,[data-gentle] .sc-leaf,[data-gentle] .sc-petal,[data-gentle] .sc-mist,[data-gentle] .sc-seed,[data-gentle] .x-beam,[data-gentle] .x-bird,[data-gentle] .x-ff,[data-gentle] .br-glint,[data-gentle] .br-ripple,[data-gentle] .br-lean,[data-gentle] .br-wind,[data-gentle] .br-fern,[data-gentle] .br-canopy,[data-gentle] .br-shaft,[data-gentle] .br-plant,[data-gentle] .br-hang,[data-gentle] .br-curtain,[data-gentle] .br-lamp,[data-gentle] .br-breathe,[data-gentle] .br-drift,[data-gentle] .mo-flap,[data-gentle] .mo-flutter,[data-gentle] .mo-spin{animation:none}[data-gentle] .x-beam{opacity:.2}[data-gentle] .x-ff{opacity:.7}.nook-view [data-name=sun]{transform:translate(var(--sun-dx, 0px),var(--sun-dy, 0px))}.nook-view[data-sun=none] [data-name=sun],.nook-view:not([data-stars]) .layer-stars{display:none}.nook-window--short [data-name=glazing-h],[data-name=glow],[data-theme=twilight] [data-theme=day] [data-name=glow]{display:none}[data-theme=twilight] [data-name=glow]{display:inline}.nook-view:not([data-season=spring]) [data-name^=spring-],.nook-view:not([data-season=summer]) [data-name^=summer-],.nook-view:not([data-season=autumn]) [data-name^=autumn-],.nook-view:not([data-season=winter]) [data-name^=winter-]{display:none}.nook-cat:not([data-marks~=stripes]) [data-name=stripes],.nook-cat:not([data-marks~=tail-stripes]) [data-name=tail-stripes],.nook-cat:not([data-marks~=chest]) [data-name=chest],.nook-cat:not([data-marks~=blaze]) [data-name=blaze],.nook-cat:not([data-marks~=paws]) [data-name=paws],.nook-cat:not([data-marks~=socks]) [data-name=socks],.nook-cat:not([data-marks~=cap]) [data-name=cap],.nook-cat:not([data-marks~=patches]) [data-name=patches]{display:none}.nook-cat .f-fur{fill:var(--cat-fur)}.nook-cat .s-fur{stroke:var(--cat-fur)}.nook-cat .f-tail{fill:var(--cat-tail)}.nook-cat .s-tail{stroke:var(--cat-tail)}.nook-cat .f-stripe{fill:var(--cat-stripe)}.nook-cat .s-stripe{stroke:var(--cat-stripe)}.nook-cat .f-tail-stripe{fill:var(--cat-tail-stripe)}.nook-cat .s-tail-stripe{stroke:var(--cat-tail-stripe)}.nook-cat .f-white{fill:var(--cat-white)}.nook-cat .s-white{stroke:var(--cat-white)}.nook-cat .f-patch{fill:var(--cat-patch)}.nook-cat .s-patch{stroke:var(--cat-patch)}.nook-cat .f-patch-dark{fill:var(--cat-patch-dark)}.nook-cat .s-patch-dark{stroke:var(--cat-patch-dark)}.nook-cat .f-eye{fill:var(--cat-eye)}.nook-cat .s-eye{stroke:var(--cat-eye)}.nook-cat .f-lid{fill:var(--cat-lid)}.nook-cat .s-lid{stroke:var(--cat-lid)}.nook-cat .f-nose{fill:var(--cat-nose)}.nook-cat .s-nose{stroke:var(--cat-nose)}.nook-cat .f-line{fill:var(--cat-line)}.nook-cat .s-line{stroke:var(--cat-line)}.nook-cat .f-muzzle{fill:var(--cat-muzzle)}.nook-cat .s-muzzle{stroke:var(--cat-muzzle)}.nook-cat .f-whisker{fill:var(--cat-whisker)}.nook-cat .s-whisker{stroke:var(--cat-whisker)}.nook-cat:not([data-marks~=stripes]) .m-stripes,.nook-cat:not([data-marks~=tail-stripes]) .m-tail-stripes,.nook-cat:not([data-marks~=chest]) .m-chest,.nook-cat:not([data-marks~=blaze]) .m-blaze,.nook-cat:not([data-marks~=paws]) .m-paws,.nook-cat:not([data-marks~=socks]) .m-socks,.nook-cat:not([data-marks~=cap]) .m-cap,.nook-cat:not([data-marks~=patches]) .m-patches{display:none}.nook-cat .far{filter:var(--cat-far)}.nook-cat .mouth{transform-box:fill-box;transform-origin:50% 50%}:is(.ob-steam,.ob-flick,.ob-tw,.ob-tail,.ob-fall,.v-smoke,.v-gull,.v-tw,.sc-rain,.sc-snow,.sc-leaf,.sc-petal,.sc-mist,.sc-seed,.x-beam,.x-bird,.x-ff):not([data-moving] *),.br-curtain:not([data-breeze] *),.nook-view:not([data-time=evening],[data-time=night]) .br-lamp{animation:none}[data-held] :is(.ob-steam,.ob-flick,.ob-tw,.ob-tail,.ob-fall,.v-smoke,.v-gull,.v-tw,.sc-rain,.sc-snow,.sc-leaf,.sc-petal,.sc-mist,.sc-seed,.x-beam,.x-bird,.x-ff,.br-glint,.br-ripple,.br-lean,.br-wind,.br-fern,.br-canopy,.br-shaft,.br-plant,.br-hang,.br-curtain,.br-lamp,.br-breathe,.br-drift,.mo-flap,.mo-flutter,.mo-spin){animation-play-state:paused}[data-name=curtain-left].br-curtain{--sway: -.5deg}[data-name=curtain-right].br-curtain{--sway: .5deg;animation-delay:-4s}.nook-clouds[data-grey] [fill]{fill:#c9ced3}.nook-clock [data-name=hour-hand]{transform:rotate(var(--clock-hour, 0deg));transform-origin:60px 50px}.nook-clock [data-name=minute-hand]{transform:rotate(var(--clock-minute, 0deg));transform-origin:60px 50px}.nook-sideboard{position:relative;min-height:calc(96px + env(safe-area-inset-bottom));box-sizing:border-box;overflow:hidden;background:var(--wood);border-top:12px solid var(--wood-edge)}.nook-sideboard__run{position:absolute;top:0;left:0;bottom:0;display:flex}.nook-sideboard__bay{flex:none;display:grid;grid-template-columns:104px 136px 104px;gap:8px;width:390px;box-sizing:border-box;padding:10px 15px calc(16px + env(safe-area-inset-bottom))}.nook-sideboard__door{position:relative;display:flex;align-items:center;justify-content:center;min-height:58px;border-radius:8px;box-shadow:inset 0 0 0 2px var(--wood-door)}.nook-sideboard__knob{width:8px;height:8px;border-radius:50%;background:var(--brass)}.nook-sideboard__plate{padding:3px 10px 4px;border-radius:5px;background:var(--brass);box-shadow:inset 0 -2px #0000002e;color:var(--ink-on-colour);font-weight:800;font-size:13px;line-height:1}.screen-move{position:fixed;inset:0;overflow:hidden;pointer-events:none}.screen-move--under{z-index:0}body:has(.screen[data-arriving]){overflow-x:clip}.screen[data-arriving]{position:relative;z-index:1;background:var(--wall);will-change:transform,clip-path}.screen-move--over{z-index:50;pointer-events:auto}.screen-move__snapshot{position:absolute;margin:0;background:var(--wall);isolation:isolate;will-change:transform,clip-path}.screen-move__veil{position:absolute;inset:0;background:var(--wall);opacity:0}.screen.hub,.wall,.wall__track,.room,.pile{isolation:isolate}.screen.hub{position:fixed;inset:0 0 auto;z-index:0;height:100dvh;display:block;padding:0;overflow:clip}.screen.hub.hub--under{pointer-events:none}.wall{position:absolute;inset:0;overflow:clip;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.wall svg{-webkit-user-drag:none}.wall__track{position:absolute;left:0;bottom:0;width:0;height:calc(100% / var(--room-scale, 1));transform-origin:bottom left;will-change:transform}.room{position:absolute;bottom:0;width:390px;height:min(100%,844px)}.wall__glimpse--left .room{clip-path:inset(0 0 0 calc(100% - var(--glimpse, 140px)))}.wall__glimpse--right .room{clip-path:inset(0 calc(100% - var(--glimpse, 140px)) 0 0)}.wall[data-dragging] .gn-box:active .gn-box__lid,.wall[data-dragging] .gn-box.is-pressed .gn-box__lid{translate:0 0;rotate:0deg;transform:translate(100%) rotate(0) translate(-100%)}.hub__dots{position:absolute;left:0;right:0;bottom:calc((96px + env(safe-area-inset-bottom)) * var(--room-scale, 1) - 9px);z-index:2;display:flex;justify-content:center;gap:6px;pointer-events:none}.hub__dots span{width:6px;height:6px;border-radius:50%;background:var(--wood-door)}.hub__dots .is-shown{background:var(--brass)}.wall__track{z-index:0}.room{z-index:1;pointer-events:none}.hub .nook-sideboard{z-index:0}.room__window,.room__top{z-index:1}.room__hanging,.room__wall{z-index:2}.room__corner,.room__side{z-index:3}.pile{z-index:4}.wall__cat{z-index:2}.room__window,.room__top{position:absolute;left:1px;top:max(24px,env(safe-area-inset-top) + 8px);width:389px;height:var(--window-height, 280px)}.room__fill{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.room__part{position:absolute;display:block;pointer-events:none}.room__hanging{top:max(22px,env(safe-area-inset-top) + 6px)}.room [data-tap],.room__window [data-name^=curtain-]{pointer-events:auto}.room__hanging{transform-origin:50% 3%}.room__corner{transform-origin:50% 100%}.room__wall{transform-origin:50% 0}.wall__cat{position:absolute;left:0;top:0;width:390px;height:100%;overflow:visible;pointer-events:none}.wall__cat [data-tap=cat]{pointer-events:none}.wall__cat [data-tap=cat] .cat{pointer-events:visiblePainted}.room__corner,.room__side{bottom:calc(96px + env(safe-area-inset-bottom))}[data-theme=twilight] .room__dim{filter:brightness(.82) saturate(.9)}.pile{position:absolute;pointer-events:auto;left:12px;bottom:calc(96px + env(safe-area-inset-bottom));width:292px}.pile--clear{left:40px}.pile__item{position:absolute;z-index:0}.pile__item--cat{z-index:1}.pile__item:has(.gn-box:active:not(:disabled)),.pile__item:has(.gn-box.is-pressed),.pile__item:has(.gn-box:focus-visible){z-index:2}.pile__slot,.pile__slot>.gn-box{width:100%;height:100%}.pile__slot>.gn-box{min-height:0}.pile__slot .gn-box__art svg{display:block;width:100%;height:100%}.pile__blank{cursor:default}.pile__pencil{display:block;pointer-events:none}.pile__book{width:100%;height:100%;border-radius:3px 2px 2px 3px;background:#c8702f;box-shadow:inset 0 -3px #a85a24,inset -6px 0 #f4eee4,inset -6px 3px #f4eee4}.hub .nook-sideboard{position:absolute;bottom:0}.hub__gear.gn-iconbtn{background:var(--wood-door);color:var(--on-wood);box-shadow:inset 0 -3px #0003}.screen{min-height:100%;display:flex;flex-direction:column;gap:var(--space-4);padding-inline:max(var(--space-4),env(safe-area-inset-left)) max(var(--space-4),env(safe-area-inset-right))}.screen__title{margin:var(--space-6) 0 0;font:var(--type-moment)}.screen__band{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;min-height:60px;margin-top:var(--space-2)}.screen.game__screen,.screen.settings{padding-top:max(env(safe-area-inset-top),var(--space-4))}.screen__band .screen__title{margin:0;text-align:center}.screen h1:focus{outline:none}.game,.screen:not(.hub){position:relative;z-index:1}.game{min-height:100%;display:flex;flex-direction:column}.game>.game__screen{flex:1}.game__top{padding-top:var(--space-2)}.game__bottom{margin-top:var(--space-3)}.game__screen{touch-action:none;padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.game__middle{flex:1 1 0px;min-height:0;display:grid;place-items:center;container-type:size}.game__tray>.gn-tray__play{width:min(var(--board-w) * 1px,100cqw - 20px,(100cqh - 33px) * var(--board-w) / var(--board-h));aspect-ratio:var(--board-w) / var(--board-h)}.game[data-settling] .game__top{animation:game-band-in .16s var(--ease-settle) both}.game[data-settling] .game__bottom{animation:game-band-in-up .16s var(--ease-settle) both}.game[data-settling] .gn-tray__play>*{animation:game-fade-in .16s var(--ease-settle) both}.game[data-leaving] .game__top,.game[data-leaving] .game__bottom,.game[data-leaving] .gn-tray__play>*{animation:game-fade-in var(--leave-fade) var(--ease-settle) reverse both}@keyframes game-band-in{0%{opacity:0;translate:0 -8px}}@keyframes game-band-in-up{0%{opacity:0;translate:0 8px}}@keyframes game-fade-in{0%{opacity:0}}.settings{gap:22px;padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}.settings__version{margin:4px 6px var(--space-4);font-weight:500;font-size:12px;color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;user-select:text;-webkit-user-select:text}.settings__update{color:var(--text-soft)}.settings__note{margin:10px 6px 0;font-weight:500;font-size:12.5px;line-height:1.4;color:var(--text-muted)}.app-crash{min-height:100dvh;box-sizing:border-box;padding:max(var(--space-4),env(safe-area-inset-top)) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom))}