@font-face{font-family:Outfit Gel;src:url(./Outfit-ExtraBold-fHtA0vXE.woff) format("woff");font-weight:800;font-display:swap}:root{--ink: #2b2522;--white: #fffdf8;--deep: #08162f;--round: "Outfit Gel", "Arial Rounded MT Bold", system-ui, sans-serif}html,body{margin:0;height:100%;background:#000;color:var(--white);overflow:hidden}body{font:800 1rem/1.3 var(--round);-webkit-tap-highlight-color:transparent}#scene{position:fixed;inset:0}#backdrop,#door{transition:opacity .9s ease}body.playing #backdrop,body.playing #door{opacity:0;pointer-events:none}body.played #backdrop,body.played #door{display:none}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#loading{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#000;transition:opacity .18s ease,background-color .5s ease}#loading[hidden]{display:none}#loading.gone{opacity:0;pointer-events:none;transition-duration:.4s}#loading.flying{background-color:transparent;pointer-events:none}#loading.flying .track{opacity:0;transition:opacity .18s ease}#loading .stand{width:min(50rem,86vw);display:flex;flex-direction:column}#loading .row{position:relative;width:100%;aspect-ratio:var(--ar, 11);perspective:900px}#loading .gl{animation:none;filter:brightness(.17) saturate(.45);transition:filter .16s ease}#loading .gl.awake{filter:none}#loading .track{--h: clamp(.95rem, 2.4vh, 1.3rem);--u: calc(var(--h) / 8);height:var(--h);border-radius:99rem;background:#1a181d;overflow:hidden;will-change:transform}#loading .fill{display:block;box-sizing:border-box;width:100%;height:100%;transform:translate(-100%);will-change:transform;border:0 solid transparent;border-image-source:url(./capsule-yellow-Db44X60j.webp);border-image-slice:18 162 fill;border-image-width:var(--u) calc(var(--u) * 9);border-image-outset:var(--u);border-image-repeat:stretch}#door-logo.flown .gl{animation:none}#backdrop{position:fixed;inset:0;z-index:1;overflow:hidden;background:linear-gradient(#4d84c9 0 40%,#0b4f83 40% 58%,#1ab6c2)}#backdrop img,#backdrop video{position:absolute;left:-2%;top:-2%;width:104%;height:104%;max-width:none;object-fit:cover;opacity:0;translate:var(--px, 0) var(--py, 0);transition:opacity .7s ease}#backdrop img.on,#backdrop video.on{opacity:1}#door{position:fixed;inset:0;z-index:2;box-sizing:border-box;padding:clamp(12px,3vh,36px) clamp(14px,2.6vw,44px);display:grid;gap:clamp(4px,1.2vh,14px);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"title" "enter"}#door h1{grid-area:title;margin:0;min-height:0;container-type:size;display:flex;align-items:center;justify-content:center;font:800 clamp(2.4rem,8vh,4rem)/1 var(--round);text-align:center}#door-logo{display:none;position:relative;width:min(100cqw,calc(100cqh * var(--ar, 1.15)));aspect-ratio:var(--ar, 1.15);perspective:1100px}#door h1.loaded #door-logo{display:block}.gl{position:absolute;display:block;cursor:pointer;animation:blow-up .6s cubic-bezier(.2,1.5,.4,1) both;touch-action:none}.gl i{display:block;width:100%;height:100%;background-repeat:no-repeat;will-change:transform}#door .enter .primary .letters{position:absolute;inset:0;display:block;perspective:800px;pointer-events:none}#door .enter .primary .gl{pointer-events:none}#door h1.loaded .name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes blow-up{0%{opacity:0;scale:.62}}@keyframes rise{0%{opacity:0;translate:0 1.4rem}}.gel,#social-controls button,#social-controls select,#door-comfort .sheet button{--u: calc(var(--h, 3.2rem) / 8);box-sizing:border-box;height:var(--h, 3.2rem);padding:0 calc(var(--h, 3.2rem) * .46);margin:0;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;background:none;cursor:pointer;font:800 calc(var(--h, 3.2rem) * .36)/1 var(--round);color:var(--white);text-shadow:0 .06em .1em #2a086c8c;white-space:nowrap;border:0 solid transparent;border-image-source:url(./capsule-lilac-BQDqCWhF.webp);border-image-slice:18 162 fill;border-image-width:var(--u) calc(var(--u) * 9);border-image-outset:var(--u);border-image-repeat:stretch;scale:var(--sx, 1) var(--sy, 1);transition:filter .12s ease,translate .12s ease}.gel:hover,#social-controls button:hover,#door-comfort .sheet button:hover{filter:brightness(1.1);translate:0 -.12rem}.gel:focus-visible,#social-controls button:focus-visible,#door-comfort .sheet button:focus-visible{outline:.22rem solid var(--white);outline-offset:.28rem;border-radius:99rem}#door .enter{grid-area:enter;display:flex;flex-direction:column;align-items:center;gap:.55rem}body.ready #door .enter{animation:rise .5s .15s both}#door .enter .buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .9rem}#door .enter button[hidden]{display:none}#door .enter button{--h: 3rem}#door .enter .primary{flex:0 0 100%;max-width:min(26rem,56vw,46vh);margin-inline:auto;width:min(26rem,56vw,46vh);height:auto;aspect-ratio:var(--ar, 3.05);padding:0;border:0;background:none;position:relative;color:transparent;text-shadow:none;font-size:1.4rem;cursor:pointer;transition:filter .25s ease}#door .enter .primary:hover{filter:brightness(1.08)}#door .enter .primary:focus-visible{outline:.24rem solid var(--white);outline-offset:.15rem;border-radius:2rem}body:not(.ready) #door .enter button,body.busy #door .enter button{filter:saturate(.25) brightness(.92);pointer-events:none}#door .status{margin:0;min-height:1.3em;font-size:1.02rem;text-shadow:0 .08em 0 #08162f99,0 0 .7em #08162f80;text-align:center}#door-comfort{position:fixed;left:clamp(10px,1.6vw,26px);bottom:clamp(10px,2vh,22px);z-index:4}#door-comfort summary{display:block;width:3.1rem;height:3.1rem;list-style:none;cursor:pointer;background:url(./cog-CvWeK5dB.webp) center / contain no-repeat;color:transparent;overflow:hidden;scale:var(--sx, 1) var(--sy, 1);transition:rotate .4s cubic-bezier(.2,1.5,.4,1),filter .12s ease}#door-comfort summary::-webkit-details-marker{display:none}#door-comfort summary:hover{filter:brightness(1.1)}#door-comfort[open] summary{rotate:60deg}#door-comfort summary:focus-visible{outline:.22rem solid var(--white);outline-offset:.15rem;border-radius:50%}#door-comfort .sheet{position:absolute;left:0;bottom:3.6rem;box-sizing:border-box;width:min(24rem,calc(100vw - 28px));max-height:calc(100vh - 6rem);overflow-y:auto;scrollbar-width:none;padding:1.5rem 1.6rem;border:0 solid transparent;border-image:url(./slab-BwBxLghA.webp) 96 fill / 3rem / 0 stretch;font-size:1.02rem;animation:blow-up .28s cubic-bezier(.2,1.4,.4,1) both;transform-origin:0 100%}#door-comfort .sheet p{margin:0 0 .8rem}#door-comfort .sheet .why{font-size:1.1rem}#door-comfort fieldset{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:.7rem}#door-comfort legend{display:none}#door-comfort fieldset label{display:flex;align-items:center;justify-content:space-between;gap:.9rem;cursor:pointer}#door-comfort input[type=checkbox]{appearance:none;flex:none;position:relative;width:3.8rem;height:2.1rem;margin:0;cursor:pointer;border:0 solid transparent;border-image:url(./capsule-coral-C6Ll7LiJ.webp) 18 162 fill / .26rem 2.36rem / .26rem stretch}#door-comfort input[type=checkbox]:checked{border-image-source:url(./capsule-yellow-Db44X60j.webp)}#door-comfort input[type=checkbox]:before{content:"";position:absolute;left:.1rem;top:.05rem;width:2rem;height:2rem;background:url(./ball-DaGBP3oO.webp) center / contain no-repeat;transition:left .22s cubic-bezier(.2,1.5,.4,1);filter:saturate(0) brightness(1.5)}#door-comfort input[type=checkbox]:checked:before{left:1.7rem}#door-comfort input[type=number]{width:5rem;height:2.3rem;box-sizing:border-box;padding:0 .7rem;border:0;border-radius:99rem;background:var(--white);color:var(--ink);font:800 1.05rem var(--round);text-align:center}#door-comfort .sheet button{--h: 2.5rem;align-self:flex-start}#door-comfort .presets{display:flex;gap:.6rem}#door-comfort .note{margin:.3rem 0 0;font-size:.92rem;line-height:1.35}#door-comfort .foot{margin:1rem 0 0;display:flex;gap:1.2rem}#door-comfort .foot a{color:inherit;text-underline-offset:.2em}#door-comfort a:focus-visible{outline:.18rem solid var(--white);outline-offset:.15rem}#door .note{margin:0;text-align:center;text-shadow:0 .08em 0 #08162f99,0 0 .7em #08162f80}#door .agree{margin:0;font-size:.9rem;text-align:center;text-shadow:0 .08em 0 #08162f99,0 0 .7em #08162f80}#door .agree a{color:inherit;text-underline-offset:.2em}#door .agree a:focus-visible{outline:.18rem solid var(--white);outline-offset:.15rem}@media(prefers-reduced-motion:reduce){#backdrop img,.gel,#door .enter,body.ready #door .enter,#door-comfort .sheet,#door-comfort summary,#loading,#loading.gone,#loading .gl,#backdrop,#door{transition:none;animation:none}#door h1 img,body.ready:not(.busy) #door .enter .primary{animation:none}}#player-controls{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#player-controls[hidden]{display:none}#social-controls,#social-controls:not([open]){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#door-comfort .game-update{margin-top:1rem;padding-top:.8rem;border-top:1px solid #ffffff55}#door-comfort .game-update[hidden]{display:none}#door-comfort .game-update button:disabled{opacity:.6;cursor:wait;translate:none}
