.welcome-replay{color:#8d5e72;font:500 12px var(--ui);text-align:left;background:0 0;border:0;padding:10px 0}.welcome-replay span{margin-left:6px}.welcome-replay:hover{color:#603f60}.welcome-replay:focus-visible{outline-offset:5px;outline:2px solid #925c78}.welcome-opening{opacity:1;background:#fff9f1;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;transition:opacity .36s,transform .36s;overflow:hidden}.welcome-opening::backdrop{background:#fff9f1}.welcome-opening[open]{place-items:center;min-height:100svh;display:grid}.welcome-opening.is-leaving{opacity:0;pointer-events:none;transform:scale(1.01)}.welcome-opening__scene{background:radial-gradient(circle at 12% 80%,#f8e5e5,#0000 45%),#fff9f1;place-items:center;width:100%;height:100svh;min-height:400px;display:grid;position:relative}.welcome-opening__video{object-fit:cover;background:#fff9f1;width:min(100vw,50svh);height:100svh;max-height:100%;display:block;box-shadow:0 0 48px #91636c14}.welcome-opening__skip{z-index:3;right:max(20px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));color:#704c63;font:600 13px var(--ui);background:#fffaf5ed;border:1px solid #d4adb9;border-radius:999px;padding:11px 17px;position:absolute;box-shadow:0 7px 20px #67475913}.welcome-opening__skip span{margin-left:15px}.welcome-opening__skip:hover,.welcome-opening__play:hover{background:#f9e8e9}:is(.welcome-opening__skip:focus-visible,.welcome-opening__play:focus-visible){outline-offset:4px;outline:2px solid #925c78}.welcome-opening__poster{color:#553a50;font-family:var(--ui);text-align:center;background:radial-gradient(circle at 65% 31%,#ffedcf,#0000 38%),radial-gradient(circle at 15% 80%,#f8e5e5,#0000 42%),#fff9f1;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex;position:absolute;inset:0}.welcome-opening__poster>p:first-child{color:#9f5d75;font-size:13px}.welcome-opening__poster>strong{font:500 clamp(30px,6vw,50px)/1.3 var(--serif)}.welcome-opening__poster>div{aspect-ratio:1;width:min(380px,60svh,75vw);position:relative}.welcome-opening__poster img{object-fit:contain;width:100%;height:100%;display:block}.welcome-opening__poster>div span{white-space:nowrap;color:#684255;font:600 clamp(13px,3vw,19px) var(--ui);position:absolute;top:66%;left:50%;transform:translate(-50%,-50%)}.welcome-opening__poster>p:last-child{color:#795b6d;font-size:14px}.welcome-opening__play{z-index:4;left:50%;bottom:max(78px,calc(env(safe-area-inset-bottom) + 70px));color:#704c63;font:600 13px var(--ui);white-space:nowrap;background:#fffaf5ed;border:1px solid #d4adb9;border-radius:999px;padding:13px 19px;position:absolute;transform:translate(-50%)}@media (max-width:600px){.welcome-opening__skip{right:50%;bottom:max(17px,env(safe-area-inset-bottom));transform:translate(50%)}.welcome-opening__video{width:min(100vw,50svh)}}@media (prefers-reduced-motion:reduce){.welcome-opening{transition:none}}