.opening-ui{z-index:2;pointer-events:none;color:#e6e3d1;position:fixed;inset:0}.opening-ui[hidden],.opening-ui [hidden]{display:none!important}.opening-ui[data-preparing=true]{background:#1b292e}.opening-ui[data-preparing=true] .opening-cue{bottom:48%}.opening-title{letter-spacing:.01em;text-shadow:0 2px 42px #10191499;opacity:0;justify-content:center;align-items:center;gap:clamp(10px,1.6vw,26px);padding-bottom:3vh;font:400 clamp(44px,8.4vw,124px)/1 Caveat Brush,Georgia,serif;display:flex;position:absolute;inset:0}.opening-title i{letter-spacing:0;color:#c23a30;font-size:.9em;font-style:normal;font-weight:400;transform:translateY(4%)}.opening-cue{text-align:center;letter-spacing:.015em;text-shadow:0 2px 15px #000,0 1px 4px #000;font:clamp(18px,2.1vw,27px)/1.4 Georgia,serif;position:absolute;bottom:10vh;left:18px;right:18px}.opening-bubble{box-sizing:border-box;color:#e6e3d1;letter-spacing:.015em;text-wrap:balance;white-space:pre-line;background:#172227ed;border:1px solid #c0c8b647;border-radius:.4em;width:max-content;max-width:min(15em,100vw - 32px);padding:.5em .8em;font:clamp(20px,3.7vh,44px)/1.3 Georgia,serif;position:absolute;box-shadow:0 4px 22px #10181a55}.opening-bubble:after{content:"";background:#172227;border:1px solid #c0c8b647;width:.62em;height:.62em;position:absolute;transform:rotate(45deg)}.opening-bubble[data-tail=down]:after{border-top:0;border-left:0;bottom:-.36em;left:calc(50% - .31em)}.opening-bubble[data-tail=up]:after{border-bottom:0;border-right:0;top:-.36em;left:calc(50% - .31em)}.opening-bubble[data-tail=left]:after{left:-.36em;top:calc(var(--tail-y,50%) - .31em);border-top:0;border-right:0}.opening-bubble[data-tail=right]:after{right:-.36em;top:calc(var(--tail-y,50%) - .31em);border-bottom:0;border-left:0}.opening-bubble[data-tail=none]:after{display:none}.opening-haze{opacity:0;background:#34434a;position:absolute;inset:0}.opening-accessible{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#app[data-opening=true] .objective,#app[data-opening=true] #story-bubble{display:none!important}#app[data-opening=true] .game-hud{z-index:3}#app[data-opening=true] .vignette{background:linear-gradient(#07121c22,#0000 20% 80%,#07121c33)}#app[data-opening=true] .game-hud,#app[data-opening=true] .fps-meter,#app[data-opening=true] .gesture-hud{display:none!important}#app[data-opening=true] #hand-settings,#app[data-opening=true] #camera-panel{z-index:5}#app[data-opening=true] .menu-backdrop{z-index:4}@media (max-height:560px){.opening-cue{font-size:18px;bottom:7vh}}.opening-cue[data-tracking-hint]:after{content:attr(data-tracking-hint);opacity:.8;min-height:1.4em;margin-top:.35em;font-size:.8em;display:block}.opening-guide{text-align:center;background:#172227ed;border:1px solid #c0c8b65c;border-radius:5px;width:clamp(210px,24vw,290px);padding:18px 20px 12px;position:absolute;top:45%;left:73%;transform:translate(-50%,-50%);box-shadow:0 8px 35px #07121c88}.opening-guide img{object-fit:contain;width:100%;height:150px;display:block}.opening-guide-label{letter-spacing:.015em;white-space:nowrap;font:clamp(26px,3vw,38px)/1.2 Georgia,serif}.opening-guide-hint{color:#b9ba9c;min-height:2.7em;margin-top:10px;font:16px/1.35 Georgia,serif}@media (max-height:600px){.opening-guide{width:220px;padding:10px 16px;top:43%}.opening-guide img{height:112px}.opening-guide-label{font-size:27px}.opening-guide-hint{margin-top:6px;font-size:14px}}@media (max-width:680px){.opening-guide{width:220px;padding:8px 12px;top:20%;left:50%!important}.opening-guide img{height:80px}.opening-guide-label{font-size:26px}.opening-guide-hint{min-height:1.5em;font-size:14px}}
