:root{--ink:#151326;--night:#090b1e;--panel:rgba(13,12,33,.9);--gold:#ffc44c;--cream:#fff3d7;--red:#d84d4c;--teal:#61d4bf;--line:rgba(255,255,255,.22)}
*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--night);font-family:"Trebuchet MS",Arial,sans-serif;color:var(--cream);touch-action:none}button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}.screen{position:absolute;inset:0}
/* Menu */
.menu-screen{display:flex;justify-content:flex-end;align-items:center;padding:5vh 7vw;background:radial-gradient(circle at 25% 32%,#5b315e 0,transparent 34%),linear-gradient(145deg,#21173d,#090a1d 72%);overflow:hidden}.menu-screen:before{content:"";position:absolute;inset:0;background:url('assets/circus-panorama.png') center/cover;opacity:.2;filter:saturate(.7)}.menu-moon{position:absolute;width:31vw;height:31vw;border-radius:50%;left:12vw;top:5vh;background:radial-gradient(circle at 38% 35%,#fffbd7,#ffc858 33%,#eb7d3a 60%,transparent 62%);filter:blur(1px);opacity:.22}.menu-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#090a1dcf 66%)}.menu-trio{position:absolute;left:3vw;bottom:-6vh;width:min(64vw,930px);height:96vh;filter:drop-shadow(0 24px 30px #0008)}.menu-person,.intro-actor i,.character .sprite{background-repeat:no-repeat;background-size:400% 100%;background-position:0 0}.menu-person{position:absolute;bottom:0}.menu-person.sophie{width:31%;height:76%;left:0;background-image:url('assets/sophie-sprites.png')}.menu-person.aldelir{width:30%;height:83%;left:28%;background-image:url('assets/aldelir-sprites.png')}.menu-person.marli{width:24%;height:86%;left:56%;background-image:url('assets/marli-sprites.png')}.menu-card{position:relative;z-index:3;width:min(410px,90vw);text-align:center;animation:rise .8s ease-out}.eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#dac8ee;margin:0}.menu-card h1{font:900 clamp(46px,6vw,76px)/.78 "Trebuchet MS";letter-spacing:-.07em;margin:18px 0 8px;text-shadow:0 6px 0 #0004}.menu-card h1 span{display:block;color:var(--gold)}.title-wing{position:absolute;color:#ffcf55;font-size:42px;right:5%;top:63px;filter:drop-shadow(0 0 10px #ffc34f)}.subtitle{color:#d9cdea;margin:0 0 25px}.menu-card button{display:flex;align-items:center;gap:11px;width:100%;min-height:52px;margin:9px 0;padding:10px 17px;border-radius:15px;background:#ffffff10;border:1px solid var(--line);font-weight:800;transition:.18s}.menu-card button:hover,.menu-card button:focus-visible{background:#ffffff20;transform:translateY(-2px)}.menu-card button span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#ffffff14}.menu-card button.primary,.primary{background:linear-gradient(135deg,#efa633,#df5541);box-shadow:0 8px 24px #df55413b;border-color:#ffd36a}.menu-row{display:flex;gap:9px}.menu-row button{font-size:13px}.version{font-size:10px;opacity:.56;letter-spacing:.15em;margin-top:18px}
/* Intro */
.intro-screen{background:#0e1026;overflow:hidden}.intro-scene{position:absolute;inset:-1.5%;background-position:center;background-size:cover;transition:opacity .35s;animation:cinematicDrift 10.5s ease-out both}.intro-scene.home{background-image:linear-gradient(#16102410,#16102410),url('assets/intro-home-cinematic.png')}.intro-scene.forest{background-image:linear-gradient(#0c172a12,#0c172a12),url('assets/intro-forest-cinematic.png')}.intro-scene.arrival{background-image:linear-gradient(#09102a12,#09102a12),url('assets/intro-arrival-cinematic.png')}.intro-scene.tunnel{background-image:linear-gradient(#08030d08,#08030d08),url('assets/intro-tunnel-cinematic.png')}.intro-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#08091cdb);pointer-events:none}.intro-top{position:absolute;z-index:6;left:24px;right:24px;top:18px;display:flex;justify-content:space-between;align-items:center;text-shadow:0 2px 4px #000}.intro-top b{font-size:12px;letter-spacing:.18em;color:var(--gold)}.intro-top button{padding:9px 14px;border:1px solid var(--line);border-radius:11px;background:#0a0a1caa}.intro-actor,.intro-baskets{display:none!important}.intro-tunnel{display:none;position:absolute;inset:0;overflow:hidden}.tunnel .intro-tunnel{display:block}.intro-tunnel i{position:absolute;width:8px;height:46px;border-radius:50%;background:#ffc95a88;filter:blur(1px);left:calc(18% * var(--n));animation:tunnelSpark 1.7s linear infinite}.intro-tunnel i:nth-child(1){--n:1;animation-delay:-.2s}.intro-tunnel i:nth-child(2){--n:2;animation-delay:-1.1s}.intro-tunnel i:nth-child(3){--n:3;animation-delay:-.6s}.intro-tunnel i:nth-child(4){--n:4;animation-delay:-1.7s}.intro-tunnel i:nth-child(5){--n:5;animation-delay:-.9s}.story-card{position:absolute;z-index:7;left:50%;bottom:4vh;transform:translateX(-50%);width:min(760px,88vw);padding:18px 24px;border:1px solid #ffffff32;border-radius:22px;background:#0b0b20df;backdrop-filter:blur(14px);box-shadow:0 20px 55px #0008}.story-card p{font-size:clamp(16px,2vw,22px);font-weight:800;line-height:1.45;margin:0 0 15px;text-align:center;text-shadow:0 2px 4px #000}.story-progress{height:4px;background:#ffffff1b;border-radius:9px;overflow:hidden}.story-progress i{display:block;width:0;height:100%;background:var(--gold)}.story-progress i.playing{animation:introTimer 10.5s linear forwards}.story-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.story-footer span{font-size:11px;letter-spacing:.12em;opacity:.65}.story-footer button{border-radius:12px;padding:10px 17px;font-weight:900}
/* Game world */
.game-screen{background:#070817}.viewport{position:absolute;inset:0 0 82px;overflow:hidden}.world{position:absolute;left:0;top:0;width:4700px;height:100%;will-change:transform}.backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:saturate(.92) contrast(1.03)}.sky-depth{position:absolute;inset:0;background:linear-gradient(90deg,#08182c88 0,transparent 18%,transparent 58%,#0b10234d 75%,#050717aa 100%);pointer-events:none}.light-strings{position:absolute;inset:0;background:radial-gradient(circle at 23% 21%,#ffd35970 0 2px,transparent 4px),radial-gradient(circle at 37% 15%,#ffd35955 0 2px,transparent 4px);background-size:74px 48px,92px 60px;mix-blend-mode:screen;opacity:.55;animation:lights 2.2s ease-in-out infinite alternate;pointer-events:none}.world:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(transparent,#0809199e);pointer-events:none}.area-sign{position:absolute;z-index:2;top:18%;padding:7px 12px;border-radius:9px;background:#1b1632a8;border:1px solid #ffffff2a;font-size:10px;letter-spacing:.15em;opacity:.7}.sign-arrival{left:250px}.sign-plaza{left:1450px}.sign-backstage{left:3460px}.crowd{position:absolute;inset:0;z-index:4}.npc{position:absolute;left:var(--x);bottom:11%;width:150px;height:190px;background:url('assets/rat-cast.png') no-repeat;background-size:400% 200%;background-position:calc(var(--col) * 33.333%) calc(var(--row) * 100%);transform-origin:50% 100%;filter:drop-shadow(0 7px 5px #0007);animation:npcIdle 2.8s ease-in-out infinite;animation-delay:var(--delay,0s)}.accordion{animation-name:musicSway}.drummer{animation-name:drumBeat;animation-duration:.7s}.dancers{width:205px;animation-name:dance;animation-duration:1.05s}.waiter{animation-name:waiterWalk;animation-duration:7s}.juggler{animation-name:juggle;animation-duration:1.35s}.guests{width:205px;animation-name:chat;animation-duration:3.7s}.watcher{width:120px;left:var(--x);transition:left 1.1s ease,transform .35s;animation-duration:3.4s}.watcher.suspicious{transform:scaleX(-1) rotate(-4deg)}.attention{display:none;position:absolute;top:-15px;right:14px;width:31px;height:31px;border-radius:50%;place-items:center;background:var(--gold);color:#342139;border:3px solid #fff2d1;font-weight:900;font-size:19px;box-shadow:0 0 18px #ffc64d}.watcher.suspicious .attention{display:grid;animation:pop .25s}.investigator{display:none;z-index:12;left:2780px;width:125px;transition:left 7s linear}.investigator.active{display:block;left:3900px;animation:investigateWalk .48s steps(2) infinite}.inv-two{bottom:8%;transition-duration:8.3s}.investigator.searching{animation:search 1.3s ease-in-out infinite}
.hotspot{position:absolute;z-index:7;background:transparent;bottom:10%;border-radius:18px}.hotspot span{position:absolute;left:50%;top:12%;transform:translate(-50%,8px) scale(.85);padding:6px 10px;border-radius:11px;background:#fff2d7;color:#33203b;border:2px solid #e5a63e;box-shadow:0 5px 16px #0008;font-size:11px;font-weight:900;opacity:0;transition:.2s;white-space:nowrap}.hotspot.near span,.hotspot:hover span,.hotspot:focus-visible span{opacity:1;transform:translate(-50%,0) scale(1)}.hotspot.near:after{content:"";position:absolute;left:50%;bottom:3%;width:55px;height:18px;transform:translateX(-50%);border:2px solid #ffd35c;border-radius:50%;box-shadow:0 0 16px #ffcb50}.poster{left:720px;width:210px;height:260px}.musician{left:1050px;width:240px;height:230px}.food{left:1450px;width:250px;height:230px}.ticket{left:2320px;width:220px;height:250px}.paper{left:2680px;width:190px;height:150px}.paper i{position:absolute;right:26px;bottom:20px;width:21px;height:15px;background:#fff1c5;transform:rotate(-10deg);box-shadow:0 0 9px 3px #fff0a599;animation:paperBlink 3.4s ease-in-out infinite}.crates{left:3240px;width:250px;height:260px}.curtain{left:3490px;width:230px;height:330px}.safe{left:3770px;width:250px;height:330px}.safe-light{position:absolute;left:48%;top:42%;width:14px;height:14px;border-radius:50%;background:#532f2f;box-shadow:0 0 0 3px #19121b}.alarm-on .safe-light{background:#ff4e54;box-shadow:0 0 20px 7px #ff344b;animation:blink .45s infinite}.safe-open:before{content:"";position:absolute;left:35%;top:21%;width:46%;height:60%;background:#090915;border:8px solid #7b5b36;transform:perspective(200px) rotateY(-48deg);transform-origin:left;box-shadow:inset 0 0 25px #000}.hideout{left:4050px;width:280px;height:300px}.door{left:4380px;width:280px;height:370px}.door.open:before{content:"";position:absolute;inset:0 18%;background:linear-gradient(90deg,#fff3aa,#80c8d8);border-radius:50% 50% 8px 8px;box-shadow:0 0 80px 30px #8fd8dc99;animation:doorOpen .8s ease-out}
.character{position:absolute;z-index:10;bottom:9%;width:102px;height:164px;transform:translateX(-50%);transition:opacity .25s;filter:drop-shadow(0 8px 5px #0008);pointer-events:none}.character .sprite{position:absolute;inset:0;background-position:0 0;animation:none}.character.sophie .sprite{background-image:url('assets/sophie-sprites.png')}.character.aldelir{height:178px;width:115px}.character.aldelir .sprite{background-image:url('assets/aldelir-sprites.png')}.character.marli{width:86px;height:174px}.character.marli .sprite{background-image:url('assets/marli-sprites.png')}.character.left .sprite{transform:scaleX(-1)}.character.walking .sprite{animation:spriteStep .52s steps(1) infinite}.character.investigating .sprite{background-position:100% 0;animation:none}.character.idle .sprite{background-position:0 0;animation:none}.character.hiding{opacity:.58;transform:translateX(-50%) scale(.72);bottom:8%;z-index:5}.character.fleeing .sprite{animation:spriteStep .3s steps(1) infinite}.character>span{position:absolute;left:50%;top:-6px;transform:translateX(-50%);padding:3px 8px;border-radius:9px;background:#17132ce8;border:1px solid #ffffff35;font-size:10px;font-weight:900;opacity:0}.character.active>span{opacity:1;background:var(--gold);color:#291a31}.char-shadow{position:absolute;left:14%;right:14%;bottom:0;height:13px;border-radius:50%;background:#0007}.foreground-leaves{position:absolute;z-index:14;bottom:-10px;width:420px;height:160px;background:radial-gradient(ellipse at bottom,#06111b 0 24%,transparent 25%) 0 0/85px 85px;pointer-events:none;opacity:.8}.foreground-leaves.left{left:0}.foreground-leaves.right{right:0;transform:scaleX(-1)}
/* HUD */
.top-hud{position:absolute;z-index:30;top:0;left:0;right:0;height:76px;display:flex;align-items:flex-start;gap:12px;padding:11px 15px;background:linear-gradient(#070817d9,transparent);pointer-events:none}.top-hud>*{pointer-events:auto}.round-button{width:46px;height:46px;border-radius:50%;background:var(--panel);border:1px solid var(--line);font-weight:900}.chapter{padding-top:3px;text-shadow:0 2px 4px #000}.chapter small,.objective small{display:block;color:var(--gold);font-size:9px;letter-spacing:.17em}.chapter b{font-size:16px}.objective{flex:1;text-align:center;padding-top:3px;text-shadow:0 2px 4px #000}.objective b{display:block;font-size:13px}.inventory{min-height:46px;display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.bag{font-size:22px}.item{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--gold);color:#38203b;font-size:19px;font-weight:900}.hint{position:absolute;z-index:25;left:50%;top:18%;transform:translateX(-50%);padding:7px 12px;border-radius:10px;background:#09091bc7;border:1px solid #ffffff20;font-size:11px;animation:fadeHint 5s forwards}.area-ribbon{position:absolute;z-index:25;left:50%;top:19%;transform:translateX(-50%);padding:9px 20px;text-align:center;background:#0b0a1ece;border:1px solid #ffffff26;border-radius:14px;animation:ribbon 2.2s forwards}.area-ribbon small{display:block;color:var(--gold);font-size:8px;letter-spacing:.2em}.alarm-bar{position:absolute;z-index:26;top:82px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid #ff6b73;border-radius:14px;background:#3b111ce9;box-shadow:0 0 30px #e8324755;animation:alarmPulse .55s infinite alternate}.alarm-bar span{color:#ff8d90;font-weight:900}.alarm-bar>div{width:min(38vw,300px);height:8px;background:#17090f;border-radius:8px;overflow:hidden}.alarm-bar i{display:block;width:100%;height:100%;background:#ff5e68}.suspicion-meter{position:absolute;z-index:26;top:83px;right:18px;width:220px;padding:8px 10px;border-radius:12px;background:#2b2248e8;border:1px solid #ffffff25;font-size:11px}.suspicion-meter span{display:flex;align-items:center;gap:7px}.suspicion-meter span b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--gold);color:#30203b}.suspicion-meter div{height:6px;margin-top:6px;border-radius:6px;background:#0d0b19;overflow:hidden}.suspicion-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold),#ff5f58);transform-origin:left}.group-escape{position:absolute;z-index:28;left:50%;bottom:18px;transform:translateX(-50%);padding:13px 20px;border-radius:15px;background:linear-gradient(135deg,#54c8ae,#397fa3);font-weight:900;box-shadow:0 8px 24px #0008;animation:pop .3s}.bottom-hud{position:absolute;z-index:30;left:0;right:0;bottom:0;height:82px;display:flex;align-items:center;gap:13px;padding:9px 15px;background:#080817f0;border-top:1px solid #ffffff18}.portraits{display:flex;gap:7px}.portrait-button{display:flex;align-items:center;gap:6px;padding:5px 9px 5px 5px;border-radius:14px;background:#ffffff0c;border:1px solid #ffffff18;font-size:11px;font-weight:900}.portrait-button.active{background:#332848;border-color:var(--gold);box-shadow:0 0 0 2px #ffc44c22}.face{width:39px;height:39px;border-radius:50%;background-repeat:no-repeat;background-size:510% auto;background-position:1% 3%;border:2px solid #f4cb8a}.face.sophie,.dialogue-face.sophie{background-image:url('assets/sophie-sprites.png')}.face.aldelir,.dialogue-face.aldelir{background-image:url('assets/aldelir-sprites.png')}.face.marli,.dialogue-face.marli{background-image:url('assets/marli-sprites.png');background-size:600% auto}.follow-button{margin-left:auto;min-height:52px;padding:7px 14px;border-radius:14px;background:#211b37;border:1px solid var(--line);font-size:11px}.follow-button span{display:block;color:var(--teal);letter-spacing:-2px}.follow-button b{display:block}.follow-button.waiting span{color:#ffba5f}.interact-button{min-height:54px;padding:8px 17px;border-radius:15px;background:linear-gradient(135deg,#e7a439,#ce5941);font-weight:900}.interact-button small{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:6px;border-radius:6px;background:#ffffff28}.mobile-pad{position:absolute;z-index:31;left:18px;bottom:95px;display:none;gap:8px}.mobile-pad button{width:61px;height:56px;border-radius:16px;background:#09091bd2;border:1px solid #ffffff38;font-size:22px}
/* Dialogs and modals */
.dialogue{position:absolute;z-index:40;left:50%;bottom:94px;transform:translateX(-50%);width:min(680px,88vw);display:flex;align-items:center;gap:13px;padding:13px 45px 13px 13px;border-radius:19px;background:#0b0a1fee;border:1px solid #ffffff33;box-shadow:0 14px 45px #0009;animation:rise .25s}.dialogue-face{flex:0 0 55px;height:55px;border-radius:50%;background-repeat:no-repeat;background-size:510% auto;background-position:1% 3%;border:3px solid #efc77f;background-color:#bc7550}.dialogue b{color:var(--gold)}.dialogue p{margin:3px 0 0;line-height:1.35}.dialogue button{position:absolute;right:11px;top:7px;background:transparent;font-size:25px}.modal{position:absolute;z-index:60;inset:0;display:grid;place-items:center;padding:18px;background:#070717c7;backdrop-filter:blur(8px)}.modal-card{width:min(500px,92vw);max-height:91vh;overflow:auto;padding:24px;border-radius:24px;background:linear-gradient(155deg,#2a2342,#141127);border:1px solid #ffffff2b;box-shadow:0 25px 80px #000;text-align:center}.modal-card h2{font-size:29px;color:var(--gold);margin:0 0 7px}.modal-card p{line-height:1.45;color:#dfd8ea}.modal-card button{min-height:46px;margin:5px;padding:9px 15px;border-radius:12px;background:#ffffff12;border:1px solid #ffffff25;font-weight:900}.modal-card button.primary{background:linear-gradient(135deg,#eba43a,#d25342)}.clue-paper{padding:22px 12px;margin:17px auto;border:2px solid #ac814b;border-radius:5px;background:#f0dca9;color:#443426;transform:rotate(-1.2deg);box-shadow:0 8px 20px #0008}.clue-paper strong{display:block;font-size:46px;letter-spacing:.18em;margin-left:.18em}.key-display{display:flex;justify-content:center;gap:8px;margin:15px}.key-display i{display:grid;place-items:center;width:51px;height:55px;border-radius:9px;background:#090b10;border:2px solid #5a5968;color:#72efc1;font:700 30px monospace}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.keypad button{margin:0;font-size:20px}.keypad .zero{grid-column:2}.key-actions{display:flex;justify-content:center;margin-top:9px}.key-actions .confirm{background:#399a7e}.safe-reveal{display:flex;justify-content:center;gap:28px;margin:17px}.loot{width:100px;padding:13px;border-radius:16px;background:#0c0d1c;border:1px solid #ffe79e;animation:lootIn .55s both}.loot b{display:block;font-size:42px;color:var(--gold)}.loot span{font-size:11px}.settings-row{display:flex;align-items:center;gap:12px;margin:13px 0;text-align:left}.settings-row label{width:115px;font-weight:900}.settings-row input{flex:1;accent-color:#e99d3f}.inventory-grid{display:flex;justify-content:center;gap:15px;margin:18px}.inventory-card{width:140px;padding:16px;border-radius:17px;background:#0c0b1c;border:1px solid #ffffff22}.inventory-card b{display:block;font-size:42px;color:var(--gold)}.toast{position:absolute;z-index:75;top:17px;left:50%;transform:translateX(-50%);padding:10px 17px;border-radius:12px;background:#fff0d0;color:#2a1a36;font-weight:900;box-shadow:0 8px 28px #0009;animation:rise .25s}.rotate-message{display:none;position:fixed;z-index:100;inset:0;background:#101027;text-align:center;padding:28px}.rotate-message span{font-size:68px}.rotate-message b{display:block;font-size:27px}.rotate-message p{margin:0;color:#d0c6df}
/* Motion */
@keyframes rise{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes introTimer{to{width:100%}}@keyframes cinematicDrift{from{transform:scale(1.035)}to{transform:scale(1)}}@keyframes tunnelSpark{from{top:-20%}to{top:110%}}@keyframes lights{to{opacity:.92;filter:brightness(1.3)}}@keyframes npcIdle{50%{transform:translateY(-4px) rotate(1deg)}}@keyframes musicSway{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes drumBeat{50%{transform:translateY(4px) scaleY(.98)}}@keyframes dance{25%{transform:translateY(-8px) rotate(-3deg)}75%{transform:translateY(-8px) rotate(3deg)}}@keyframes waiterWalk{0%,18%{transform:translateX(-45px)}50%,68%{transform:translateX(55px)}100%{transform:translateX(-45px)}}@keyframes juggle{50%{transform:translateY(-7px) rotate(2deg)}}@keyframes chat{20%,55%{transform:rotate(-2deg)}35%,70%{transform:rotate(2deg)}}@keyframes spriteStep{0%,49.9%{background-position:33.333% 0}50%,100%{background-position:66.667% 0}}@keyframes investigateWalk{50%{transform:translateY(-4px)}}@keyframes search{50%{transform:rotate(-6deg)}}@keyframes paperBlink{0%,70%,100%{box-shadow:0 0 5px 1px #fff0a555}80%{box-shadow:0 0 15px 6px #fff0a5cc}}@keyframes blink{50%{opacity:.18}}@keyframes doorOpen{from{transform:scaleX(.1);opacity:0}}@keyframes fadeHint{0%,70%{opacity:1}100%{opacity:0}}@keyframes ribbon{0%{opacity:0;transform:translate(-50%,12px)}20%,75%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-8px)}}@keyframes alarmPulse{to{box-shadow:0 0 43px #ff344b77;background:#551421}}@keyframes pop{from{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes lootIn{from{opacity:0;transform:translateY(18px) scale(.8)}}
.low-quality .light-strings,.low-quality .foreground-leaves{display:none}.low-quality .npc{filter:none}.low-quality .backdrop{filter:none}
/* Calibrated interaction geometry for the extended panorama. */
.paper{left:500px;width:210px;height:150px}.poster{left:750px;width:220px;height:260px}.musician{left:1090px;width:250px;height:230px}.food{left:1640px;width:250px;height:230px}.ticket{left:2210px;width:230px;height:250px}.curtain{left:2460px;width:230px;height:340px}.crates{left:2860px;width:250px;height:270px}.safe{left:3140px;width:250px;height:340px}.hideout{left:3550px;width:280px;height:310px}.door{left:4250px;width:330px;height:390px}
@media(max-width:820px){.menu-screen{justify-content:center;padding:3vh 4vw}.menu-trio{opacity:.3;left:-14vw;width:120vw}.menu-card{width:min(390px,88vw)}.menu-card h1{font-size:43px}.menu-card button{min-height:44px;margin:6px 0}.mobile-pad{display:flex}.objective{display:none}.portrait-button span{display:none}.portrait-button{padding:4px}.portraits{gap:4px}.follow-button{margin-left:auto}.inventory #invEmpty{display:none}.viewport{bottom:70px}.bottom-hud{height:70px;padding:6px 9px}.dialogue{bottom:78px;font-size:13px}.top-hud{height:65px;padding:7px}.chapter b{font-size:13px}.hotspot span{opacity:.72}.intro-actor{transform:scale(.78);transform-origin:bottom}.story-card{bottom:3vh;padding:14px 17px}.story-card p{font-size:15px}.group-escape{bottom:10px}.npc{width:130px;height:165px}.character{transform:translateX(-50%) scale(.9);transform-origin:bottom}}
@media(orientation:portrait) and (max-width:700px){.rotate-message{display:grid;place-items:center}.rotate-message>*{grid-column:1}.rotate-message span{align-self:end}.rotate-message p{align-self:start}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media(max-width:820px){.menu-trio{opacity:.18}}