@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Geist:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#040403;--bone:#efe5d6;--ash:#a59a88;--gold:#c59b45;--ember:#d97131;--line:#efe5d62e}*{box-sizing:border-box}html,body,#root{background:var(--black);min-height:100%;color:var(--bone);margin:0;font-family:Geist,system-ui,sans-serif}button,a{font:inherit}button{cursor:pointer}.game-shell{min-height:100vh;overflow-x:hidden}.room{background:#050403;height:100svh;min-height:100svh;position:relative;overflow:hidden}.room picture,.room img,.room-loop{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.room picture{opacity:1}.room-loop{z-index:0;filter:brightness(1.42)contrast(1.03)saturate(1.08)}.room picture img{filter:brightness(1.36)contrast(1.02)saturate(1.06)}.room-vignette{background:radial-gradient(at 50% 48%,#ffd6960a,#00000047 78%,#00000080 100%),linear-gradient(#0000000a,#00000024 72%,#040403ad 100%);position:absolute;inset:0}.ambient{pointer-events:none;mix-blend-mode:screen;position:absolute}.candle-a{background:radial-gradient(circle,#ffb3503d,#0000 62%);width:12rem;height:12rem;animation:1.7s infinite alternate flicker;top:31%;left:33%}.candle-b{background:radial-gradient(circle,#ffca6f2e,#0000 60%);width:10rem;height:10rem;animation:2.2s infinite alternate-reverse flicker;top:28%;left:58%}.fire-breathe{background:radial-gradient(circle,#ff5c183b,#0000 65%);width:22rem;height:18rem;animation:3.8s ease-in-out infinite breathe;bottom:20%;right:6%}@keyframes flicker{0%{opacity:.35;transform:scale(.95)translateY(0)}to{opacity:.8;transform:scale(1.08)translateY(-.4rem)}}@keyframes breathe{0%,to{opacity:.28;transform:scale(.96)}50%{opacity:.62;transform:scale(1.05)}}.entry{text-align:center;background:radial-gradient(#0000001a,#000000b3 70%);place-content:center;justify-items:center;padding:2rem;display:grid;position:absolute;inset:0}.entry span,.dossier span{letter-spacing:.22em;color:var(--gold);font-family:IBM Plex Mono,monospace;font-size:.75rem}.entry h1{letter-spacing:-.05em;margin:1rem 0;font-family:Cormorant Garamond,serif;font-size:clamp(3.2rem,8vw,8rem);line-height:.88}.entry p{color:var(--ash);font-size:1.1rem}.entry button{background:var(--bone);color:#090806;border:0;border-radius:999px;margin-top:1.5rem;padding:.9rem 1.4rem;font-weight:800}.entry a{color:var(--ash);margin-top:1rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;text-decoration:none}.hud{z-index:6;background:linear-gradient(#040403b8,#0000);justify-content:space-between;align-items:center;padding:1rem clamp(1rem,3vw,2rem);font-family:IBM Plex Mono,monospace;display:flex;position:absolute;top:0;left:0;right:0}.hud b{letter-spacing:.14em}.hud span{color:var(--gold)}.hud a{color:var(--ash);text-decoration:none}.character-layer{z-index:5;pointer-events:none;position:absolute;inset:0}.character-layer.muted{opacity:.18;filter:blur(.5px)}.scene-character{pointer-events:auto;width:clamp(7.5rem,10.8vw,12.5rem);height:clamp(18rem,36vw,34rem);translate:-50% -100%;transform:scale(var(--scale,1));transform-origin:50% 100%;filter:drop-shadow(0 24px 28px #000000b3);background:0 0;border:0;padding:0;transition:transform .22s,filter .22s,opacity .22s;position:absolute}.scene-character img{object-fit:contain!important;object-position:center bottom!important;width:100%!important;height:100%!important;box-shadow:none!important;border:0!important;border-radius:0!important;position:absolute!important;inset:0!important}.scene-character:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#0000008c,#0000 70%);border-radius:50%;height:1rem;position:absolute;bottom:1.2rem;left:16%;right:16%}.scene-character span{z-index:2;white-space:nowrap;color:var(--bone);opacity:.82;background:#050403b8;border:1px solid #efe5d62e;border-radius:.55rem;padding:.42rem .58rem;font-family:IBM Plex Mono,monospace;font-size:.68rem;position:absolute;bottom:.15rem;left:50%;translate:-50%;box-shadow:0 16px 40px #0000006b}.scene-character:hover{transform:scale(calc(var(--scale,1) * 1.045)) translateY(-.25rem);filter:drop-shadow(0 28px 34px #000000c7)drop-shadow(0 0 24px #c59b452e)}.scene-character.archivist{width:clamp(7rem,10vw,11.5rem)}.hotspots{z-index:4;position:absolute;inset:0}.hotspots.muted{pointer-events:none}.hotspots.muted .hotspot:before,.hotspots.muted .hotspot span{opacity:0}.hotspot{background:0 0;border:0;position:absolute}.hotspot:before{content:"";opacity:.35;background:#efe5d69e;border-radius:50%;width:.55rem;height:.55rem;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #c59b458c}.hotspot span{white-space:nowrap;opacity:0;border:1px solid var(--line);color:var(--bone);background:#040403c2;border-radius:.5rem;padding:.45rem .6rem;font-family:IBM Plex Mono,monospace;font-size:.68rem;transition:all .2s;position:absolute;top:100%;left:50%;translate:-50% .35rem}.hotspot:hover:before{opacity:1;transform:translate(-50%,-50%)scale(1.4)}.hotspot:hover span{opacity:1}.hotspot.door:before{background:#75c7d8a6}.hotspot.object:before{background:#c59b45b3}.vn-portrait.has-image:after{content:"";pointer-events:none;position:absolute;inset:0}.vn-portrait span{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:3rem}.vn-panel-main p{color:#ded3c3;font-size:1.05rem;line-height:1.6}.vn-options button,.mobile-actions button{color:var(--bone);background:#ffffff0a;border:1px solid #efe5d629;border-radius:.65rem;padding:.65rem .8rem}.mobile-actions{display:none}.dossier{background:#040403;place-content:center;min-height:100vh;padding:clamp(2rem,6vw,6rem);display:grid}.dossier h2{max-width:900px;margin:1rem 0;font-family:Cormorant Garamond,serif;font-size:clamp(2.6rem,6vw,6rem);line-height:.95}.dossier p{max-width:720px;color:var(--ash);font-size:1.15rem;line-height:1.7}.dossier footer{color:#756d60;margin-top:3rem;font-family:IBM Plex Mono,monospace;font-size:.75rem}@media (width<=760px){.room picture,.room img,.room-loop{object-position:47% center}.character-layer{display:none}.entry{overflow:hidden}.entry h1{white-space:normal;letter-spacing:-.055em;width:88vw;max-width:88vw;font-size:clamp(2.35rem,10.8vw,3.2rem);line-height:.98}.hud{font-size:.68rem}.hud span,.hotspots{display:none}.mobile-actions{z-index:7;grid-template-columns:1fr 1fr;gap:.5rem;display:grid;position:absolute;bottom:1rem;left:1rem;right:1rem}.vn-panel{border-radius:1rem 1rem 0 0;grid-template-columns:1fr;width:100%;padding:.9rem;bottom:0;left:0;right:0;transform:none}.vn-portrait{display:none}.vn-panel-main p{font-size:.98rem}.vn-options{grid-template-columns:1fr;display:grid}.dossier{padding:5rem 1rem}.fire-breathe{bottom:20%;right:-20%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.character-layer{display:none!important}.hotspot:before{opacity:.18;width:.38rem;height:.38rem;box-shadow:0 0 12px #c59b4540}.hotspot span{opacity:.72;font-size:.62rem}.hotspot.npc:before{display:none!important}.hotspot.npc span{opacity:0;background:#050403c7;top:70%}.hotspot.npc:hover span{opacity:1}.entry .text-link{color:var(--ash);background:0 0;border:0;margin-top:1rem;padding:.25rem .4rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;text-decoration:none}.hud button{color:var(--ash);cursor:pointer;background:0 0;border:0;font-family:IBM Plex Mono,monospace}.hud button:hover,.entry .text-link:hover{color:var(--gold)}.dossier-overlay{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(#0a07047a,#000000d1);place-items:center;padding:1.2rem;display:grid;position:fixed;inset:0}.dossier-panel{background:linear-gradient(135deg,#0a0806f0,#18110ae6);border:1px solid #efe5d62e;border-radius:1.35rem;width:min(980px,100%);padding:clamp(1.25rem,4vw,3rem);position:relative;box-shadow:0 40px 160px #000000c7,inset 0 1px #ffffff14}.dossier-panel span{letter-spacing:.22em;color:var(--gold);font-family:IBM Plex Mono,monospace;font-size:.75rem}.dossier-panel h2{letter-spacing:-.055em;margin:1rem 0;font-family:Cormorant Garamond,serif;font-size:clamp(2.4rem,6vw,5.6rem);line-height:.94}.dossier-panel p{max-width:720px;color:var(--ash);font-size:1.08rem;line-height:1.65}.close-dossier{border:1px solid var(--line);width:2.25rem;height:2.25rem;color:var(--bone);background:#ffffff0a;border-radius:999px;position:absolute;top:1rem;right:1rem}.dossier-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1.4rem 0;display:grid}.dossier-grid b{border:1px solid var(--line);color:var(--bone);background:#ffffff09;border-radius:.8rem;padding:.9rem;font-family:IBM Plex Mono,monospace;font-size:.75rem}.dossier-panel footer{color:#756d60;margin-top:1.8rem;font-family:IBM Plex Mono,monospace;font-size:.75rem}@media (width<=760px){.dossier-grid{grid-template-columns:1fr 1fr}.dossier-panel{max-height:calc(100svh - 2rem);overflow:auto}.dossier-panel h2{font-size:clamp(2.3rem,12vw,3.5rem)}}.lore-overlay{z-index:21;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(#160c055c,#000000db);place-items:center;padding:1.2rem;display:grid;position:fixed;inset:0}.lore-panel{background:linear-gradient(135deg,#090705d1,#1b1108b8);border:1px solid #efe5d62e;border-radius:1.35rem;width:min(1120px,94%);max-height:calc(100svh - 2rem);padding:clamp(1.1rem,3vw,2.4rem);position:relative;overflow:auto;box-shadow:0 40px 160px #000000b3,inset 0 1px #ffffff14}.lore-panel>span,.book-page span{letter-spacing:.22em;color:var(--gold);font-family:IBM Plex Mono,monospace;font-size:.72rem}.lore-panel h2{letter-spacing:-.055em;margin:.8rem 0 1.2rem;font-family:Cormorant Garamond,serif;font-size:clamp(2.8rem,6vw,6rem);line-height:.9}.lore-layout{grid-template-columns:minmax(260px,390px) 1fr;gap:1rem;display:grid}.book-list{gap:.55rem;display:grid}.book-list button{text-align:left;color:var(--bone);background:linear-gradient(135deg,#ffffff0b,#c59b450b);border:1px solid #efe5d621;border-radius:.9rem;padding:.85rem .95rem}.book-list button.active,.book-list button:hover{background:#c59b451a;border-color:#c59b4594}.book-list b{font-family:Cormorant Garamond,serif;font-size:1.25rem;display:block}.book-list small{color:var(--ash);margin-top:.18rem;font-family:IBM Plex Mono,monospace;font-size:.66rem;display:block}.book-page{background:radial-gradient(at 72% 20%,#c59b4529,#0000 46%),linear-gradient(135deg,#22160c94,#0504034d);border:1px solid #efe5d624;border-radius:1rem;min-height:390px;padding:clamp(1.2rem,3vw,2.4rem);box-shadow:inset 0 1px #ffffff0f}.book-page h3{letter-spacing:-.045em;margin:.8rem 0 1rem;font-family:Cormorant Garamond,serif;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.94}.book-page p{color:#ded3c3;max-width:720px;font-size:1.12rem;line-height:1.75}@media (width<=760px){.lore-layout{grid-template-columns:1fr}.lore-panel h2{font-size:clamp(2.6rem,13vw,4rem)}.book-page{min-height:auto}.book-page h3{font-size:clamp(2rem,10vw,3.2rem)}}.lore-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(90deg,#0000000d,#0000002e 42%,#000000b8 100%)!important;place-items:stretch end!important;padding:1rem!important}.lore-panel{background:linear-gradient(135deg,#090705db,#1b1108c2)!important;width:min(760px,54vw)!important;height:calc(100svh - 2rem)!important;max-height:none!important;overflow:auto!important}.lore-layout{grid-template-columns:1fr!important}.book-page{min-height:260px!important}.book-list{grid-template-columns:1fr 1fr;display:grid}.book-list b{font-size:1.05rem}.book-list small{font-size:.58rem}@media (width<=900px){.lore-overlay{background:radial-gradient(#0a07047a,#000000d1)!important;place-items:center!important}.lore-panel{width:min(980px,100%)!important;height:auto!important;max-height:calc(100svh - 2rem)!important}.book-list{grid-template-columns:1fr!important}}.hotspot.book:before{background:var(--gold);opacity:.34;width:.42rem;height:.42rem;box-shadow:0 0 16px #c59b456b}.hotspot.book span{white-space:normal;text-align:center;background:#050403c7;border-color:#c59b4552;max-width:14rem;font-size:.66rem}.hotspot.book:hover:before{opacity:.82}.hotspot.book:hover span{opacity:1;color:var(--gold)}.library .room-vignette{background:radial-gradient(at 50% 45%,#ffd69608,#0003 76%,#0000006b 100%),linear-gradient(#00000008,#0000001f 72%,#040403a3 100%)}@media (width<=760px){.mobile-actions{grid-template-columns:1fr 1fr}.library .mobile-actions{align-content:end;max-height:46svh;overflow:auto}.library .mobile-actions button{padding:.55rem .45rem;font-size:.72rem}}.hotspot.door-label-top span{opacity:.92;color:var(--gold);background:#050403b8;border-color:#c59b456b;left:50%;top:.25rem!important;transform:none!important}.workshop .hotspot.object span{white-space:normal;text-align:center;background:#050403bd;border-color:#c59b454d;max-width:13rem}.workshop .hotspot.object:before{opacity:.28}.workshop .hotspot.object:hover:before{opacity:.74}.workshop .hotspot.object:hover span{color:var(--gold)}.debug-hotspot-overlay{z-index:19;pointer-events:none;color:#d7ffb8;text-shadow:0 1px 2px #000,0 0 8px #000000e6;font-family:IBM Plex Mono,monospace;position:absolute;inset:0}.debug-room-tag{z-index:3;color:#d7ffb8;background:#000000b8;border:1px solid #d7ffb8a6;border-radius:.5rem;padding:.45rem .6rem;font-size:.75rem;position:absolute;bottom:.75rem;left:.75rem}.debug-vline,.debug-hline{background:#7eff7e38;display:block;position:absolute}.debug-vline{width:1px;top:0;bottom:0}.debug-hline{height:1px;left:0;right:0}.debug-vline b,.debug-hline b{color:#d7ffb8;background:#000000a8;border:1px solid #7eff7e52;border-radius:.25rem;padding:.08rem .22rem;font-size:.58rem;font-style:normal;font-weight:600;position:absolute}.debug-vline b{top:2.6rem;left:.12rem}.debug-hline b{top:.1rem;left:.25rem}.debug-hotspot-box{background:#ff00001a;border:2px solid #ff4646e0;align-content:start;justify-items:start;padding:.18rem;display:grid;position:absolute;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff40,0 0 20px #ff000038}.debug-hotspot-box:after{content:"";background:#ff4040;border-radius:999px;width:.55rem;height:.55rem;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 2px #ffffffe6,0 0 18px #ff0000e6}.debug-hotspot-box strong,.debug-hotspot-box code{color:#fff;white-space:nowrap;background:#000000c7;border:1px solid #fff3;border-radius:.28rem;margin:.05rem;padding:.12rem .25rem;font-size:.62rem;line-height:1.15}.debug-hotspot-box code{color:#ffe2a9}@media (width<=760px){.debug-hotspot-overlay{display:none}}.hotspot.npc span{color:var(--bone);background:#050403b3;border-color:#c59b455c;opacity:.86!important;top:68%!important}.hotspot.npc:hover span{color:var(--gold);opacity:1!important}.note-hotspot span{color:var(--gold)}.note-overlay{z-index:22;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(#140a044d,#000000c7);place-items:center;padding:1.2rem;display:grid;position:fixed;inset:0}.note-parchment{color:#1d1207;background:radial-gradient(at 30% 10%,#ffe7b44d,#0000 38%),linear-gradient(135deg,#d8bf84,#b99052 55%,#7b542a);border:1px solid #c59b4573;border-radius:1.2rem;width:min(720px,100%);padding:clamp(1.2rem,4vw,2.4rem);font-family:Geist,system-ui,sans-serif;position:relative;box-shadow:0 40px 150px #000000bf,inset 0 0 60px #50280a38}.note-parchment span{letter-spacing:.22em;color:#593311;font-family:IBM Plex Mono,monospace;font-size:.72rem}.note-parchment h2{color:#201207;margin:.65rem 0 1rem;font-family:Cormorant Garamond,serif;font-size:clamp(2.8rem,7vw,5.4rem);line-height:.9}.note-parchment label{letter-spacing:.08em;color:#3a210d;gap:.35rem;margin:.9rem 0;font-family:IBM Plex Mono,monospace;font-size:.72rem;display:grid}.note-parchment textarea,.note-parchment input{color:#201207;width:100%;font:inherit;letter-spacing:0;background:#fff6d77a;border:1px solid #3a210d59;border-radius:.7rem;padding:.85rem}.note-parchment textarea{resize:vertical;min-height:9rem}.note-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.note-actions button{color:#f5ddb0;background:#261608;border:1px solid #3a210d61;border-radius:999px;padding:.7rem 1rem;font-weight:800}.note-actions button+button{color:#261608;background:#fff6d761}.note-parchment p{color:#3c240f;line-height:1.5}.note-parchment .close-dossier{color:#261608;background:#fff6d766;border-color:#3a210d59}@media (width<=760px){.note-parchment{max-height:calc(100svh - 2rem);overflow:auto}.note-parchment textarea{min-height:7rem}}.mobile-notice,.mobile-room-card,.mobile-explore{display:none}@media (width<=760px){.room{height:100svh;min-height:100svh}.room picture,.room img,.room-loop{object-fit:cover;object-position:center center}.main picture,.main img,.main .room-loop{object-position:48% center}.workshop picture,.workshop img,.workshop .room-loop{object-position:53% center}.library picture,.library img,.library .room-loop{object-position:50% center}.room-vignette{background:radial-gradient(at 50% 42%,#ffd69605,#0000001a 54%,#0000005c 100%),linear-gradient(#0000001f,#0000000d 40%,#040403b8 100%)}.mobile-actions,.hotspots{display:none!important}.mobile-notice{z-index:7;left:.85rem;right:.85rem;top:max(.75rem,env(safe-area-inset-top));text-align:center;letter-spacing:.04em;color:#efe5d6b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04040385;border:1px solid #efe5d61f;border-radius:999px;padding:.45rem .7rem;font-family:IBM Plex Mono,monospace;font-size:.62rem;line-height:1.35;display:block;position:absolute}.mobile-room-card{z-index:7;left:.85rem;right:.85rem;bottom:max(.9rem,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#070605d1,#1c120abd);border:1px solid #efe5d629;border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.72rem .75rem .72rem .95rem;display:flex;position:absolute;box-shadow:0 20px 70px #0000008c}.mobile-room-card b{color:var(--bone);font-family:Cormorant Garamond,serif;font-size:1.35rem}.mobile-room-card button{color:var(--gold);white-space:nowrap;background:#c59b4524;border:1px solid #c59b456b;border-radius:999px;padding:.65rem .85rem;font-weight:800}.mobile-explore{z-index:11;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#00000014,#00000094);align-items:end;display:grid;position:absolute;inset:0}.mobile-explore-panel{padding:1rem .9rem max(1rem,env(safe-area-inset-bottom));background:linear-gradient(135deg,#080705f2,#160e08ed);border:1px solid #efe5d629;border-radius:1.15rem 1.15rem 0 0;max-height:66svh;overflow:auto;box-shadow:0 -20px 90px #000000b3}.mobile-explore-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.mobile-explore-head span{color:var(--bone);font-family:Cormorant Garamond,serif;font-size:2rem}.mobile-explore-head button{border:1px solid var(--line);width:2.15rem;height:2.15rem;color:var(--bone);background:#ffffff0a;border-radius:999px}.mobile-explore-panel p{color:var(--ash);margin:.3rem 0 .9rem;font-size:.86rem;line-height:1.45}.mobile-explore-list{grid-template-columns:1fr;gap:.55rem;display:grid}.mobile-explore-list button{text-align:left;color:var(--bone);background:#ffffff0b;border:1px solid #efe5d624;border-radius:.8rem;padding:.82rem .9rem;font-weight:700}.mobile-explore-list button:active{color:var(--gold);border-color:#c59b458c}.vn-panel{z-index:12;width:100%;max-height:72svh;padding:.88rem .9rem max(.9rem,env(safe-area-inset-bottom));background:linear-gradient(135deg,#080705f5,#100c08f0);border-radius:1rem 1rem 0 0;grid-template-columns:1fr;bottom:0;left:0;right:0;overflow:auto}.vn-speaker{z-index:2;background:linear-gradient(135deg,#080705f5,#100c08f0);padding-bottom:.45rem;position:sticky;top:0}.vn-speaker b{font-size:1.35rem}.vn-speaker small{font-size:.62rem}.vn-panel-main p{margin:.45rem 0 .75rem;font-size:.95rem;line-height:1.5}.vn-options{grid-template-columns:1fr;gap:.45rem;display:grid}.vn-options button{text-align:left;padding:.75rem .85rem}.note-overlay{align-items:end;padding:0}.note-parchment{border-radius:1.15rem 1.15rem 0 0;width:100%;max-height:82svh;overflow:auto}.note-parchment h2{font-size:clamp(2.5rem,13vw,4rem)}html,body,#root,.game-shell,.room{width:100%;max-width:100%;overflow-x:hidden!important}.mobile-notice,.mobile-room-card{max-width:calc(100vw - 1.7rem);overflow:hidden}.mobile-notice{white-space:normal;text-overflow:clip;font-size:.58rem}.mobile-room-card b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-room-card button{text-align:center;flex:none;min-width:5.9rem}.mobile-room-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.65rem;display:grid!important}.mobile-room-card button{justify-self:end;min-width:5.6rem;padding:.62rem .72rem}.mobile-room-card{row-gap:.55rem;grid-template-columns:1fr!important;padding:.75rem!important;display:grid!important}.mobile-room-card b{text-align:left;font-size:1.25rem}.mobile-room-card button{text-align:center;justify-self:stretch;width:100%;min-width:0;padding:.72rem .85rem}}.vn-panel{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#080705e0,#100c08d6);border:1px solid #efe5d62e;border-radius:1.1rem;grid-template-columns:9.5rem 1fr;gap:1rem;padding:1rem;display:grid;position:absolute;bottom:clamp(1rem,3vw,2rem);left:clamp(1rem,4vw,5rem);right:clamp(1rem,4vw,5rem);box-shadow:0 30px 120px #000000a6}.vn-portrait{background:radial-gradient(circle at 50% 35%,#c59b4538,#0006);border:1px solid #c59b4547;border-radius:.85rem;align-self:stretch;place-items:center;min-height:9.5rem;display:grid;position:relative;overflow:hidden}.vn-portrait img{object-position:center 18%;filter:saturate(.92)contrast(1.04);object-fit:cover!important;width:100%!important;height:100%!important;position:relative!important;inset:auto!important}.vn-speaker{align-items:center;gap:.75rem;display:flex}.vn-speaker b{font-family:Cormorant Garamond,serif;font-size:1.5rem}.vn-speaker small{color:var(--gold);font-family:IBM Plex Mono,monospace;font-size:.7rem}.vn-speaker button{border:1px solid var(--line);color:var(--bone);background:0 0;border-radius:999px;width:2rem;height:2rem;margin-left:auto}.vn-copy p{color:#ded3c3;font-size:1.05rem;line-height:1.6}.vn-options{flex-wrap:wrap;gap:.55rem;display:flex}.vn-options button{color:var(--bone);background:#ffffff0a;border:1px solid #efe5d629;border-radius:.65rem;padding:.65rem .8rem}.vn-options button:hover{color:var(--gold);border-color:#c59b4580}@media (width<=760px){.vn-panel{z-index:12;width:100%;max-height:72svh;padding:.88rem .9rem max(.9rem,env(safe-area-inset-bottom));background:linear-gradient(135deg,#080705f5,#100c08f0);border-radius:1rem 1rem 0 0;grid-template-columns:1fr;bottom:0;left:0;right:0;overflow:auto}.vn-portrait{display:none}.vn-speaker{z-index:2;background:linear-gradient(135deg,#080705f5,#100c08f0);padding-bottom:.45rem;position:sticky;top:0}.vn-speaker b{font-size:1.35rem}.vn-speaker small{font-size:.62rem}.vn-copy p{margin:.45rem 0 .75rem;font-size:.95rem;line-height:1.5}.vn-options{grid-template-columns:1fr;gap:.45rem;display:grid}.vn-options button{text-align:left;padding:.75rem .85rem}}