html{scrollbar-gutter:stable}
html.entrance-lock,html.entrance-lock body{overflow:hidden;scrollbar-gutter:auto;overscroll-behavior:none}
html.entrance-lock::-webkit-scrollbar,html.entrance-lock body::-webkit-scrollbar{display:none;width:0;height:0}
.cinematic-entrance{position:fixed;inset:0;z-index:1000;overflow:hidden;pointer-events:auto;isolation:isolate}
.entrance-panel{position:absolute;inset:0 auto 0 0;width:50.1%;background-color:#1a3471;background-image:radial-gradient(ellipse at 50% 48%,#395b9b 0,#203f7c 48%,#142b61 100%);will-change:transform;transition:transform .92s cubic-bezier(.77,0,.175,1)}
.entrance-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 34%,#8ca9e50a 34.1%,transparent 34.3%),repeating-linear-gradient(0deg,transparent 0 79px,#b5ceff0b 80px,#b5ceff0b 81px,transparent 82px),linear-gradient(90deg,#091d4a20,transparent 30%,#071a4825);}
.entrance-panel::after{content:"";position:absolute;inset:0 0 0 auto;width:1px;background:linear-gradient(transparent,#ffe95a 27%,#fff9bd 50%,#ffe95a 73%,transparent);box-shadow:0 0 18px 2px #ffdf43a6,0 0 55px 7px #ffc40045;opacity:0;transition:opacity .3s ease}
.entrance-panel-right{inset:0 0 0 auto;transform:scaleX(-1)}
.entrance-start .entrance-panel::after{opacity:1}
.entrance-open .entrance-panel{transform:translateX(-101%) }
.entrance-open .entrance-panel-right{transform:translateX(101%)}
.entrance-seam{position:absolute;z-index:2;left:50%;top:50%;width:2px;height:min(48vh,360px);background:linear-gradient(transparent,#fffde0 45%,#ffe344 55%,transparent);box-shadow:0 0 12px 3px #ffe344,0 0 48px 11px #ffb70088;transform:translate(-50%,-50%) scaleY(0);transform-origin:center;opacity:0;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .25s ease}
.entrance-start .entrance-seam{transform:translate(-50%,-50%) scaleY(1);opacity:1}
.entrance-open .entrance-seam{opacity:0;transform:translate(-50%,-50%) scaleY(1.4);transition:opacity .2s ease,transform .35s ease}
.entrance-core{position:absolute;z-index:3;left:50%;top:50%;width:38px;height:38px;border:1px solid #ffe95a;transform:translate(-50%,-50%) rotate(45deg) scale(.35);opacity:0;box-shadow:0 0 22px #ffd3338c,inset 0 0 18px #ffd33342;transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .22s ease}
.entrance-core::before,.entrance-core::after{content:"";position:absolute;left:50%;top:50%;background:#fff4a3;transform:translate(-50%,-50%)}
.entrance-core::before{width:1px;height:66px}.entrance-core::after{width:66px;height:1px}
.entrance-start .entrance-core{transform:translate(-50%,-50%) rotate(45deg) scale(1);opacity:1}
.entrance-open .entrance-core{transform:translate(-50%,-50%) rotate(135deg) scale(1.65);opacity:0;transition:transform .3s ease,opacity .2s ease}
.entrance-join{--button-cut:polygon(0 10%,100% 0,97.5% 94%,1.3% 100%);position:absolute;z-index:4;left:50%;top:50%;display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,22px);width:min(440px,calc(100vw - 40px));min-height:clamp(68px,9vh,84px);padding:18px clamp(24px,4vw,42px);border:0;border-radius:0;background:transparent;color:#111;font:400 clamp(22px,2.3vw,28px)/1.1 Battle,Impact,"Arial Narrow",sans-serif;letter-spacing:0;text-align:center;text-transform:uppercase;cursor:pointer;transform:translate(-50%,-50%);transition:transform .16s ease,opacity .25s ease}
.entrance-join::before{content:"";position:absolute;z-index:-1;inset:0;background:#ffff43;clip-path:var(--button-cut);filter:drop-shadow(0 0 20px #ffff4380);pointer-events:none}
.entrance-join:hover{transform:translate(-50%,-50%) scale(1.035)}
.entrance-join:hover b{transform:translate(3px,-3px)}
.entrance-join:focus-visible{outline:3px solid white;outline-offset:7px}
.entrance-join:active{transform:translate(-50%,-50%) scale(.98)}
.entrance-start .entrance-join{opacity:0;transform:translate(-50%,-50%) scale(.92);pointer-events:none}
@media(max-width:640px){.entrance-panel{background-image:radial-gradient(ellipse at 50% 46%,#35568f 0,#203f7c 52%,#142b61 100%)}.entrance-panel::before{background:repeating-linear-gradient(0deg,transparent 0 54px,#b5ceff0b 55px,#b5ceff0b 56px,transparent 57px),linear-gradient(90deg,#091d4a20,transparent 30%,#071a4825)}.entrance-seam{height:30vh}.entrance-join{width:calc(100vw - 40px);min-height:68px;padding:18px 28px;gap:14px;font-size:clamp(22px,6vw,26px)}}
@media(prefers-reduced-motion:reduce){.entrance-panel,.entrance-panel::after,.entrance-seam,.entrance-core,.entrance-join{transition:none!important}}