:root{--elev-bg:#0a0a0c;--elev-wall-dark:#18181c;--elev-wall-mid:#222228;--steel-hi:#ccccd4;--steel-mid:#b4b4bc;--steel-lo:#a0a0a8;--steel-shadow:#70747a;--gold-hi:#f0d078;--gold:#c49b38;--gold-dk:#a07828;--gold-deep:#7a5a18;--btn-face:#2a2a32;--btn-face-hi:#3a3a44;--btn-face-lo:#1e1e24;--led-bg:#140a00;--led-color:#f40;--led-glow:rgba(255,68,0,.6);--led-dim:rgba(255,68,0,.08);--emergency:#c20;--alarm-amber:#c80;--f-display:var(--font-sora),"Sora",system-ui,sans-serif;--f-body:var(--font-inter),"Inter",system-ui,sans-serif;--f-led:var(--font-led),"VT323","Courier New",monospace}.elevator-scene{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:url(/assets/ele.png) 50%/cover no-repeat fixed;overflow:hidden;padding:24px}.elevator-scene:before{content:"";background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(0,0,0,.25) 30%,rgba(0,0,0,.65) 100%);z-index:1}.elevator-doors,.elevator-scene:before{position:fixed;inset:0;pointer-events:none}.elevator-doors{z-index:9999;isolation:isolate}.door{position:absolute;top:0;width:50%;height:100%;background:url(/assets/puertas.png) no-repeat;background-size:200% 100%}.door-left{left:0;background-position:0;box-shadow:inset -4px 0 12px rgba(0,0,0,.15)}.door-right{right:0;background-position:100%;box-shadow:inset 4px 0 12px rgba(0,0,0,.15)}.door-left:after,.door-right:after{content:"";position:absolute;top:0;width:2px;height:100%;background:rgba(0,0,0,.5)}.door-left:after{right:0}.door-right:after{left:0}.hall-sign{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:10001;display:inline-flex;align-items:baseline;gap:2px;padding:9px 22px;background:var(--led-bg);border:2px solid #3a3a3e;border-radius:5px;box-shadow:inset 0 3px 10px rgba(0,0,0,.7),inset 0 0 6px rgba(0,0,0,.4),0 4px 14px rgba(0,0,0,.55),0 1px 0 hsla(0,0%,100%,.1);pointer-events:none;white-space:nowrap}.hall-sign:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent,transparent 2px,rgba(0,0,0,.12) 0,rgba(0,0,0,.12) 4px);pointer-events:none}.hall-dots,.hall-text{font-family:var(--f-led);font-size:clamp(16px,2.2vw,22px);color:var(--led-color);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 4px rgba(255,68,0,.9),0 0 12px var(--led-glow),0 0 24px rgba(255,68,0,.3)}.hall-dots span{animation:hallDot 1.2s ease-in-out infinite}.hall-dots span:nth-child(2){animation-delay:.2s}.hall-dots span:nth-child(3){animation-delay:.4s}@keyframes hallDot{0%,60%,to{opacity:.15}30%{opacity:1}}.ding-light{position:fixed;top:66px;left:50%;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;background:var(--led-color);box-shadow:0 0 16px var(--led-glow),0 0 40px rgba(255,68,0,.3);z-index:150;opacity:0;pointer-events:none}.ding-light.active{animation:dingPulse .6s ease forwards}@keyframes dingPulse{0%{opacity:0;transform:translateX(-50%) scale(.5)}30%{opacity:1;transform:translateX(-50%) scale(1.2)}60%{opacity:1;transform:translateX(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) scale(1)}}.panel{position:relative;z-index:10;width:100%;max-width:860px;padding:clamp(28px,4vw,44px);border-radius:6px;border:1px solid rgba(0,0,0,.2);background:repeating-linear-gradient(180deg,transparent,hsla(0,0%,100%,.018) 1px,transparent 2px,rgba(0,0,0,.008) 3px,transparent 4px),repeating-linear-gradient(180deg,transparent,hsla(0,0%,100%,.035) 14px,transparent 28px,hsla(0,0%,100%,.015) 42px,transparent 56px),linear-gradient(180deg,#c4c4cc,#bcbcc4 8%,#b6b6be 18%,#aeaeb6 40%,#a8a8b0 60%,#acacb4 80%,#b0b0b8 95%,#b8b8c0);box-shadow:0 20px 60px rgba(0,0,0,.55),0 8px 24px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 -1px 0 rgba(0,0,0,.12)}.panel:before{content:"";border-radius:inherit;background:linear-gradient(115deg,transparent,transparent 30%,hsla(0,0%,100%,.04) 42%,hsla(0,0%,100%,.07) 50%,hsla(0,0%,100%,.04) 58%,transparent 70%,transparent);z-index:1}.panel-screws,.panel:before{position:absolute;inset:0;pointer-events:none}.panel-screws{z-index:2}.screw{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#b8b8c0,#9898a0 50%,#808088);box-shadow:inset 0 1px 1px hsla(0,0%,100%,.45),inset 0 -1px 1px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.35)}.screw:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(30deg);width:6px;height:1.2px;background:rgba(0,0,0,.3);border-radius:1px}.screw-tl{top:14px;left:14px}.screw-tr{top:14px;right:14px}.screw-bl{bottom:14px;left:14px}.screw-br{bottom:14px;right:14px}.led-display{position:relative;margin:0 auto 28px;max-width:420px;padding:14px 24px;text-align:center;background:var(--led-bg);border:2px solid #444;border-radius:4px;height:84px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 3px 10px rgba(0,0,0,.7),inset 0 0 6px rgba(0,0,0,.4),0 1px 0 hsla(0,0%,100%,.18)}.led-display:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent,transparent 2px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:1}.led-line{font-family:var(--f-led);font-size:clamp(20px,3vw,28px);color:var(--led-color);letter-spacing:.12em;line-height:1.3;white-space:nowrap;text-shadow:0 0 4px rgba(255,68,0,.9),0 0 12px var(--led-glow),0 0 24px rgba(255,68,0,.3),0 0 48px rgba(255,68,0,.1);text-transform:uppercase;position:relative;z-index:2}.led-line:first-child{font-size:clamp(18px,2.5vw,24px);margin-bottom:2px}.panel-title{text-align:center;font-family:var(--f-display);font-size:clamp(11px,1.6vw,15px);font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px;color:rgba(0,0,0,.32);text-shadow:0 1px 0 hsla(0,0%,100%,.28)}.floor-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 clamp(16px,3vw,36px);margin-bottom:8px}.floor-col{display:flex;flex-direction:column;gap:6px}.floor-row{display:flex;align-items:center;gap:10px;padding:4px 0;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.floor-row:hover .floor-label{color:rgba(0,0,0,.65)}.floor-num{font-family:var(--f-display);font-size:15px;font-weight:700;color:rgba(0,0,0,.45);text-shadow:0 1px 0 hsla(0,0%,100%,.25);min-width:22px;text-align:right;flex-shrink:0}.floor-btn{width:40px;height:40px;border-radius:50%;flex-shrink:0;border:3px solid #c9a240;cursor:pointer;position:relative;background:radial-gradient(circle at 36% 30%,#4a4a54 0,var(--btn-face-hi) 15%,var(--btn-face) 40%,var(--btn-face-lo) 80%);box-shadow:0 0 0 1px #8b6914,0 0 4px rgba(196,155,56,.2),0 2px 5px rgba(0,0,0,.35),0 4px 10px rgba(0,0,0,.18),inset 0 1px 3px hsla(0,0%,100%,.12),inset 0 -2px 5px rgba(0,0,0,.4);transition:background .2s ease,box-shadow .25s ease,transform .1s ease}.floor-btn:hover,.floor-row:hover .floor-btn{background:radial-gradient(circle at 50% 48%,#ff9940 0,#d06818 32%,#8b4513 56%,var(--btn-face) 78%);border-color:var(--gold-hi);box-shadow:0 0 0 1px rgba(196,155,56,.5),0 0 16px rgba(255,153,64,.4),0 0 32px rgba(255,100,20,.14),0 2px 5px rgba(0,0,0,.25),inset 0 0 8px rgba(255,153,64,.2)}.floor-btn:active,.floor-row:active .floor-btn{transform:scale(.93);background:radial-gradient(circle at 50% 50%,#ffb060 0,#ff8030 30%,#c50 55%,var(--btn-face) 78%);box-shadow:0 0 0 1px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.35),inset 0 2px 6px rgba(0,0,0,.45);transition-duration:.05s}.floor-btn.lit{background:radial-gradient(circle at 50% 48%,#ffd080 0,#ffb050 25%,#e08020 50%,#8b4513 70%,var(--btn-face) 85%);border-color:var(--gold-hi);box-shadow:0 0 0 1px rgba(200,150,60,.3),0 0 18px rgba(255,176,80,.45),0 0 36px rgba(255,128,48,.15),0 2px 5px rgba(0,0,0,.2),inset 0 0 10px rgba(255,176,80,.2);animation:btnPulse 2.4s ease-in-out infinite}@keyframes btnPulse{0%,to{box-shadow:0 0 0 1px rgba(200,150,60,.3),0 0 18px rgba(255,176,80,.45),0 0 36px rgba(255,128,48,.15),0 2px 5px rgba(0,0,0,.2),inset 0 0 10px rgba(255,176,80,.2)}50%{box-shadow:0 0 0 1px rgba(200,150,60,.3),0 0 24px rgba(255,176,80,.55),0 0 48px rgba(255,128,48,.2),0 2px 5px rgba(0,0,0,.2),inset 0 0 14px rgba(255,176,80,.3)}}.floor-btn.lit-red{background:radial-gradient(circle at 50% 48%,#ff4040 0,#dd2020 25%,#aa1010 50%,#6b0a0a 70%,var(--btn-face) 85%);border-color:#c20;box-shadow:0 0 0 1px rgba(180,30,10,.4),0 0 18px rgba(255,50,30,.5),0 0 36px rgba(204,34,0,.2),0 2px 5px rgba(0,0,0,.25),inset 0 0 10px rgba(255,50,30,.25);animation:btnPulseRed 1.6s ease-in-out infinite}@keyframes btnPulseRed{0%,to{box-shadow:0 0 0 1px rgba(180,30,10,.4),0 0 18px rgba(255,50,30,.5),0 0 36px rgba(204,34,0,.2),0 2px 5px rgba(0,0,0,.25),inset 0 0 10px rgba(255,50,30,.25)}50%{box-shadow:0 0 0 1px rgba(180,30,10,.4),0 0 26px rgba(255,50,30,.65),0 0 48px rgba(204,34,0,.3),0 2px 5px rgba(0,0,0,.25),inset 0 0 14px rgba(255,50,30,.35)}}.floor-label{font-family:var(--f-display);font-size:clamp(10px,1.4vw,13px);font-weight:700;color:rgba(0,0,0,.42);text-shadow:0 1px 0 hsla(0,0%,100%,.22);text-transform:uppercase;letter-spacing:.06em;line-height:1.25;transition:color .2s ease}.special-row{gap:14px;padding:8px 0;user-select:none;-webkit-tap-highlight-color:transparent;margin-top:6px}.special-btn,.special-row{display:flex;align-items:center;cursor:pointer}.special-btn{width:52px;height:52px;border-radius:50%;flex-shrink:0;border:3px solid var(--gold-deep);position:relative;background:radial-gradient(circle at 38% 30%,#e8c868 0,#d4a843 28%,#b8892e 55%,#946e20 80%);box-shadow:0 0 0 1px rgba(0,0,0,.2),0 3px 8px rgba(0,0,0,.35),0 6px 16px rgba(0,0,0,.15),inset 0 2px 3px hsla(0,0%,100%,.25),inset 0 -2px 4px rgba(0,0,0,.3);justify-content:center;font-family:var(--f-display);font-size:16px;font-weight:800;color:#2a1600;text-shadow:0 1px 0 hsla(0,0%,100%,.2);letter-spacing:.04em;transition:background .2s ease,box-shadow .25s ease,transform .1s ease}.special-btn:hover,.special-row:hover .special-btn{background:radial-gradient(circle at 45% 40%,#f8d878 0,#e8c050 30%,#d0a040 55%,#a88028 80%);box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 18px rgba(212,168,67,.3),0 3px 8px rgba(0,0,0,.3),inset 0 2px 3px hsla(0,0%,100%,.3),inset 0 -2px 4px rgba(0,0,0,.25)}.special-btn:active,.special-row:active .special-btn{transform:scale(.93);box-shadow:0 0 0 1px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.4),inset 0 3px 6px rgba(0,0,0,.35);transition-duration:.05s}.special-btn.lit{background:radial-gradient(circle at 50% 45%,#ffe088 0,#ffd060 30%,#e8b838 55%,#c09020 80%);box-shadow:0 0 0 1px rgba(200,150,60,.3),0 0 20px rgba(255,208,96,.4),0 0 40px rgba(212,168,67,.15),0 3px 8px rgba(0,0,0,.25),inset 0 0 10px rgba(255,224,136,.3)}.special-info{display:flex;flex-direction:column;gap:1px}.special-name{font-size:clamp(11px,1.4vw,14px);font-weight:700;color:rgba(0,0,0,.48);text-shadow:0 1px 0 hsla(0,0%,100%,.22);letter-spacing:.04em;line-height:1.2}.special-name,.special-sub{font-family:var(--f-display);text-transform:uppercase}.special-sub{font-size:clamp(9px,1.1vw,11px);font-weight:600;color:rgba(0,0,0,.3);text-shadow:0 1px 0 hsla(0,0%,100%,.18);letter-spacing:.03em}.panel-divider{height:1px;margin:20px 0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.18) 15%,rgba(0,0,0,.18) 85%,transparent);box-shadow:0 1px 0 hsla(0,0%,100%,.14)}.control-row{display:flex;align-items:flex-start;justify-content:center;gap:clamp(20px,4vw,44px);flex-wrap:wrap}.ctrl-group{flex-direction:column;gap:8px;user-select:none;-webkit-tap-highlight-color:transparent}.ctrl-btn,.ctrl-group{display:flex;align-items:center;cursor:pointer}.ctrl-btn{width:48px;height:48px;border-radius:50%;border:2.5px solid #555;position:relative;background:radial-gradient(circle at 38% 32%,#3a3a42 0,#2e2e36 35%,#222228 70%,#1a1a20 100%);box-shadow:0 0 0 1px rgba(0,0,0,.3),0 3px 7px rgba(0,0,0,.35),0 6px 14px rgba(0,0,0,.15),inset 0 1px 2px hsla(0,0%,100%,.07),inset 0 -2px 4px rgba(0,0,0,.35);justify-content:center;color:hsla(0,0%,100%,.75);transition:background .2s ease,box-shadow .25s ease,transform .1s ease}.ctrl-btn:hover{background:radial-gradient(circle at 42% 38%,#484852 0,#3a3a42 40%,#2a2a32 75%);border-color:#666;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 0 12px hsla(0,0%,100%,.06),0 3px 7px rgba(0,0,0,.3),inset 0 1px 2px hsla(0,0%,100%,.1)}.ctrl-btn:active{transform:scale(.92);box-shadow:0 0 0 1px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.4),inset 0 2px 6px rgba(0,0,0,.5);transition-duration:.05s}.ctrl-btn.emergency{background:radial-gradient(circle at 38% 32%,#e83020 0,#cc2010 35%,#8b1005 70%,#5a0a03 100%);border-color:#660800}.ctrl-btn.emergency:hover{background:radial-gradient(circle at 42% 38%,#ff4030 0,#dd2818 40%,#a01508 75%);border-color:#882010;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 0 16px rgba(204,34,0,.35),0 3px 7px rgba(0,0,0,.3),inset 0 1px 2px hsla(0,0%,100%,.08)}.ctrl-btn.music.on{border-color:var(--gold);color:#f0d078;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 0 16px rgba(212,168,67,.45),0 0 32px rgba(212,168,67,.15),0 3px 7px rgba(0,0,0,.3),inset 0 0 8px rgba(212,168,67,.25);animation:musicGlow 2.4s ease-in-out infinite}@keyframes musicGlow{0%,to{box-shadow:0 0 0 1px rgba(0,0,0,.2),0 0 16px rgba(212,168,67,.45),0 0 32px rgba(212,168,67,.15),0 3px 7px rgba(0,0,0,.3),inset 0 0 8px rgba(212,168,67,.25)}50%{box-shadow:0 0 0 1px rgba(0,0,0,.2),0 0 22px rgba(212,168,67,.6),0 0 44px rgba(212,168,67,.22),0 3px 7px rgba(0,0,0,.3),inset 0 0 12px rgba(212,168,67,.35)}}.ctrl-btn.music{border-color:var(--gold-dk)}.ctrl-btn.music:hover{border-color:var(--gold);box-shadow:0 0 0 1px rgba(0,0,0,.2),0 0 14px rgba(204,136,0,.25),0 3px 7px rgba(0,0,0,.3),inset 0 1px 2px hsla(0,0%,100%,.08)}.ctrl-label{font-family:var(--f-display);font-size:clamp(8px,1.1vw,11px);font-weight:700;color:rgba(0,0,0,.35);text-shadow:0 1px 0 hsla(0,0%,100%,.2);text-transform:uppercase;text-align:center;letter-spacing:.06em;max-width:80px;line-height:1.3}.ctrl-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ctrl-btn.emergency .ctrl-icon{fill:currentColor;stroke:none}@keyframes ambientFlicker{0%,94%,to{opacity:1}95%{opacity:.96}96%{opacity:1}97%{opacity:.94}98%{opacity:1}}.led-display{animation:ambientFlicker 12s ease-in-out infinite}.led-line.blink{animation:ledBlink .6s step-end infinite}@keyframes ledBlink{0%,to{opacity:1}50%{opacity:.15}}.led-line.intro-in{animation:ledIn .55s ease both}@keyframes ledIn{0%{opacity:0}40%{opacity:.4}55%{opacity:.2}to{opacity:1}}.floor-col-special{display:flex;flex-direction:column;gap:6px}@media (max-width:900px){.elevator-scene{padding:16px}.elevator-scene:after,.elevator-scene:before{display:none}.panel{padding:clamp(20px,3.5vw,32px);max-width:100%}.floor-grid{gap:0 clamp(12px,2.5vw,24px)}.floor-btn{width:34px;height:34px;border-width:2px}.floor-num{font-size:13px;min-width:18px}.special-btn{width:46px;height:46px;font-size:14px;border-width:2.5px}.ctrl-btn{width:42px;height:42px;border-width:2px}.control-row{gap:clamp(14px,3vw,30px)}}@media (max-width:600px){.elevator-scene{align-items:flex-start;padding:16px 8px 8px}.panel{padding:clamp(16px,3vw,24px);border-radius:4px;max-height:none;overflow:visible}.led-display{padding:10px 16px;margin-bottom:20px}.led-line{font-size:16px!important}.panel-title{font-size:9px;letter-spacing:.12em;margin-bottom:16px}.floor-grid{grid-template-columns:1fr 1fr;gap:0 12px}.floor-row{gap:6px;padding:3px 0}.floor-btn{width:30px;height:30px;border-width:2px}.floor-num{font-size:12px;min-width:16px}.floor-label{font-size:9px}.special-row{gap:10px;padding:6px 0;margin-top:4px}.special-btn{width:40px;height:40px;font-size:12px;border-width:2px}.special-name{font-size:10px}.special-sub{font-size:8px}.panel-divider{margin:14px 0}.control-row{gap:14px}.ctrl-btn{width:38px;height:38px}.ctrl-label{font-size:7.5px;max-width:60px}.ctrl-icon{width:16px;height:16px}}@media (max-width:380px){.floor-label{font-size:8px;letter-spacing:.03em}.floor-btn{width:28px;height:28px}.special-btn{width:36px;height:36px;font-size:11px}}.ctrl-btn:focus-visible,.floor-btn:focus-visible,.special-btn:focus-visible{outline:2px solid var(--led-color);outline-offset:3px}.floor-lobby{max-width:720px;display:flex;flex-direction:column;align-items:center;gap:18px}.lobby-led{margin-bottom:4px}.lobby-shot{position:relative;width:100%;aspect-ratio:16/9;border-radius:4px;overflow:hidden;border:3px solid var(--gold-dk);display:block;background:#101014;box-shadow:0 0 0 1px rgba(0,0,0,.35),0 10px 30px rgba(0,0,0,.45),inset 0 0 0 1px hsla(0,0%,100%,.08)}.lobby-img{object-fit:cover;object-position:top center;transition:transform .4s ease}.lobby-shot:hover .lobby-img{transform:scale(1.02)}.lobby-shot-hint{position:absolute;right:10px;bottom:10px;font-family:var(--f-display);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffd080;background:rgba(10,10,12,.72);border:1px solid hsla(44,80%,71%,.35);padding:5px 10px;border-radius:3px;pointer-events:none}.lobby-construction{width:100%;display:flex;flex-direction:column;gap:14px;padding:26px 0}.construction-stripes{height:18px;background:repeating-linear-gradient(-45deg,#c49b38 0 16px,#1a1a20 16px 32px);border-radius:2px;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.15),0 2px 6px rgba(0,0,0,.3)}.construction-text{text-align:center;font-family:var(--f-display);font-size:clamp(14px,2.4vw,20px);font-weight:800;letter-spacing:.18em;color:rgba(0,0,0,.5);text-shadow:0 1px 0 hsla(0,0%,100%,.25)}.lobby-info{text-align:center;max-width:560px;position:relative;z-index:2}.lobby-tag{display:inline-block;font-family:var(--f-display);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#4a3208;background:linear-gradient(180deg,#e8c868,#c9a240);border:1px solid var(--gold-deep);border-radius:100px;padding:4px 12px;margin-bottom:12px;box-shadow:inset 0 1px 1px hsla(0,0%,100%,.35),0 1px 3px rgba(0,0,0,.25)}.lobby-desc{font-family:var(--f-body);font-size:clamp(13px,1.8vw,15px);line-height:1.65;color:rgba(0,0,0,.58);text-shadow:0 1px 0 hsla(0,0%,100%,.2);margin:0}.lobby-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:4px;position:relative;z-index:2}.lobby-enter{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#2a1600;background:radial-gradient(circle at 38% 30%,#e8c868 0,#d4a843 40%,#b8892e 80%);border:2px solid var(--gold-deep);border-radius:100px;padding:13px 26px;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.35),inset 0 2px 3px hsla(0,0%,100%,.25),inset 0 -2px 4px rgba(0,0,0,.3);transition:box-shadow .2s ease,transform .1s ease,background .2s ease}.lobby-enter:hover{background:radial-gradient(circle at 45% 40%,#f8d878 0,#e8c050 40%,#d0a040 80%);box-shadow:0 0 18px rgba(212,168,67,.35),0 3px 8px rgba(0,0,0,.3),inset 0 2px 3px hsla(0,0%,100%,.3)}.lobby-enter:active{transform:scale(.96)}.lobby-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:hsla(0,0%,100%,.82);background:radial-gradient(circle at 38% 32%,#3a3a42 0,#2e2e36 45%,#1e1e24 100%);border:2px solid #555;border-radius:100px;padding:12px 22px;cursor:pointer;box-shadow:0 3px 7px rgba(0,0,0,.35),inset 0 1px 2px hsla(0,0%,100%,.07),inset 0 -2px 4px rgba(0,0,0,.35);transition:box-shadow .2s ease,transform .1s ease,border-color .2s ease}.lobby-back:hover{border-color:#777;box-shadow:0 0 12px hsla(0,0%,100%,.08),0 3px 7px rgba(0,0,0,.3)}.lobby-back:active{transform:scale(.96)}.lobby-back:disabled{opacity:.6;cursor:default}.lobby-back:focus-visible,.lobby-enter:focus-visible,.lobby-shot:focus-visible{outline:2px solid var(--led-color);outline-offset:3px}@media (max-width:600px){.floor-lobby{gap:14px}.lobby-shot{aspect-ratio:16/10;border-width:2px}.lobby-actions{width:100%}.lobby-back,.lobby-enter{width:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.ctrl-btn,.floor-btn,.floor-btn.lit,.led-display,.special-btn{animation:none!important}.led-line.blink,.led-line.intro-in{animation:none!important;opacity:1!important}.ding-light.active{animation:none!important;opacity:0!important}.lobby-img{transition:none!important}.hall-dots span{opacity:1!important}.ctrl-btn.music.on,.hall-dots span{animation:none!important}}