.entry-active{overflow:hidden}
.entry-gate{position:fixed;inset:0;margin:0;padding:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#30241466,transparent 55%),#070809;color:var(--cream);isolation:isolate;opacity:1;transition:opacity .48s ease}
.entry-gate::backdrop{background:#070809;transition:background .48s ease}
.entry-gate:before{content:"";position:absolute;inset:0;background:linear-gradient(#08090ae8,#08090a99),url('madness-world-bg.webp') center/cover;opacity:.4;z-index:-2;pointer-events:none}
.entry-gate:after{content:"";position:absolute;inset:18px;border:1px solid #e9b85f22;pointer-events:none;z-index:8}
.entry-top{position:absolute;top:42px;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;z-index:10}
.entry-brand{font:600 13px/1.4 'Barlow Condensed',sans-serif;letter-spacing:.25em;color:var(--gold)}
.entry-brand small{display:block;font:8px/1.6 Barlow,sans-serif;letter-spacing:.2em;color:#9f9b91;margin-top:3px}
.entry-mute{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #e9b85f30;font-size:9px;letter-spacing:.12em;background:#0c0d0e99;color:#d5c5a4}
.entry-mute svg{width:17px;height:17px}.entry-mute[aria-pressed=true] .sound-waves{opacity:.2}
.entry-idle{position:absolute;inset:75px 30px 75px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:opacity .3s,transform .5s}
.entry-seal{width:116px;height:145px;object-fit:contain;mix-blend-mode:screen;margin-bottom:14px}
.entry-idle .eyebrow{font-size:9px;letter-spacing:.3em;margin:0 0 18px}
.entry-title{font:600 clamp(58px,8vw,104px)/.87 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.015em;margin:0 0 25px}
.entry-title em{font-style:normal;color:var(--gold)}
.entry-description{font-size:13px;color:#b1aca3;line-height:1.7;margin:0 0 27px}
.entry-enter{min-width:215px;min-height:57px;gap:35px;box-shadow:0 0 50px #e9b85f0c}
.entry-idle>small{font-size:9px;color:#aaa49a;margin-top:16px;letter-spacing:.04em}
.entry-bottom{position:absolute;left:48px;right:48px;bottom:37px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:10}
.entry-bottom>span{font-size:8px;letter-spacing:.22em;color:#aaa49a}
.entry-skip{font-size:11px;color:#d9c9ac;letter-spacing:.05em;padding:10px 0;border-bottom:1px solid #e9b85f50}
.entry-stage{position:absolute;inset:90px 25px 75px;display:grid;place-content:center;justify-items:center;pointer-events:none;opacity:0;visibility:hidden;transform:scale(.86);transition:opacity .4s,transform .7s cubic-bezier(.16,1,.3,1);z-index:3;mix-blend-mode:screen}
.entry-aura{position:absolute;left:50%;top:45%;width:min(78vw,640px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #e9b85f25;border-radius:50%;background:radial-gradient(ellipse,#e9b85f15,transparent 66%);box-shadow:0 0 100px #e9b85f05;z-index:-1}
.entry-aura:after{content:"";position:absolute;inset:35px;border:1px dashed #e9b85f20;border-radius:50%}
.entry-joker{width:min(58vh,480px,76vw);aspect-ratio:1;background:url('entry-joker-sprites.png') var(--frame-x,0%) var(--frame-y,0%)/200% 200% no-repeat;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 50% 50%,#000 77%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50%,#000 77%,transparent 100%)}
.entry-fallback{display:none;width:min(55vh,380px,70vw);height:min(55vh,380px,70vw);object-fit:contain;mix-blend-mode:screen}
.entry-gate:not([data-sprite=ready]) .entry-joker{display:none}.entry-gate:not([data-sprite=ready]) .entry-fallback{display:block}
.entry-stage-title{font:600 clamp(37px,5vw,61px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.16em;color:var(--gold);margin:12px 0 9px;padding-left:.16em;text-shadow:0 0 25px #e9b85f35}
.entry-stage>small{font-size:9px;letter-spacing:.35em;color:#cfbc9b}
.entry-has{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;z-index:2}
.entry-has span{position:absolute;font:800 clamp(50px,10vw,145px)/1 'Barlow Condensed',Impact,sans-serif;color:#e9b85f66;opacity:0;text-shadow:0 0 30px #e9b85f18;transform:rotate(var(--tilt));left:var(--left);top:var(--top)}
.entry-has span:nth-child(1){--left:8%;--top:22%;--tilt:-17deg;--delay:.12s}
.entry-has span:nth-child(2){--left:74%;--top:16%;--tilt:14deg;--delay:.35s}
.entry-has span:nth-child(3){--left:2%;--top:52%;--tilt:-12deg;--delay:.6s}
.entry-has span:nth-child(4){--left:79%;--top:54%;--tilt:17deg;--delay:.82s}
.entry-has span:nth-child(5){--left:19%;--top:75%;--tilt:11deg;--delay:1.08s}
.entry-has span:nth-child(6){--left:64%;--top:78%;--tilt:-14deg;--delay:1.3s}
.entry-gate[data-state=playing] .entry-idle{opacity:0;transform:translateY(-20px);pointer-events:none;visibility:hidden}
.entry-gate[data-state=playing] .entry-stage{opacity:1;visibility:visible;transform:scale(1)}
.entry-gate[data-state=playing] .entry-joker{transform:translateY(var(--laugh-y,0px)) rotate(var(--laugh-tilt,0deg))}
.entry-gate[data-state=playing] .entry-has{opacity:1}
.entry-gate[data-state=playing] .entry-has span{opacity:var(--ha-opacity,0);transform:translateY(var(--ha-y,14px)) scale(var(--ha-scale,.82)) rotate(var(--tilt))}
.entry-gate[data-state=leaving]{opacity:0;pointer-events:none}.entry-gate[data-state=leaving]::backdrop{background:transparent}
.entry-gate[data-state=leaving][data-exit-from=playing] .entry-idle{visibility:hidden;opacity:0}.entry-gate[data-state=leaving][data-exit-from=playing] .entry-stage{opacity:1;visibility:visible;transform:scale(1)}
.entry-gate[data-reduced=true] *{animation:none!important;transition:none!important}.entry-gate[data-reduced=true] .entry-has span{opacity:.45}
@media(max-width:540px){.entry-gate:after{inset:10px}.entry-top{top:27px;left:27px;right:27px}.entry-brand{font-size:11px}.entry-mute{padding:9px;font-size:8px}.entry-idle{inset:78px 24px 82px}.entry-seal{width:96px;height:126px;margin-bottom:12px}.entry-title{font-size:clamp(55px,16vw,75px);margin-bottom:21px}.entry-description{font-size:12px;max-width:260px}.entry-bottom{left:28px;right:28px;bottom:26px}.entry-bottom>span{font-size:7px;letter-spacing:.12em}.entry-stage{inset:90px 12px 80px}.entry-joker{width:min(84vw,55vh)}.entry-stage-title{font-size:42px}.entry-stage>small{font-size:8px}.entry-has span{font-size:67px}.entry-has span:nth-child(3){--left:-5%}.entry-has span:nth-child(4){--left:82%}}
@media(max-height:650px){.entry-seal{width:63px;height:84px;margin-bottom:7px}.entry-idle .eyebrow{margin-bottom:12px;font-size:8px}.entry-title{font-size:55px;margin-bottom:14px}.entry-description{margin-bottom:17px}.entry-enter{min-height:46px}.entry-idle>small{margin-top:10px}.entry-top{top:22px}.entry-bottom{bottom:20px}.entry-stage{inset:65px 20px 65px}.entry-joker{width:min(56vh,70vw)}.entry-stage-title{font-size:34px;margin-top:5px}.entry-stage>small{font-size:8px}}
@media(max-height:460px){.entry-seal,.entry-idle .eyebrow,.entry-description{display:none}.entry-title{font-size:48px;margin-bottom:20px}.entry-top{top:18px}.entry-bottom{bottom:12px}.entry-stage-title{font-size:25px}.entry-stage>small{display:none}.entry-stage{inset:50px 20px}.entry-joker{width:61vh}}

.entry-gate{--cream:#f2ebdd;--gold:#e9b85f;font-family:Barlow,sans-serif}
.entry-gate *{box-sizing:border-box}
.entry-gate button{font-family:inherit;cursor:pointer;border-radius:0}
.entry-gate .eyebrow{color:var(--gold);font-weight:600}
.entry-gate .button{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#12110e;border:1px solid var(--gold);font:600 12px Barlow,sans-serif;text-transform:uppercase;letter-spacing:.12em;padding:18px 24px;text-decoration:none;transition:background .2s}
.entry-gate .button:hover{background:#f5ce8a}
.entry-gate .entry-skip{background:transparent;border-top:0;border-left:0;border-right:0}
.entry-gate .chat-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.entry-gate button:focus-visible{outline:2px solid var(--cream);outline-offset:5px}
