.mode-3d{height:100dvh;overflow:hidden;background:#d5ac99;color:#fff1dc}.mode-3d #main{height:100%;position:relative}.mode-3d #game-world{position:fixed;inset:0;background:linear-gradient(#88819b,#ffd3a6 65%,#719a99)}#game-world canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.scene-vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#302b4218,transparent 24%,transparent 65%,#27304140);box-shadow:inset 0 0 150px #34314914;z-index:1}.pier-top{position:fixed;z-index:5;top:max(25px,env(safe-area-inset-top));left:35px;right:35px;display:flex;justify-content:space-between;align-items:center}.date-brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff3df;font:500 17px var(--display);letter-spacing:2.8px;text-shadow:0 2px 18px #48344355}.date-brand>span{font-size:35px}.date-brand small{display:block;font:600 7px var(--body);letter-spacing:2.6px;margin-top:6px;color:#f5dfcf}.top-actions{display:flex;align-items:center;gap:10px}.glass-button,.glass-icon{border:1px solid #fff2d44a;background:#42374721;color:#fff0d8;backdrop-filter:blur(12px);box-shadow:0 2px 12px #4130420a;min-height:43px;border-radius:30px;padding:10px 17px;font-size:11px;display:inline-flex;justify-content:center;align-items:center;gap:9px}.glass-button:hover,.glass-icon:hover{background:#56405150}.glass-icon{width:43px;padding:0;font-size:20px}.date-primary{background:#fff0d6;color:#76515c;border:1px solid #fff4e2;border-radius:7px;padding:15px 24px;display:inline-flex;justify-content:center;align-items:center;gap:28px;font-size:12px;min-height:48px;box-shadow:0 6px 35px #61425220;transition:background .2s,transform .2s}.date-primary:hover{background:#ffe5c9;transform:translateY(-2px)}.date-primary span{font-size:19px}.date-primary:disabled{opacity:.6}.welcome{position:fixed;z-index:3;top:18%;left:7%;max-width:500px;filter:drop-shadow(0 2px 24px #62474c15);transition:opacity .7s,transform 1s}.pier-eyebrow{font-size:9px;letter-spacing:3.3px;font-weight:600;margin:0 0 13px;color:#ffe6c9}.welcome h1{font:500 clamp(48px,5.3vw,84px)/1.03 var(--display);letter-spacing:-3px;margin:21px 0 24px;color:#fff5e4}.welcome h1 em{font-weight:500;color:#ffe2c5}.welcome>p:not(.pier-eyebrow):not(.loading-note){font-size:12px;line-height:1.9;color:#fff0e0;margin-bottom:28px;max-width:330px;text-shadow:0 2px 12px #59414b44}.welcome .date-primary{margin-top:2px}.sound-choice{display:flex;align-items:center;gap:7px;font-size:10px;margin-top:18px;color:#fff0da}.sound-choice input{accent-color:#b36a80;width:14px;height:14px}.sound-choice span{opacity:.7;font-size:9px}.loading-note{font-size:9px;letter-spacing:1px;color:#f6dbc7;margin-top:16px}.welcome.entered{opacity:0;transform:translateY(-14px);pointer-events:none}.walking-ui{position:fixed;inset:0;z-index:3;pointer-events:none}.location-label{position:absolute;top:113px;left:36px;display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.4px;color:#ffedda;text-shadow:0 1px 12px #44304488}.location-label>span{color:#f8d8a6;font-size:16px}.walking-bottom{position:absolute;left:35px;right:35px;bottom:max(25px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:20px}.walking-bottom button{pointer-events:auto}.walking-bottom p{font-size:9px;letter-spacing:1px;color:#ffecd6b8;backdrop-filter:blur(2px);text-shadow:0 2px 12px #352c3e}.interact{position:absolute;bottom:103px;left:50%;transform:translateX(-50%);border:1px solid #fff1cd77;background:#fff0daec;box-shadow:0 5px 32px #33304c33;border-radius:8px;padding:14px 22px;color:#79565d;pointer-events:auto;font-size:12px;white-space:nowrap}.joystick{position:absolute;left:25px;bottom:110px;width:95px;height:95px;border:1px solid #ffedcc40;border-radius:50%;background:#fff0d10b;backdrop-filter:blur(4px);pointer-events:auto;touch-action:none;display:none;align-items:center;justify-content:center}.joystick>span{display:block;width:42px;height:42px;border:1px solid #ffedcc80;border-radius:50%;background:#fff0da35;pointer-events:none}.places-menu{position:fixed;left:35px;bottom:85px;width:285px;padding:20px;border-radius:14px;background:#fff0dadf;backdrop-filter:blur(24px);box-shadow:0 12px 60px #3c304935;z-index:10;color:#72535d;border:1px solid #fff3e1}.places-menu p{font-size:8px;letter-spacing:2.3px;color:#9e7b78;margin:1px 0 12px}.places-menu button{display:flex;align-items:center;gap:13px;justify-content:flex-start;width:100%;background:none;border:0;border-bottom:1px solid #c8aaa33a;padding:14px 0;text-align:left;font:500 18px var(--display)}.places-menu button:last-child{border:0}.places-menu button span{font:9px var(--body);color:#ba7d8b;min-width:18px}.places-menu button i{margin-left:auto;font:17px var(--body);color:#b47781}.travel-note{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);z-index:6;font-size:11px;border:1px solid #fff0d43b;border-radius:30px;padding:13px 23px;background:#48384a5c;backdrop-filter:blur(12px);color:#fff0d9;white-space:nowrap}.room-hud{position:fixed;z-index:8;left:50%;transform:translateX(-50%);bottom:max(24px,env(safe-area-inset-bottom));width:min(600px,calc(100% - 48px));padding:22px 25px;background:linear-gradient(120deg,#39394ee6,#49405ade);backdrop-filter:blur(18px);border:1px solid #f4debc3b;border-radius:15px;box-shadow:0 10px 70px #252b4530;color:#ffeed6}.room-heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.room-heading-row .pier-eyebrow{font-size:7px;letter-spacing:2.5px;margin-bottom:7px}.room-hud h2{font:500 27px/1.15 var(--display);letter-spacing:-.6px;margin:0}.room-hud p.room-copy{font-size:11px;line-height:1.8;color:#e4c5bd;margin:14px 0 0}.hud-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.hud-actions .date-primary{padding:12px 17px;min-height:43px;font-size:11px;gap:12px}.hud-actions .glass-button{font-size:10px;min-height:42px;padding:10px 15px}.hud-caption{position:fixed;z-index:6;top:19%;left:50%;transform:translateX(-50%);max-width:550px;width:calc(100% - 50px);text-align:center;font:500 28px/1.4 var(--display);color:#fff0d5;text-shadow:0 3px 20px #20263b9c;pointer-events:none}.hud-song-line{font:500 21px var(--display);margin-top:14px;color:#ffe5bc}.room-hud .audio-timeline{padding:0;margin:15px 0 0;max-width:none}.memory-content{font-size:12px;line-height:1.8;color:#e6c9bf;margin-top:14px}.memory-content img,.memory-content video{max-height:160px;max-width:100%;display:block;margin:12px auto;border-radius:7px}.memory-content audio{width:100%;height:35px;margin-top:10px}.star-shortcuts{display:flex;gap:9px;margin-top:13px}.star-shortcuts button{width:32px;height:32px;min-width:32px;padding:0;border-radius:50%;border:1px solid #cbb6b450;background:#a79aaf15;color:#f9dcb0;font-size:18px}.star-shortcuts button.seen{background:#cf99a64d;border-color:#dca3ad}.throw-dots{display:flex;gap:9px;margin-top:14px}.throw-dots span{width:10px;height:10px;border:1px solid #e4c39d;border-radius:50%}.throw-dots .used{background:#e4c39d88}.aim-buttons{display:flex;gap:8px;margin-top:15px}.aim-buttons button{background:#fff0d90d;border:1px solid #cfb5ab55;border-radius:6px;padding:8px 13px;font-size:10px;color:#f4d3b7}.aim-buttons button[aria-pressed=true]{background:#ffe1bc2b;border-color:#f5d4af}.cake-hud{background:linear-gradient(110deg,#423b50b8,#6e5260b8);text-align:center;bottom:24px}.cake-hud .room-heading-row{justify-content:center}.cake-hud #leave-room{position:absolute;right:14px;top:14px;width:31px;height:31px;min-height:31px}.cake-hud .hud-actions{justify-content:center}.cut-instruction{position:fixed;top:20%;left:50%;transform:translateX(-50%);font:500 31px var(--display);text-shadow:0 3px 25px #3a304755;z-index:5;color:#ffeed4;pointer-events:none;max-width:90%;text-align:center}.cake-hud .room-copy{color:#ffe5cc!important}.graphics-error{position:fixed;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 50px);max-width:460px;padding:36px;background:#fbe7d1;color:#714e5d;border-radius:15px;box-shadow:0 30px 80px #29263a44}.graphics-error h2{font:500 33px var(--display)}.graphics-error p{font-size:12px;line-height:1.8}.mode-3d dialog{color:var(--ink)}.mode-3d .toast{z-index:40}.photo-room-3d{width:min(860px,calc(100% - 30px));background:#fff0dcf0}.photo-room-3d::backdrop{background:#302f4b20;backdrop-filter:blur(3px)}.photo-room-3d .scene-header h2{font-size:34px}.mode-3d .scene-top .close{color:#72515b}.mode-3d .room-dark .scene-top .close{color:#fff0d9}.ending-name{font:500 37px var(--display);margin:10px 0 0!important;color:#fff0d4!important}.mode-3d .date-brand:hover{color:#fff6e5}
@media(pointer:coarse){.joystick{display:flex}.walking-bottom p{font-size:8px;letter-spacing:.3px}.walking-bottom #home-view{display:none}}
@media(max-width:700px){.pier-top{left:20px;right:20px;top:max(20px,env(safe-area-inset-top))}.date-brand{font-size:12px;letter-spacing:1.7px;gap:8px}.date-brand>span{font-size:28px}.date-brand small{font-size:5.5px;letter-spacing:1.5px;margin-top:5px}.top-actions{gap:7px}.top-actions .glass-button{font-size:9px;padding:9px 11px;min-height:36px}.top-actions .glass-icon{width:35px;height:35px;min-height:35px}.welcome{top:18%;left:27px;max-width:calc(100% - 50px)}.welcome h1{font-size:52px;letter-spacing:-2.3px;line-height:1.04;margin:17px 0 21px}.welcome .pier-eyebrow{font-size:7px;letter-spacing:2.5px}.welcome>p:not(.pier-eyebrow):not(.loading-note){font-size:11px;max-width:280px;line-height:1.85}.sound-choice{font-size:9px;margin-top:15px}.sound-choice span{font-size:8px}.date-primary{font-size:11px;padding:13px 18px;min-height:45px}.walking-bottom{left:20px;right:20px;bottom:max(20px,env(safe-area-inset-bottom));gap:10px}.walking-bottom .glass-button{font-size:10px;min-height:40px;padding:9px 13px}.walking-bottom p{font-size:7px;max-width:145px;line-height:1.7;text-align:right}.location-label{top:87px;left:22px;font-size:9px;max-width:260px}.places-menu{left:20px;bottom:75px;width:270px}.interact{bottom:97px;left:auto;right:20px;transform:none;font-size:10px;max-width:calc(100% - 150px);padding:13px 16px;white-space:normal}.room-hud{padding:18px;width:calc(100% - 28px);bottom:max(16px,env(safe-area-inset-bottom));border-radius:12px}.room-hud h2{font-size:25px}.room-heading-row .pier-eyebrow{font-size:6px;letter-spacing:2px}.room-hud .glass-icon{width:34px;min-height:34px;height:34px}.room-hud p.room-copy{font-size:10px;line-height:1.75;margin-top:11px}.hud-actions{gap:8px;margin-top:15px}.hud-actions .date-primary{font-size:10px;padding:11px 14px;min-height:41px}.hud-actions .glass-button{font-size:9px;padding:9px 12px;min-height:40px}.hud-caption{top:19%;font-size:24px;max-width:calc(100% - 45px)}.hud-song-line{font-size:18px}.cut-instruction{top:17%;font-size:26px}.travel-note{font-size:10px;bottom:86px;padding:12px 18px}.cake-hud h2{font-size:25px}.ending-name{font-size:31px!important}.photo-room-3d .scene-header h2{font-size:29px}.mode-3d .photo-instructions h3{font-size:23px}.mode-3d .scene-actions{padding:16px}.joystick{width:83px;height:83px;left:22px;bottom:112px}.joystick>span{width:37px;height:37px}}
@media(max-width:700px){.joystick{display:flex}.walking-bottom #home-view{display:none}}
@media(prefers-reduced-motion:reduce){.welcome,.date-primary{transition:none}}
.mode-3d :is(.glass-button,.glass-icon,.room-hud,.places-menu,.travel-note,.joystick,.walking-bottom p){backdrop-filter:none}.mode-3d .welcome{filter:none}
.scene-vignette{background:linear-gradient(90deg,#3025403a,transparent 65%),linear-gradient(#302b4218,transparent 25%,transparent 65%,#27304140)}
@media(max-width:700px){.welcome{top:28%}.welcome h1{font-size:64px}.welcome>p:not(.pier-eyebrow):not(.loading-note){max-width:250px}.sound-choice{max-width:245px;flex-wrap:wrap}.sound-choice span{margin-left:20px}}