:root{font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:#f7e9d6;background:#080716}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}button{font:inherit;cursor:pointer}canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;background:#080716}.film{position:fixed;inset:0;pointer-events:none;opacity:.10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E")}.split{position:absolute;z-index:2;top:0;bottom:0;left:50%;border-left:1px solid #f4b56e55;pointer-events:none}.visual-hud{position:fixed;z-index:3;inset:0;pointer-events:none;display:flex}.hud-eye{position:relative;width:100%;height:100%;flex:1;overflow:hidden;--pad:clamp(18px,3vw,40px)}.hud-eye:nth-child(2){display:none}.vr-active .hud-eye:nth-child(2){display:block}.hud-top{display:flex;gap:12px;align-items:center;justify-content:space-between;position:absolute;left:var(--pad);right:var(--pad);top:clamp(17px,3vh,32px);font-size:clamp(8px,.9vw,11px);letter-spacing:.12em;color:#ffedcc9e}.hud-brand{font-weight:700}.hud-story{position:absolute;left:var(--pad);bottom:clamp(54px,13vh,135px);max-width:510px;right:var(--pad);text-shadow:0 2px 18px #100718;transition:opacity .4s}.hud-index{font-size:10px;font-weight:750;letter-spacing:.19em;color:#f3b66e}.hud-story h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(27px,3.5vw,58px);line-height:1.05;letter-spacing:-.045em;max-width:610px;margin:9px 0}.hud-story p{font-size:clamp(11px,1.15vw,15px);line-height:1.7;color:#f8e8df;max-width:425px}.hud-bottom{position:absolute;bottom:clamp(16px,4.5vh,42px);left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:9px;letter-spacing:.10em;color:#edc0a6a8}.dotline{color:#edb06b;white-space:nowrap}.gaze{position:absolute;width:14px;height:14px;left:50%;top:50%;border:1px solid #f7dba6aa;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #e19c6770}.gaze span{display:block;position:absolute;inset:3px;border-radius:50%;background:#ffe4ae88}.gaze.active{width:27px;height:27px;border-color:#ffce72;border-width:2px}.gaze.active:after{content:'';position:absolute;inset:-5px;border:2px solid #ffbd63;border-radius:50%;border-top-color:transparent;transform:rotate(var(--progress,0deg))}.vr-active .hud-story{bottom:clamp(42px,11vh,90px)}.vr-active .hud-top{font-size:clamp(6px,.8vw,9px)}.vr-active .hud-story h2{font-size:clamp(17px,2.2vw,30px)}.vr-active .hud-story p{font-size:clamp(9px,1.1vw,12px);line-height:1.45}.vr-active .hud-bottom{font-size:7px}.vr-active .hud-eye{--pad:clamp(15px,2.2vw,28px)}.vr-active .hud-eye:first-child .hud-top,.vr-active .hud-eye:first-child .hud-story,.vr-active .hud-eye:first-child .hud-bottom{padding-left:3%}.vr-active .hud-eye:last-child .hud-top,.vr-active .hud-eye:last-child .hud-story,.vr-active .hud-eye:last-child .hud-bottom{padding-right:3%}.vr-active .gaze{opacity:.85}
.fade{position:absolute;z-index:4;inset:0;background:#090714;opacity:0;pointer-events:none;transition:opacity .5s}.fade.visible{opacity:1}.controls{position:fixed;z-index:8;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:center;padding:7px;background:#160e24dd;border:1px solid #ffffff38;border-radius:40px;backdrop-filter:blur(14px);white-space:nowrap}.controls[hidden],.open-controls[hidden],.rotate[hidden],.entry[hidden],.finish[hidden],.split[hidden]{display:none!important}.controls button,.open-controls{background:#ffffff13;border:1px solid #ffffff20;color:#f5dccb;border-radius:40px;padding:9px 13px;font-size:13px}.controls button:hover{background:#ce7c5450}.controls button span{font-size:11px;margin-left:3px}.open-controls{position:fixed;bottom:max(15px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:8;background:#25132cd5}
.entry{position:fixed;z-index:10;inset:0;background:radial-gradient(ellipse at 70% 42%,#50233c 0%,transparent 45%),radial-gradient(ellipse at 23% 80%,#281735 0%,transparent 50%),#150d23;display:flex;align-items:center;justify-content:center;padding:25px;overflow:auto}.entry-main{width:min(100%,570px);position:relative;text-align:center;margin:auto;padding:28px 0}.back-link{position:fixed;top:24px;left:26px;color:#d4b6aa;letter-spacing:.12em;text-decoration:none;font-size:10px}.entry-symbol{font-size:64px;line-height:1;color:#eeb05d;text-shadow:0 0 80px #c75f60}.tag{display:inline-block;font-size:10px;letter-spacing:.2em;color:#f1b06c;font-weight:750;margin-top:13px}.entry h1{font:400 clamp(45px,6vw,73px)/.99 Georgia,serif;letter-spacing:-.065em;margin:18px 0}.entry h1 em{font-weight:400;color:#eeb063}.entry-main>p{line-height:1.7;font-size:13px;color:#cbb7c3;max-width:450px;margin:0 auto}.instructions{border:1px solid #73546a63;margin:24px auto;padding:6px 22px;max-width:475px;text-align:left;background:#ffffff06}.instructions>div{display:flex;align-items:center;gap:16px;padding:10px 2px;font-size:11px;color:#dbc9c8}.instructions>div+div{border-top:1px solid #785b7440}.instructions b{color:#f1b16b;font-size:11px}#vrOptions{max-width:475px;margin:17px auto}.adjust{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;text-align:left;align-items:center;font-size:10px;letter-spacing:.13em;color:#dec9b9}.adjust span{color:#f3b976}.adjust input{accent-color:#edac65;display:block;width:100%;margin-top:5px;height:17px}.entry-main .tiny{font-size:10px;color:#978197;line-height:1.5;margin-top:6px}.begin{background:#edaa61;color:#281329;border:0;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;width:min(100%,475px);font-weight:750;font-size:12px;margin:20px auto 11px;border-radius:3px}.begin span{font-size:19px}.begin:disabled{opacity:.6}.entry-main .entry-status{font-size:11px;color:#e5b875}.entry-main .safety{font-size:10px;color:#a58d9f;line-height:1.55;max-width:475px;margin:15px auto 0}.foot{position:fixed;right:26px;bottom:20px;color:#99809d;font-size:8px;letter-spacing:.17em}.rotate{position:absolute;inset:0;z-index:9;background:#1b1129f7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.rotate-icon{font-size:53px;color:#edaa62}.rotate strong{font:400 32px Georgia,serif;margin-top:20px}.rotate p{font-size:14px;color:#bfa8bd;line-height:1.6;max-width:280px}
.finish{position:fixed;z-index:10;inset:0;background:radial-gradient(ellipse at 50% 55%,#78364c99 0%,#321630 35%,#120b1e 85%);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:30px}.finish-flower{font-size:100px;color:#e9a155;text-shadow:0 0 110px #ed885d}.finish h2{font:400 clamp(47px,6.5vw,98px)/1.02 Georgia,serif;letter-spacing:-.06em;margin:23px 0}.finish blockquote{font:italic 400 clamp(19px,2vw,28px)/1.5 Georgia,serif;max-width:540px;margin:12px 0 23px;color:#f5caaa}.finish p{color:#d7bec6;font-size:13px}.finish-buttons{display:flex;gap:11px;margin-top:30px;flex-wrap:wrap;justify-content:center}.finish-buttons button,.finish-buttons a{font-size:12px;font-weight:750;padding:15px 20px;text-decoration:none;border:1px solid #deae80;background:#eba45b;color:#231224}.finish-buttons a{background:#ffffff13;color:#f9dfd0;border-color:#a67b87}
@media(max-height:750px){.entry{align-items:flex-start}.entry-main{padding:15px 0}.entry-symbol{font-size:42px}.entry h1{font-size:clamp(40px,5vw,62px);margin:10px 0}.instructions{margin:14px auto;padding:4px 15px}.instructions>div{padding:7px 1px}.begin{margin-top:12px}.entry-main .safety{margin-top:8px}.back-link{position:absolute}.foot{display:none}}
@media(max-width:650px){.entry-main{padding-top:34px}.entry h1{font-size:50px}.back-link{top:18px;left:18px}.entry-main>p{font-size:12px}.hud-story h2{font-size:33px}.hud-story p{font-size:12px}.controls{max-width:97%;overflow-x:auto}.controls button{padding:8px 10px}.controls button span{display:none}.vr-active .hud-story h2{font-size:18px}.vr-active .hud-story p{font-size:9px}.vr-active .hud-bottom .look-note{display:none}.vr-active .hud-eye{--pad:10px}}
@media(orientation:portrait){.vr-active .visual-hud{display:none}}
@media(prefers-reduced-motion:reduce){.fade{transition:none}}

.sensor-warning{position:fixed;z-index:7;left:50%;top:16%;transform:translateX(-50%);width:min(94vw,580px);padding:14px 20px;background:#432038ea;color:#ffe8d1;border:1px solid #e6a2607c;border-radius:6px;font-size:12px;line-height:1.65;text-align:center}.sensor-warning[hidden]{display:none}.vr-active .sensor-warning{font-size:10px;top:20%}

.end-vr{position:fixed;z-index:9;left:50%;transform:translateX(-50%);bottom:12px;background:#e9aa67;color:#261529;border:0;border-radius:3px;padding:10px 15px;font-size:10px;font-weight:700;max-width:38vw}.end-vr[hidden]{display:none}