@font-face{font-family:Playwrite GB S;src:url(../fonts/playwrite-gb-s.woff2)format("woff2");font-weight:100 400;font-display:swap}body{--color-text:#322d6f;background-color:#010101;background-image:linear-gradient(#80897c,#110e07);background-attachment:fixed;justify-content:center;min-height:100vh;margin:0;padding:0;font-size:16px;font-style:normal;font-weight:500;display:grid}#home{font-optical-sizing:auto;color:var(--color-text);box-sizing:border-box;--icon-size:clamp(3rem, 7vw, 6rem);--line:calc(var(--icon-size) * .74 / 24);background:url(../assets/paper.webp) 50%/cover no-repeat;align-self:center;justify-items:center;gap:clamp(1.5rem,4vw,3rem);width:clamp(340px,65vw,850px);padding:clamp(2rem,6vw,4rem) clamp(2rem,8vw,6rem);font-family:Playwrite GB S,system-ui;font-size:clamp(1rem,2vw,1.5rem);display:grid;container-type:inline-size}#home h1{text-align:center;white-space:nowrap;margin:0 -.14em;font-size:21.645cqi;font-weight:100}#home p{text-align:center;margin:0;line-height:1.35em}#home .warning{font-size:.75em}#home #start{padding:calc(.3em + var(--line)) calc(1.2em + var(--line));box-shadow:inset 0 0 0 var(--line) currentColor;color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.4em;font-size:1.4em;transition:transform .2s ease-in-out}#home #start:hover{transform:scale(1.05)}#home #start[aria-busy]{cursor:progress}#home svg{width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentColor;stroke-width:.74px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:transform .2s ease-in-out}#home .links{grid-template-columns:repeat(3,max-content);justify-content:center;gap:1.5em;display:grid}#home a{color:var(--color-text);justify-items:center;gap:.5em;text-decoration:none;display:grid}#home a:hover svg{transform:scale(1.05)}#home #code{color:var(--color-text);font:inherit;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed;padding:.2em .1em;transition:transform .2s ease-in-out}#home #code:hover{transform:scale(1.05)}body.game #home,body.game #vignette,body.game #grain{display:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}#game{z-index:1;touch-action:none;position:fixed;inset:0}#game-ui{z-index:3;pointer-events:none;position:fixed;inset:0}body:has(.laptop-screen-full,.laptop-screen-zooming) #game-ui{opacity:0}#home{z-index:3;position:relative}#backdrop{filter:blur(.9px)}#vignette,#grain{z-index:2;pointer-events:none;width:100vw;height:100dvh;position:fixed;top:0;left:0}#vignette{background:radial-gradient(#0000 45%,#0009 100%)}#grain{opacity:.16;mix-blend-mode:overlay;overflow:hidden}#grain:before{content:"";background:url(../assets/grain.webp) 0 0 / var(--grain-size,256px) var(--grain-size,256px) repeat;image-rendering:pixelated;position:absolute;inset:0}#backdrop{z-index:0;background:url(../assets/corridor.jpg) 50%/cover no-repeat;width:100vw;height:100dvh;position:fixed;top:0;left:0}@supports (background-image:image-set(url('x') type('image/avif'))){#backdrop{background-image:-webkit-image-set(url(../assets/corridor.avif) 1x type("image/avif"),url(../assets/corridor.jpg) 1x type("image/jpeg"));background-image:image-set("../assets/corridor.avif" 1x type("image/avif"),"../assets/corridor.jpg" 1x type("image/jpeg"))}}
