.sky{position:absolute;inset:0;overflow:hidden;isolation:isolate;z-index:var(--z-sky);background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 55%,var(--sky-low) 100%)}.stars{position:absolute;right:0;top:0}.stars.twinkle{animation:twinkle var(--t-twinkle) var(--ease-twinkle) infinite alternate}@keyframes twinkle{0%{opacity:var(--kf-twinkle-dim)}to{opacity:var(--kf-twinkle-bright)}}.moon{position:absolute;right:24px;top:64px;width:64px;filter:drop-shadow(0 0 14px rgba(250,229,184,.45));transition:filter var(--t-fade) var(--ease-fade)}.far{position:absolute;inset:0}.far img{position:absolute;left:0;top:0;will-change:transform,opacity;animation:bob var(--dur) var(--ease-bob) infinite}@keyframes bob{50%{translate:0 var(--amp)}}@keyframes drift-right{to{translate:var(--tile) 0}}@keyframes drift-left{to{translate:calc(-1 * var(--tile)) 0}}.clouds{position:absolute;left:calc(-1 * var(--tile, 941px));right:calc(-1 * var(--tile, 941px));bottom:0;background:url(../assets/sky/clouds.webp) right bottom / auto 100% repeat-x;animation:drift-right var(--t-drift-clouds) var(--ease-drift) infinite;opacity:.9}.sky-traffic{position:absolute;inset:0}.world{position:absolute;inset:0;z-index:var(--z-world);animation:float var(--t-float) var(--ease-float) infinite}@keyframes float{50%{translate:0 var(--kf-float-y-px)}}.scroller{position:absolute;inset:0;z-index:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.stage{position:relative;min-height:100%;display:grid;place-items:center;padding:var(--pad-top, 64px) 0 var(--pad-bottom, 12px)}.tower{position:relative;width:var(--tw, 300px);aspect-ratio:var(--tower-ar)}.tower>img,.tower .section{display:block;width:100%;filter:brightness(calc(.55 + .33 * var(--light))) saturate(calc(.62 + .3 * var(--light))) hue-rotate(-6deg);transition:filter var(--t-light) var(--ease-light)}.tower .section{position:absolute;left:0;pointer-events:none}.tower .section[hidden]{display:none}.glow{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:var(--light);transition:opacity var(--t-light) var(--ease-light);animation:flicker var(--t-flicker) steps(var(--steps-flicker)) infinite}.glow img{position:absolute;left:0;width:100%}.glow .glow-base{top:0}@keyframes flicker{0%,to{filter:none}40%{filter:brightness(var(--kf-flicker-p40))}70%{filter:brightness(var(--kf-flicker-p70))}}.glow.bloom{filter:blur(calc(var(--tw, 300px) * .018)) brightness(1.5);opacity:calc(var(--light) * .9);animation:none}.glow.unlit{mix-blend-mode:normal;animation:none;filter:brightness(.22) saturate(.4) hue-rotate(190deg);opacity:calc((1 - var(--light)) * .85)}.wash{position:absolute;inset:0;pointer-events:none;-webkit-mask:url(../assets/tower/tower-base.webp) 0 0 / 100% 100%;mask:url(../assets/tower/tower-base.webp) 0 0 / 100% 100%;background:linear-gradient(180deg,rgba(247,180,79,calc(var(--light) * .35)) 0%,rgba(247,180,79,calc(var(--light) * .12)) 45%,transparent 75%),linear-gradient(180deg,rgba(90,110,190,calc((1 - var(--light)) * .35)),rgba(40,50,110,calc((1 - var(--light)) * .45)));mix-blend-mode:soft-light}.fog{position:absolute;left:calc(-1 * var(--tile, 941px));right:calc(-1 * var(--tile, 941px));bottom:-8px;pointer-events:none;z-index:2;height:calc(12% + (1 - var(--light)) * 38%);background:url(../assets/sky/clouds.webp) right top / var(--tile, 941px) var(--tile-h, 455px) repeat-x;filter:grayscale(.7) brightness(.45) hue-rotate(10deg);opacity:calc(.1 + (1 - var(--light)) * .6);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 35%);mask-image:linear-gradient(to bottom,transparent,#000 35%);transition:height var(--t-fog) var(--ease-fog),opacity var(--t-fog) var(--ease-fog);animation:drift-left var(--t-drift-fog) var(--ease-drift) infinite}.sec-hit{position:absolute;z-index:2;padding:0;margin:0;border:0;background:none;border-radius:12px}.sec-hit:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.kin{position:absolute;left:var(--kin-left, 0);top:var(--kin-top, 0);width:var(--kin-w, 80px);aspect-ratio:1;z-index:3;pointer-events:none;transform-origin:54% 93%;animation:breathe var(--t-breathe-threshold) var(--ease-breathe-threshold) infinite;--fogfeet: clamp(0, 1 - 2.5 * var(--light), 1);filter:brightness(calc(.56 + .44 * var(--light))) saturate(calc(.6 + .4 * var(--light))) contrast(calc(.78 + .22 * var(--light))) hue-rotate(calc((1 - var(--light)) * -12deg));transition:filter var(--t-light) var(--ease-light)}.kin[hidden]{display:none}.kin:before{content:"";position:absolute;left:30%;right:20%;bottom:4.5%;height:6%;background:radial-gradient(50% 50% at 50% 50%,rgba(12,14,28,.75),transparent 70%);opacity:calc(.25 + .35 * (1 - var(--light)));filter:blur(calc(2px + (1 - var(--light)) * 2px))}.kin:after{content:"";position:absolute;left:-18%;right:-18%;bottom:1%;height:22%;background:radial-gradient(50% 45% at 50% 60%,rgba(104,104,122,.9),transparent 72%);opacity:calc(var(--fogfeet) * .85);filter:blur(6px);transition:opacity var(--t-fog) var(--ease-fog)}.kin img{-webkit-mask-image:linear-gradient(to top,transparent 5%,rgba(0,0,0,calc(1 - .75 * var(--fogfeet))) 8%,#000 20%);mask-image:linear-gradient(to top,transparent 5%,rgba(0,0,0,calc(1 - .75 * var(--fogfeet))) 8%,#000 20%)}.kin .kinfig .kf-body,.kin .kinfig .kf-eyes,[data-light=ember] .kin,[data-light=out] .kin,.kin.asleep{animation:none}.flies{position:absolute;inset:0;z-index:3;pointer-events:none}.firefly{position:absolute;left:-2px;top:-2px;width:4px;height:4px;border-radius:50%;background:#ffe9b0;box-shadow:0 0 6px 2px #f7b44fbf,0 0 14px 5px #f7b44f40;opacity:0;transition:opacity var(--t-firefly-fade) var(--ease-firefly-fade);will-change:transform,opacity}.resizing .world,.resizing .place,.resizing .map-fly{transition:none!important}
/*# sourceMappingURL=island.css.map */