.site-opening{z-index:1000;isolation:isolate;color:#fff8eb;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.site-opening__door{background:radial-gradient(circle at 50% 40%,#463625 0,#1d1916 46%,#141211 100%);width:50.2%;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 70px #0008}.site-opening__door--left{border-right:1px solid #9e78384d;left:0}.site-opening__door--right{border-left:1px solid #9e78384d;right:0}.site-opening--open .site-opening__door--left{transform:translate(-102%)}.site-opening--open .site-opening__door--right{transform:translate(102%)}.site-opening--open .site-opening__door{transition:transform .85s cubic-bezier(.77,0,.19,1)}.site-opening:before{content:"";z-index:2;aspect-ratio:1;opacity:0;border:1px solid #edca8030;border-radius:50%;width:min(75vw,580px);position:absolute;box-shadow:0 0 0 28px #ca9b2d09,0 0 0 84px #ca9b2d05}.site-opening--playing:before{animation:1.65s ease-out .15s forwards site-opening-halo}.site-opening__content{z-index:4;flex-direction:column;align-items:center;width:min(90vw,460px);display:flex;position:relative;transform:translateY(-12px)}.site-opening__coin-stage{aspect-ratio:1;perspective:580px;filter:drop-shadow(0 20px 26px #0008);width:clamp(96px,18vw,154px);position:relative}.site-opening__coin{width:100%;height:100%;transform-style:preserve-3d;position:relative}.site-opening--playing .site-opening__coin{animation:1.72s cubic-bezier(.43,.05,.18,1) both site-opening-turn}.site-opening__coin img{backface-visibility:hidden;width:100%;height:100%;display:block;position:absolute;inset:0}.site-opening__coin-back{transform:rotateY(180deg)}.site-opening__coin-stage:after{content:"";mix-blend-mode:screen;opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#fff8d28c 48%,#0000 58%);border-radius:50%;position:absolute;inset:-8%;transform:translate(-45%)}.site-opening--playing .site-opening__coin-stage:after{animation:1.25s ease-out .45s both site-opening-glint}.site-opening__shadow{filter:blur(7px);background:#0008;border-radius:50%;width:120px;height:12px;margin-top:16px}.site-opening--playing .site-opening__shadow{animation:1.72s ease-in-out both site-opening-shadow}.site-opening__rule{background:linear-gradient(90deg,#0000,#e6c685,#0000);width:0;height:1px;margin:27px 0 20px}.site-opening--playing .site-opening__rule{animation:1.1s ease-out .35s forwards site-opening-rule}.site-opening__wordmark{opacity:0;width:clamp(170px,32vw,235px);height:auto}.site-opening__content p{color:#cbbba0;letter-spacing:.26em;text-transform:uppercase;opacity:0;margin:17px 0 0;font-size:9px;font-weight:700}.site-opening--playing .site-opening__wordmark{animation:.65s ease-out .5s forwards site-opening-mark}.site-opening--playing .site-opening__content p{animation:.6s ease-out .75s forwards site-opening-mark}.site-opening--open .site-opening__content,.site-opening--open:before{opacity:0;transition:opacity .28s}.site-opening__skip{z-index:5;right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));color:#fff8eb;font:inherit;cursor:pointer;background:#1d1916bb;border:1px solid #d3b27680;border-radius:999px;padding:10px 17px;font-size:13px;position:absolute}.site-opening__skip:focus-visible{outline-offset:3px;outline:3px solid #e6c685}@keyframes site-opening-turn{0%{opacity:.4;transform:rotateY(-65deg)scale(.82)}42%{opacity:1;transform:rotateY(25deg)scale(1.08)}78%{transform:rotateY(195deg)scale(.97)}to{transform:rotateY(360deg)scale(1)}}@keyframes site-opening-glint{0%,20%{opacity:0;transform:translate(-52%)}55%{opacity:.65}to{opacity:0;transform:translate(55%)}}@keyframes site-opening-halo{0%{opacity:0;transform:scale(.72)}50%{opacity:.85}to{opacity:.3;transform:scale(1.05)}}@keyframes site-opening-shadow{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:.85;transform:scale(1.15)}}@keyframes site-opening-rule{to{width:230px}}@keyframes site-opening-mark{to{opacity:1}}@media (prefers-reduced-motion:reduce){.site-opening{display:none}}
