.hall{aspect-ratio:1/.96;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:radial-gradient(110% 80% at 50% 30%,#1d1412 0%,#0b0809 58%,#050304 100%);border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f0e7db14,0 30px 60px #00000080;container-type:inline-size}.hall__cam{perspective:190cqw;perspective-origin:50% 0;position:absolute;inset:0}.hall__floor{width:100cqw;height:94cqw;transform-style:preserve-3d;transform:rotateX(var(--tilt,48deg)) scale3d(var(--z,.9), var(--z,.9), var(--z,.9)) translate(var(--fx,0cqw), var(--fy,0cqw));transition:transform 1.05s cubic-bezier(.2,.75,.12,1);position:absolute;top:calc(50% - 47cqw);left:0}.hall__floor:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#05030400 40%,#050304 96%),repeating-linear-gradient(0deg,#f0e7db0b 0 .18cqw,#0000 .18cqw 10cqw),repeating-linear-gradient(90deg,#f0e7db0b 0 .18cqw,#0000 .18cqw 10cqw),#100c0c;position:absolute;inset:-45cqw}.hall__vig{pointer-events:none;border-radius:inherit;background:linear-gradient(#050304d9,#0000 18% 80%,#050304b3);position:absolute;inset:0}.hall__wall{transform-origin:50% 100%;pointer-events:none;background:radial-gradient(40% 70% at 50% 72%,#c63c3438,#0000 70%),linear-gradient(#070506,#120d0d);place-items:end center;height:30cqw;padding-bottom:8cqw;display:grid;position:absolute;bottom:calc(100% + 1cqw);left:-20cqw;right:-20cqw;transform:rotateX(-90deg)}.hall__wall .neon{gap:.3em;font-size:7cqw}.hall__floor:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#c63c3433,#0000);height:16cqw;position:absolute;top:-2cqw;left:25cqw;right:25cqw}.ht{left:calc(var(--x) * 1cqw);top:calc(var(--y) * 1cqw);transform-style:preserve-3d;position:absolute}.ht>*{position:absolute}.ht>:not(.ht__hit){pointer-events:none}.ht__pool{background:radial-gradient(closest-side,#ffd29642,#ffd29612 55%,#0000);width:54cqw;height:34cqw;top:-17cqw;left:-27cqw}.ht__shade{background:radial-gradient(closest-side,#000000d9 55%,#0000);width:28cqw;height:16cqw;top:-7.6cqw;left:-14cqw}.ht__top{width:24cqw;height:13.2cqw;transform-style:preserve-3d;background:linear-gradient(165deg,#8a4d2a,#5a2d15 50%,#3a1a0a);border-radius:1.1cqw;top:-6.6cqw;left:-12cqw;transform:translateZ(2.6cqw);box-shadow:inset 0 0 0 .2cqw #ffdcb424,inset 0 -.4cqw .6cqw #00000059}.ht__felt{background:radial-gradient(75% 95% at 50% 45%,#237a46,#155434 72%,#0e3a24);border-radius:.3cqw;position:absolute;inset:1.35cqw;box-shadow:inset 0 0 0 .22cqw #10462a}.ht__felt:before{content:"";border-radius:inherit;background:radial-gradient(60% 85% at 50% 45%,#fff4cd57,#0000 72%);position:absolute;inset:0}.ht__felt:after{content:"";background:radial-gradient(circle at .9cqw .9cqw,#050304 .78cqw,#0000 .88cqw),radial-gradient(circle at 50% .66cqw,#050304 .66cqw,#0000 .76cqw),radial-gradient(circle at calc(100% - .9cqw) .9cqw,#050304 .78cqw,#0000 .88cqw),radial-gradient(circle at .9cqw calc(100% - .9cqw),#050304 .78cqw,#0000 .88cqw),radial-gradient(circle at 50% calc(100% - .66cqw),#050304 .66cqw,#0000 .76cqw),radial-gradient(circle at calc(100% - .9cqw) calc(100% - .9cqw),#050304 .78cqw,#0000 .88cqw);position:absolute;inset:-.9cqw}.ht__b{z-index:1;background:radial-gradient(circle at 35% 30%, #fff 0 8%, var(--c) 34%, color-mix(in srgb, var(--c) 45%, #000) 100%);border-radius:50%;width:.95cqw;height:.95cqw;margin:-.475cqw 0 0 -.475cqw;position:absolute;box-shadow:.12cqw .2cqw .25cqw #0000008c}.ht__top:after{content:"";z-index:2;border-radius:inherit;opacity:.72;background:#050304;transition:opacity .6s;position:absolute;inset:0}.ht__face{backface-visibility:hidden;position:absolute}.ht__face--f{transform-origin:top;background:linear-gradient(#4a230f,#1f0d05);width:100%;height:2.6cqw;top:100%;left:0;transform:rotateX(-90deg)}.ht__face--l{transform-origin:100%;background:linear-gradient(90deg,#1f0d05,#3d1d0c);width:2.6cqw;height:100%;top:0;right:100%;transform:rotateY(-90deg)}.ht__face--r{transform-origin:0;background:linear-gradient(90deg,#3d1d0c,#1f0d05);width:2.6cqw;height:100%;top:0;left:100%;transform:rotateY(90deg)}.ht__cone{transform-origin:50% 100%;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);background:linear-gradient(#ffe8b96b,#ffe8b91a 70%,#ffe8b900);width:22cqw;height:14cqw;top:-14cqw;left:-11cqw;transform:translateZ(2.6cqw)rotateX(-90deg)}.ht__lamp{width:16cqw;height:1.8cqw;transform-style:preserve-3d;background:linear-gradient(#2a201c,#120d0b);border-radius:.5cqw;top:-.9cqw;left:-8cqw;transform:translateZ(16.6cqw);box-shadow:inset 0 .15cqw #ffffff1f}.ht__lamp:before{content:"";transform-origin:top;background:linear-gradient(#1a1210,#fff1d2 70%,#fff9ec);border-radius:0 0 .5cqw .5cqw;width:100%;height:1.1cqw;position:absolute;top:100%;left:0;transform:rotateX(-90deg);box-shadow:0 0 2.4cqw .4cqw #ffdca08c}.ht__no{text-align:center;width:12cqw;font:600 3.1cqw/1 var(--mono);letter-spacing:.14em;color:#f7d7a48c;transform-origin:50% 100%;transform:translateY(-3.1cqw) rotateX(calc(var(--tilt,48deg) * -1));transition:color .4s,text-shadow .4s,transform 1.05s cubic-bezier(.2,.75,.12,1);top:10.4cqw;left:-6cqw}.ht__ring{--b:#8fc3fff2;background:linear-gradient(var(--b), var(--b)) 0 0 / 2.6cqw .3cqw, linear-gradient(var(--b), var(--b)) 0 0 / .3cqw 2.6cqw, linear-gradient(var(--b), var(--b)) 100% 0 / 2.6cqw .3cqw, linear-gradient(var(--b), var(--b)) 100% 0 / .3cqw 2.6cqw, linear-gradient(var(--b), var(--b)) 0 100% / 2.6cqw .3cqw, linear-gradient(var(--b), var(--b)) 0 100% / .3cqw 2.6cqw, linear-gradient(var(--b), var(--b)) 100% 100% / 2.6cqw .3cqw, linear-gradient(var(--b), var(--b)) 100% 100% / .3cqw 2.6cqw;opacity:0;background-repeat:no-repeat;width:29cqw;height:18cqw;transition:opacity .35s,transform .6s cubic-bezier(.2,.8,.2,1);top:-9cqw;left:-14.5cqw;transform:translateZ(2.7cqw)scale(1.12)}.ht__hit{-webkit-tap-highlight-color:transparent;border-radius:2cqw;width:28cqw;height:19cqw;top:-9cqw;left:-14cqw;transform:translateZ(2.7cqw)}.ht__hit:focus-visible{outline:2px solid var(--hud);outline-offset:0}.ht__pool,.ht__cone,.ht__felt:before,.ht__lamp:before{opacity:0;transition:opacity .6s}.hall.is-lit .ht__pool,.hall.is-lit .ht__felt:before,.hall.is-lit .ht__lamp:before{opacity:1}.hall.is-lit .ht__cone{opacity:.5}.hall.is-lit .ht__top:after{opacity:0}.hall.is-lit .ht__no{color:#f7d7a4d9}.hall.is-lit .ht__pool,.hall.is-lit .ht__cone,.hall.is-lit .ht__lamp:before,.hall.is-lit .ht__felt:before{animation:ht-on .8s calc(.1s + var(--i) * .12s) backwards}.hall.is-lit .ht__top:after{animation:ht-off .8s calc(.1s + var(--i) * .12s) backwards}@keyframes ht-on{0%{opacity:0}10%{opacity:1}20%{opacity:.1}34%{opacity:1}44%{opacity:.3}}@keyframes ht-off{0%{opacity:.72}10%{opacity:0}20%{opacity:.6}34%{opacity:0}44%{opacity:.45}}.hall.has-sel .ht:not(.is-sel) .ht__top:after{opacity:.6}.hall.has-sel .ht:not(.is-sel) :is(.ht__pool,.ht__cone){opacity:.12}.hall.has-sel .ht:not(.is-sel) .ht__no{color:#f7d7a440}.ht.is-sel .ht__cone{opacity:.95}.ht.is-sel .ht__ring{opacity:1;transform:translateZ(2.7cqw)scale(1)}.ht.is-sel .ht__no{color:var(--lamp);text-shadow:0 0 2.4cqw #f7d7a4cc}.ht.is-sel .ht__lamp{animation:2.2s cubic-bezier(.3,.6,.4,1) ht-sway}.ht.is-sel .ht__cone{animation:2.2s cubic-bezier(.3,.6,.4,1) ht-cone}@keyframes ht-sway{0%{transform:translateZ(16.6cqw)}16%{transform:translateZ(16.6cqw)translate(1.6cqw)}38%{transform:translateZ(16.6cqw)translate(-1cqw)}60%{transform:translateZ(16.6cqw)translate(.5cqw)}80%{transform:translateZ(16.6cqw)translate(-.2cqw)}to{transform:translateZ(16.6cqw)}}@keyframes ht-cone{0%{transform:translateZ(2.6cqw)rotateX(-90deg)}16%{transform:translateZ(2.6cqw)rotateX(-90deg)skew(-6.5deg)}38%{transform:translateZ(2.6cqw)rotateX(-90deg)skew(4deg)}60%{transform:translateZ(2.6cqw)rotateX(-90deg)skew(-2deg)}80%{transform:translateZ(2.6cqw)rotateX(-90deg)skew(.8deg)}to{transform:translateZ(2.6cqw)rotateX(-90deg)}}@media (hover:hover){.hall:not(.has-sel) .ht:hover .ht__cone{opacity:.85}.hall:not(.has-sel) .ht:hover .ht__no{color:var(--lamp)}}@media (min-width:760px){.hall{aspect-ratio:1/.78}}@media (prefers-reduced-motion:reduce){.hall__floor,.ht__no{transition:none}.hall .ht *{animation:none!important}}