.hero-hall{--panel:#152219;--line:#24382c;--felt-lit:#1e8a52;--felt-lit-2:#25a263;--felt-dark:#10301f;--felt-dark-2:#0d2618;--rail:#3e2817;--tungsten:#ffc069;--tungsten-hot:#ffe3b0;--amber:#f5a524;--shadow:0 18px 40px rgba(0,0,0,.55);display:flex;justify-content:center;width:100%}.hero-hall .unit{position:relative;width:100%;max-width:440px}.hero-hall .lampzone{height:92px;position:relative;pointer-events:none}.hero-hall .cord{top:0;width:2px;height:34px;background:linear-gradient(#000,#3a3a3a)}.hero-hall .cord,.hero-hall .shade{position:absolute;left:50%;transform:translateX(-50%)}.hero-hall .shade{top:30px;width:104px;height:32px;background:linear-gradient(180deg,#123726,#0b241a 70%);border-radius:50% 50% 8px 8px/90% 90% 8px 8px;box-shadow:inset 0 -6px 8px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.6);z-index:3}.hero-hall .shade:before{content:"";position:absolute;left:4px;right:4px;bottom:-3px;height:5px;border-radius:99px;background:linear-gradient(180deg,#6b4e22,#3c2b10)}.hero-hall .bulb{top:58px;width:22px;height:15px;border-radius:0 0 12px 12px;background:#20241f;transition:background .4s,box-shadow .4s;z-index:2}.hero-hall .bulb,.hero-hall .cone{position:absolute;left:50%;transform:translateX(-50%)}.hero-hall .cone{top:62px;width:250px;height:165px;z-index:1;background:linear-gradient(180deg,rgba(255,206,130,.5),rgba(255,192,105,.14) 55%,transparent 92%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);opacity:0;transition:opacity .5s;filter:blur(1px)}.hero-hall .unit.playing .bulb{background:radial-gradient(circle at 50% 20%,var(--tungsten-hot),var(--tungsten));box-shadow:0 0 22px 6px rgba(255,192,105,.75)}.hero-hall .unit.playing .cone{opacity:1}.hero-hall .unit.breaking .cone{animation:h-ignite .8s ease-out}@keyframes h-ignite{0%{opacity:0}30%{opacity:.9}42%{opacity:.2}55%{opacity:1}68%{opacity:.5}to{opacity:1}}.hero-hall .baize{position:relative;height:210px;border-radius:18px;background:radial-gradient(70% 90% at 50% 8%,var(--felt-dark) 0,var(--felt-dark-2) 100%);border:9px solid var(--rail);box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),inset 0 10px 30px rgba(0,0,0,.5),var(--shadow);transition:background .6s,box-shadow .6s;overflow:hidden}.hero-hall .unit.playing .baize{background:radial-gradient(75% 95% at 50% 6%,var(--felt-lit-2) 0,var(--felt-lit) 45%,#14522f 100%);box-shadow:inset 0 0 0 2px rgba(0,0,0,.3),inset 0 14px 40px rgba(255,220,150,.18),0 0 34px rgba(255,192,105,.12),var(--shadow)}.hero-hall .pocket{position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#101010,#000 70%);box-shadow:inset 0 2px 3px rgba(0,0,0,.9),0 0 0 3px rgba(0,0,0,.35)}.hero-hall .pk-tl{top:-4px;left:-4px}.hero-hall .pk-tr{top:-4px;right:-4px}.hero-hall .pk-bl{bottom:-4px;left:-4px}.hero-hall .pk-br{bottom:-4px;right:-4px}.hero-hall .pk-tm{top:-7px;left:50%;transform:translateX(-50%)}.hero-hall .pk-bm{bottom:-7px;left:50%;transform:translateX(-50%)}.hero-hall .baulk{position:absolute;top:0;bottom:0;left:22%;width:2px;background:hsla(0,0%,100%,.16)}.hero-hall .dee{position:absolute;top:50%;left:22%;width:54px;height:54px;transform:translate(-50%,-50%);border:2px solid hsla(0,0%,100%,.16);border-radius:50%;clip-path:inset(0 50% 0 0)}.hero-hall .ballset{position:absolute;inset:0;opacity:0;transition:opacity .6s}.hero-hall .unit.playing .ballset{opacity:1}.hero-hall .bl{position:absolute;width:13px;height:13px;border-radius:50%;box-shadow:inset -2px -3px 4px rgba(0,0,0,.45),0 2px 3px rgba(0,0,0,.4)}.hero-hall .bl.red{width:9px;height:9px;background:radial-gradient(circle at 35% 30%,#e33b3b,#5c0000 150%)}.hero-hall .bl:after{content:"";position:absolute;top:2px;left:3px;width:3px;height:3px;border-radius:50%;background:hsla(0,0%,100%,.35)}.hero-hall .break-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.hero-hall .unit.breaking .ballset{opacity:0!important;transition:none}.hero-hall .unit.breaking .baize{animation:h-kick 2.8s linear}@keyframes h-kick{0%,49%{transform:none}53%{transform:translate(2px,1px) rotate(.25deg)}58%{transform:translate(-1px) rotate(-.15deg)}63%,to{transform:none}}.hero-hall .btri{position:absolute;inset:0;width:100%;height:100%;animation:h-tri-out 2.8s linear forwards}.hero-hall .btri polygon{fill:none;stroke:#c99c5f;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;opacity:.85;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}@keyframes h-tri-out{0%,48%{opacity:1;transform:none}60%,to{opacity:0;transform:translateY(-10px)}}.hero-hall .bcue{position:absolute;top:calc(50% - 3px);right:84%;width:48%;height:6px;border-radius:99px;background:linear-gradient(90deg,#1e1208,#3e2814 30%,#8a5b2b 62%,#c99c5f 88%,#ead9be 95%,#dff0f5);box-shadow:0 2px 5px rgba(0,0,0,.55);animation:h-cue-strike 2.8s cubic-bezier(.3,.7,.3,1) forwards}@keyframes h-cue-strike{0%{transform:translateX(-140%);opacity:0}8%{opacity:1}20%{transform:translateX(0)}25%{transform:translateX(-4%)}45%,to{transform:translateX(-150%);opacity:0}}.hero-hall .bball{position:absolute;width:13px;height:13px;border-radius:50%;left:var(--x0);top:var(--y0);box-shadow:inset -2px -3px 4px rgba(0,0,0,.45),0 2px 3px rgba(0,0,0,.4);animation:h-bmove 2.8s cubic-bezier(.2,.9,.3,1) forwards}.hero-hall .bball.cueb{animation-name:h-cbmove;animation-timing-function:linear}.hero-hall .bball.rest{animation:none;left:var(--x0);top:var(--y0)}@keyframes h-bmove{0%,58%{left:var(--x0);top:var(--y0)}85%,to{left:var(--x1);top:var(--y1)}}@keyframes h-cbmove{0%,20%{left:var(--x0);top:var(--y0)}34%{left:36%;top:45%}52%{left:var(--xc);top:var(--yc)}to{left:var(--x1);top:var(--y1)}}.hero-hall .bred{position:absolute;width:9px;height:9px;border-radius:50%;left:var(--x0);top:var(--y0);background:radial-gradient(circle at 35% 30%,#e33b3b,#5c0000 150%);box-shadow:inset -1px -2px 3px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4);animation:h-redfly 2.8s cubic-bezier(.15,.85,.3,1) forwards}@keyframes h-redfly{0%,52%{left:var(--x0);top:var(--y0)}to{left:var(--x1);top:var(--y1)}}.hero-hall .bflash{position:absolute;left:75%;top:50%;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,hsla(0,0%,100%,.6),rgba(255,224,160,.2) 45%,transparent 70%);transform:translate(-50%,-50%) scale(0);animation:h-bflash 2.8s linear forwards;filter:blur(1.5px)}@keyframes h-bflash{0%,49%{transform:translate(-50%,-50%) scale(0);opacity:0}53%{transform:translate(-50%,-50%) scale(1);opacity:.7}62%,to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@media (prefers-reduced-motion:reduce){.hero-hall .break-layer{display:none}.hero-hall *{animation:none!important}}