@import url('./ui.css');

:root{color-scheme:dark;--paper:#e9e6dc;--muted:#939790;--accent:#c7bd9d;--line:rgba(217,216,197,.18);font-family:Arial,Helvetica,sans-serif;background:#111312;color:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;overflow:hidden;width:100%;height:100dvh;overscroll-behavior:none}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.4;cursor:wait}button svg,svg{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#cinematic-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(12,16,15,.97) 0%,rgba(12,16,15,.86) 23%,rgba(12,16,15,.52) 48%,rgba(12,16,15,.04) 76%),linear-gradient(0deg,rgba(8,12,11,.9),transparent 25%,transparent 77%,rgba(8,12,11,.65));transition:opacity 1s}.film-grain{pointer-events:none;position:fixed;inset:0;opacity:.09;z-index:4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.55' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.home{position:relative;z-index:5;display:flex;flex-direction:column;min-height:100dvh;padding:35px 5.6vw 30px}.masthead{display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2.7px;font-weight:600}.wordmark>svg{width:31px;height:34px;color:#c5c5b6}.wordmark-sub{display:block;margin-top:7px;font-size:7px;letter-spacing:1.8px;color:#787e77}.header-right{display:flex;align-items:center;gap:35px}.build-label{font:9px monospace;letter-spacing:2px;color:#a0a297}.icon-button{display:flex;gap:10px;align-items:center;padding:9px 0;background:none;font-size:9px;letter-spacing:1.4px}.icon-button svg{width:19px;height:19px}.hero{margin:auto 0;padding:40px 0;max-width:570px}.eyebrow{display:flex;gap:12px;align-items:center;font-size:8px;font-weight:600;letter-spacing:2.4px;color:#a6aca2}.tiny-line{width:24px;height:1px;background:var(--accent)}h1{font-weight:400;margin:29px 0 16px;line-height:.87}.apartment-title{font-size:clamp(26px,3.2vw,50px);display:block;letter-spacing:.16em;font-weight:300}.number-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(120px,14.2vw,208px);font-weight:400;letter-spacing:-.066em;display:flex;align-items:center;gap:28px;margin-left:-8px;line-height:1.07;text-shadow:0 4px 35px #101510}.vr-tag{font:11px Arial,sans-serif;font-weight:500;letter-spacing:2px;padding:9px 8px;border:1px solid #626759;align-self:flex-end;margin-bottom:36px;color:#b3b8a6}.hero-description{font-size:12px;line-height:1.9;letter-spacing:.5px;color:#a5aaa2;margin:0 0 28px}.primary-button{display:flex;justify-content:space-between;align-items:center;gap:22px;background:var(--paper);color:#242923;width:min(340px,100%);min-height:57px;padding:0 23px;text-align:left;font-size:12px;letter-spacing:2.8px;font-weight:600;transition:background .2s,transform .2s}.primary-button:hover{background:#d1c5a4;transform:translateY(-1px)}.primary-button>span:nth-child(2){flex:1}.button-index{font:10px monospace;letter-spacing:1px;opacity:.5}.button-arrow{font-size:25px;font-weight:300}.mode-pills{display:flex;gap:8px;margin-top:12px;width:340px;max-width:100%}.mode-pill{display:flex;align-items:center;justify-content:center;gap:9px;background:rgba(17,22,19,.5);border:1px solid #41463d;flex:1;padding:10px 6px;font-size:8px;letter-spacing:1.15px;color:#92998c;transition:background .2s}.mode-pill.selected{color:#e0dfd0;background:#30372b85;border-color:#7d836f}.mode-pill svg{width:18px;height:16px}.secondary-actions{display:flex;gap:28px;margin-top:25px}.secondary-actions button{background:none;padding:5px 0;font-size:8px;letter-spacing:1.7px;color:#abae9f}.secondary-actions span{display:inline-flex;align-items:center;justify-content:center;font-size:13px;margin-right:7px;width:14px}.secondary-actions button:hover{color:#fff}.scene-caption{position:absolute;right:5.6vw;bottom:142px;display:flex;align-items:center;gap:10px;font:8px monospace;letter-spacing:1.1px;color:#a8ada0}.recording-dot{width:4px;height:4px;border-radius:50%;background:#a68d63;box-shadow:0 0 12px #a68d6344}.caption-rule{width:26px;height:1px;background:#737e7066}.home-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:23px}.headphone-note{display:flex;gap:14px;align-items:center;font-size:8px;letter-spacing:1.6px}.headphone-note svg{width:23px;height:23px;color:#919c88}.footer-detail{display:block;margin-top:6px;font-size:9px;font-weight:400;letter-spacing:.2px;color:#7e887a}.footer-meta{text-align:right;font-size:8px;letter-spacing:1.7px}.version{display:block;font:8px monospace;letter-spacing:1px;color:#7f8779;margin-top:9px}.meta-divider{padding:0 10px;color:#616c5c}body.playing #cinematic-shade{opacity:0}body.playing .film-grain{opacity:.025}.loading{position:fixed;inset:0;background:#111513;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-number{font:85px Georgia,serif;color:#d4d5c8}.loading-number span{font:10px Arial,sans-serif;border:1px solid #5f6b56;padding:5px;margin-left:10px;vertical-align:middle}.loading p{font-size:9px;letter-spacing:3px;margin:30px 0 18px}.loading-track{height:1px;background:#333d32;width:190px}#loading-progress{height:100%;background:#b3bda6;width:5%;transition:width .3s}.loading-footnote{font-size:10px;color:#727e6c;margin-top:26px}.fatal-error{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#111513;z-index:100;padding:30px}.fatal-error h2{font:32px Georgia,serif}.fatal-error p{max-width:600px;line-height:1.7;color:#a7b39f;margin:0 0 30px}.toast{position:fixed;z-index:40;left:50%;bottom:13%;transform:translateX(-50%);max-width:min(580px,90vw);padding:14px 22px;background:#101814ed;border:1px solid #65745a70;box-shadow:0 10px 30px #0005;font-size:12px;line-height:1.6;text-align:center;pointer-events:none}#debug{position:fixed;z-index:80;pointer-events:none;left:10px;top:70px;margin:0;padding:10px;background:#000b;font:11px/1.5 monospace;color:#bdf7c3}
@media(min-width:1500px){.hero{padding:55px 0}.hero-description{font-size:14px}.eyebrow{font-size:9px}}
@media(max-width:700px){.home{padding:22px 7vw 23px}.build-label{display:none}.wordmark{font-size:9px;letter-spacing:2px}.wordmark-sub{font-size:6px}.icon-button span{display:none}.hero{padding:30px 0}.eyebrow{font-size:6.7px;letter-spacing:1.7px;gap:9px}.apartment-title{font-size:31px;letter-spacing:.13em}.number-title{font-size:145px;gap:22px}.vr-tag{margin-bottom:26px}.hero-description{font-size:11px;margin-bottom:24px}.scene-caption{display:none}.footer-meta{font-size:6.5px;letter-spacing:.8px}.version{font-size:6px;letter-spacing:.3px}.headphone-note{font-size:7px;letter-spacing:.7px;gap:9px}.footer-detail{font-size:8px;max-width:150px;line-height:1.5}.headphone-note svg{width:20px;flex-shrink:0}.home-footer{padding-top:20px;gap:12px}#cinematic-shade{background:linear-gradient(90deg,#0c100fed,#0c100f95 75%,#0c100f50),linear-gradient(0deg,#08100ef0,transparent 50%,#08100e80)}.meta-divider{padding:0 4px}}
@media(max-height:650px) and (min-width:701px){.home{padding:20px 5vw}.hero{padding:15px 0}.apartment-title{font-size:28px}.number-title{font-size:118px}.vr-tag{margin-bottom:21px}.hero-description{font-size:11px;margin:0 0 15px}h1{margin-top:18px}.primary-button{min-height:45px}.secondary-actions{margin-top:13px}.mode-pill{padding:8px}.home-footer{padding-top:14px}.scene-caption{bottom:110px}}
@media(max-height:500px){.home{padding:15px 5vw}.masthead{min-height:26px}.hero{margin:12px 0;padding:0;max-width:550px;display:grid;grid-template-columns:240px 240px;gap:10px 25px}.eyebrow{grid-column:1 / -1;font-size:6px}.hero h1{grid-column:1;grid-row:2 / 5;margin:8px 0 0}.apartment-title{font-size:21px}.number-title{font-size:100px}.vr-tag{margin-bottom:19px;font-size:8px;padding:6px}.hero-description{grid-column:2;font-size:9px;margin:0;align-self:center}.hero>.primary-button{grid-column:2;min-height:42px;font-size:10px}.mode-pills{grid-column:2;margin:0;width:100%}.mode-pill{font-size:7px;padding:7px}.secondary-actions{grid-column:2;margin:0;gap:16px}.secondary-actions button{font-size:6px}.scene-caption{display:none}.home-footer{padding-top:10px;margin-top:auto}.footer-detail{display:none}.wordmark-sub{margin-top:3px}.home-footer .version{margin-top:5px}.header-right .icon-button{padding:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
#toast{white-space:pre-line}