:root{color-scheme:dark;background:#000;color:#f6f6f6;font-family:Schibsted Grotesk,system-ui,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000}html{-webkit-user-select:none;user-select:none}::selection{background:#ff46aa59;color:#fff}[hidden]{display:none!important}.room{position:fixed;inset:0}.scene{position:absolute;inset:0;width:100%;height:100%;display:block}.at-screen .scene{cursor:zoom-out}.name{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.still{position:absolute;inset:0;display:none;background:#000 url(../../img/landing/plate.jpg) 50% 49% / cover no-repeat;filter:brightness(.55) contrast(1.1)}.nogl .scene,html:not(.js) .scene{display:none}.nogl .still,html:not(.js) .still{display:block}html:not(.js) .tester{opacity:1}.nogl .name,html:not(.js) .name{position:absolute;width:auto;height:auto;margin:0;clip:auto;overflow:visible;left:50%;top:48%;transform:translate(-50%,-50%);font-size:clamp(28px,3.2vw,46px);font-weight:500;letter-spacing:-.02em}.tester{position:fixed;right:max(28px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;min-height:44px;padding:0 2px;gap:10px;font-size:15px;line-height:1;letter-spacing:.01em;color:#c4c4c4;text-decoration:none;opacity:0;transition:color .25s ease,opacity 1.8s cubic-bezier(.16,.84,.3,1);-webkit-tap-highlight-color:transparent}.linked .tester{opacity:1}.at-screen .tester{opacity:0;pointer-events:none}.tester:hover{color:#f6f6f6}.tester:focus-visible{outline:1px solid #f6f6f6;outline-offset:4px;border-radius:2px;color:#f6f6f6}.tester .dot{width:6px;height:6px;border-radius:50%;background:var(--live, #b907da);box-shadow:0 0 8px var(--live, #b907da);animation:tester-breathe 2.4s ease-in-out infinite}.tester.known .dot{animation-duration:3.6s}.tester .arrow{transition:transform .25s cubic-bezier(.16,.84,.3,1)}.tester:hover .arrow{transform:translate(3px,-3px)}@keyframes tester-breathe{0%,to{opacity:.45}50%{opacity:1}}@media(max-width:600px){.tester{right:50%;transform:translate(50%);bottom:max(18px,env(safe-area-inset-bottom))}}.tester.placed{inset:0 auto auto 0;transform:none;font-size:16px;gap:11px}.tester.placed .dot{width:7px;height:7px}.tester.placed .arrow{width:14px;height:14px}.console{position:absolute;left:0;top:0;transform-origin:0 0;color:#f6f6f6;font-size:clamp(13px,calc(var(--u) * 1.55),18px);opacity:0;transition:opacity .45s cubic-bezier(.16,.84,.3,1);user-select:text;-webkit-user-select:text}.console.on{opacity:1}.console-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.console-panel{position:absolute;left:50%;transform:translate(-50%,-50%);top:calc(42% - var(--u) * .6 - .58em);width:72%;padding:calc(var(--u) * 3) calc(var(--u) * 5);background:radial-gradient(ellipse at center,#0000008c,#00000047 45%,#0000 72%)}.console-form{display:grid;justify-items:center;gap:calc(var(--u) * 1.2);width:100%;transition:opacity .45s ease,filter .45s ease}.console-line{position:relative;display:flex;align-items:center;width:100%;gap:calc(var(--u) * .8);border-bottom:1px solid rgba(246,246,246,.5);transition:border-color .25s ease}.console-line:focus-within{border-bottom-color:#f6f6f6}.console-line input{flex:1;min-width:0;padding:.45em 0 .5em calc(var(--u) * 3.6);border:0;background:transparent;color:#f6f6f6;outline:none;font:inherit;font-size:clamp(15px,calc(var(--u) * 2.3),28px);letter-spacing:.14em;text-align:center}.console-line input::placeholder{color:transparent}.console-hint{position:absolute;left:0;top:0;bottom:0;right:calc(max(32px,var(--u) * 2.8) + var(--u) * .8);display:grid;align-items:center;justify-items:center;padding:.45em 0 .5em calc(var(--u) * 3.6);font-size:clamp(15px,calc(var(--u) * 2.3),28px);letter-spacing:.01em;color:#f6f6f699;white-space:nowrap;pointer-events:none}.console-hint>span{grid-area:1 / 1;transition:opacity .45s ease,filter .45s ease}.hint-no,.denied .hint-ask{opacity:0;filter:blur(4px)}.denied .hint-no{opacity:1;filter:none}.console-line input:not(:placeholder-shown)+.console-hint{visibility:hidden}.console-enter{display:inline-flex;align-items:center;justify-content:center;width:max(32px,calc(var(--u) * 2.8));height:max(32px,calc(var(--u) * 2.8));border:0;background:none;color:#f6f6f6;opacity:.7;cursor:pointer;padding:0;transition:opacity .2s ease,transform .25s cubic-bezier(.16,.84,.3,1)}.console-enter svg{width:70%;height:70%}.console-enter:hover{opacity:1;transform:translate(2px)}.console-enter:disabled{opacity:.3}.console-enter:focus-visible{outline:none;box-shadow:0 0 0 1px #fffc;border-radius:4px}.console-line.bad{border-bottom-color:#ff9cbf}.console-line.shake{animation:line-shake .56s cubic-bezier(.33,0,.2,1)}@keyframes line-shake{0%{transform:translate(0)}14%{transform:translate(-7px)}30%{transform:translate(5.5px)}46%{transform:translate(-3.5px)}62%{transform:translate(2px)}78%{transform:translate(-.8px)}to{transform:translate(0)}}.step-out .console-form{opacity:0;filter:blur(6px)}.console-in{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;display:grid;justify-items:center;gap:calc(var(--u) * 3.6)}.console .screen-hi{opacity:0;filter:blur(8px);transform:translateY(10px);transition:opacity 1.2s cubic-bezier(.16,.84,.3,1),filter 1.4s cubic-bezier(.16,.84,.3,1),transform 1.4s cubic-bezier(.16,.84,.3,1)}.step-hi .screen-hi{opacity:1;filter:blur(0);transform:none}.console .screen-paths{width:min(86%,calc(var(--u) * 76))}.console .path{opacity:0;transform:translateY(10px);transition:opacity .9s cubic-bezier(.16,.84,.3,1),transform .9s cubic-bezier(.16,.84,.3,1),border-color .25s ease,background .25s ease}.step-full .path{opacity:1;transform:none;transition-delay:calc(.1s + var(--i) * .14s),calc(.1s + var(--i) * .14s),0s,0s}.step-full .path.locked{opacity:.62}.console .screen-note{opacity:0;transition:opacity 1s cubic-bezier(.16,.84,.3,1);user-select:text;-webkit-user-select:text}.step-full .screen-note{opacity:1;transition-delay:.7s}.console-out{position:absolute;z-index:1;top:calc(var(--u) * 2.4);left:calc(var(--u) * 2.6);padding:.4em .2em;border:0;background:none;cursor:pointer;font:inherit;font-size:clamp(15px,calc(var(--u) * 1.9),22px);color:#ff6b6b;opacity:0;pointer-events:none;transition:opacity .9s cubic-bezier(.16,.84,.3,1),color .2s ease}.step-full .console-out{opacity:1;pointer-events:auto;transition-delay:.5s,0s}.console-out:hover{color:#ff8e8e}.console-out:focus-visible{outline:none;box-shadow:0 0 0 1px #ffffffb3;border-radius:4px}@media(max-width:600px)and (orientation:portrait){.console-panel:has(>.console-in:not([hidden])){inset:0;width:auto;padding:0;transform:none;background:none}.console-in{top:0;left:0;height:100%;transform:none;grid-template-rows:100% auto auto;align-content:start;justify-items:stretch;gap:20px}.console .screen-hi{align-self:center;justify-self:center}.console .screen-paths{width:100%}.console .screen-note{justify-self:center;font-size:13px}}@media(prefers-reduced-motion:reduce){.tester,.console,.console-form,.console .screen-hi,.console .path,.console-hint>span{transition:none}.tester .dot{animation:none;opacity:.8}.console-line.shake{animation:none}}
