*{margin:0;padding:0;box-sizing:border-box}body{background:var(--background-color,var(--bg));background-image:var(--background-image,none);background-size:cover;background-position:center;font-family:var(--secondary-font-family, 'Barlow Condensed'),sans-serif;overflow:hidden;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:none}#cursor{position:fixed;width:22px;height:22px;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,#fff 0,var(--c2) 50%,var(--c1) 100%);box-shadow:0 0 12px color-mix(in srgb,var(--c1) 60%,transparent),2px 2px 6px #0008}#bg-layer{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,color-mix(in srgb,var(--primary-color,var(--c1)) 12%,transparent) 0,transparent 70%)}#bg-deco{position:fixed;inset:0;z-index:1;pointer-events:none}#scanlines{position:fixed;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#00000018 2px,#00000018 4px)}#app{position:relative;z-index:10;width:min(1200px,96vw);max-height:96vh;display:flex;flex-direction:column;align-items:center}#header{text-align:center;margin-bottom:0;animation:fadeDown .8s ease both}#header .eyebrow{font-size:clamp(13px,2.5vw,24px);font-weight:700;letter-spacing:6px;color:var(--c2);text-transform:uppercase;opacity:.85;margin-bottom:-2px}#header h1{font-family:var(--font-family,var(--h1font)),sans-serif;font-size:var(--font-size,clamp(52px,11vw,130px));font-weight:700;line-height:.85;color:var(--background-third-color,var(--white));text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 40px var(--primary-color,var(--c1)),0 4px 0 #00000044;margin-bottom:0}#header h1 span{color:var(--c2);text-shadow:0 0 20px var(--c2)}#ball-track{width:100%;height:clamp(14px,2vh,28px);position:relative;margin-bottom:-2px}#bounce-ball{position:absolute;top:6px;left:10%;transition:left 50ms linear,box-shadow .1s}#meter-container{width:95vw;height:70vh;background:var(--background-secondary-color,var(--panel));border:2px solid var(--border);border-radius:16px;padding:clamp(12px,2vh,28px) clamp(24px,4vw,48px) clamp(8px,1.5vh,20px);box-shadow:0 0 0 1px var(--borderglow),0 8px 60px #000a,inset 0 1px 0 var(--borderglow);animation:fadeUp .8s .2s ease both}#eq-bars{display:flex;align-items:flex-end;gap:4px;height:clamp(240px,min(44vw,56vh),360px);width:100%;margin-bottom:8px}@media only screen and (max-width:1280px){#eq-bars{height:clamp(160px,min(44vw,56vh),160px)}}.bar-wrap{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative;contain:layout style}.bar{width:100%;border-radius:4px 4px 2px 2px;min-height:4px;position:relative;overflow:hidden;will-change:height;contain:layout style}.peak-dot{position:absolute;left:50%;width:100%;height:3px;border-radius:2px;transform:translateX(-50%);opacity:.9;will-change:bottom}#zone-labels{display:flex;justify-content:space-between;font-size:clamp(10px,1.8vw,20px);letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:6px;padding:0 2px}.tt-divider{width:100%;height:2px;margin:4px 0;background:linear-gradient(90deg,transparent,var(--c1) 20%,var(--c2) 50%,var(--c1) 80%,transparent);opacity:.4;position:relative}.tt-divider::before{content:attr(data-emoji);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(18px,3vw,32px);padding:0 8px;opacity:2;filter:none}#gauge-section{display:flex;align-items:center;gap:clamp(16px,3vw,32px);margin-bottom:6px}#gauge{flex:1;height:clamp(8px,1.5vw,16px);background:var(--bg);border-radius:12px;border:1px solid var(--border);overflow:hidden;position:relative}#gauge-fill{height:100%;border-radius:12px;width:0%;transition:width 50ms linear;background:linear-gradient(90deg,var(--c1),var(--c2) 55%,#ff6a00 80%,var(--c3) 100%);background-size:var(--gauge-width,100%) 100%;box-shadow:0 0 12px var(--c1)}#gauge-glow{position:absolute;top:0;right:0;height:100%;width:20px;background:radial-gradient(ellipse at center,#fff8,transparent);pointer-events:none;opacity:0;transition:opacity 50ms}#db-readout{font-family:var(--font-family,var(--h1font)),sans-serif;font-size:var(--font-size,clamp(80px,16vw,180px));line-height:1;min-width:clamp(120px,18vw,280px);text-align:right;color:var(--primary-color,var(--c1));text-shadow:0 0 30px var(--c1),0 0 80px color-mix(in srgb,var(--c1) 40%,transparent);transition:color .1s}#db-readout .unit{font-size:clamp(16px,3vw,36px);opacity:.6;font-family:var(--secondary-font-family, 'Barlow Condensed'),sans-serif;margin-left:4px}#car-speedo{display:none;flex-direction:column;align-items:center;width:100%;padding:clamp(8px,1.5vh,24px) 0}#car-speedo svg{width:min(500px,80vw);height:auto}#speedo-needle{transform-origin:250px 250px;transition:transform .1s ease-out}#thermometer-view{display:none;flex-direction:row;align-items:center;justify-content:center;gap:clamp(24px,5vw,60px);width:100%;padding:clamp(8px,1.5vh,24px) 0}#thermo-tube{position:relative;width:clamp(36px,5vw,60px);height:clamp(220px,40vh,400px)}#thermo-tube-bg{position:absolute;bottom:clamp(24px,3vw,40px);left:50%;transform:translateX(-50%);width:60%;height:calc(100% - clamp(24px,3vw,40px));background:var(--panel);border:2px solid var(--border);border-radius:999px;overflow:hidden}#thermo-mercury{position:absolute;bottom:0;left:0;right:0;height:5%;background:linear-gradient(180deg,var(--c3),#f60 40%,var(--c1));border-radius:0 0 999px 999px;transition:height .1s ease-out}#thermo-bulb{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:clamp(48px,6vw,76px);height:clamp(48px,6vw,76px);border-radius:50%;background:var(--c3);border:2px solid var(--border);box-shadow:0 0 20px color-mix(in srgb,var(--c3) 40%,transparent)}#thermo-marks{position:absolute;top:0;bottom:clamp(48px,6vw,76px);right:calc(100% + 10px);display:flex;flex-direction:column-reverse;justify-content:space-between;font-family:var(--font-family,var(--h1font)),sans-serif;font-size:clamp(11px,1.6vw,18px);color:var(--white);opacity:.7;white-space:nowrap}#thermo-info{display:flex;flex-direction:column;align-items:center;gap:4px}#thermo-info .thermo-value{font-family:var(--font-family,var(--h1font)),sans-serif;font-size:clamp(60px,14vw,140px);color:var(--c1);text-shadow:0 0 30px var(--c1);line-height:1}#thermo-info .thermo-unit{font-size:clamp(16px,3vw,32px);opacity:.5;font-family:var(--secondary-font-family, 'Barlow Condensed'),sans-serif}#crowd-label{text-align:center;margin-bottom:4px}#crowd-text{font-family:var(--font-family,var(--h1font)),sans-serif;font-size:clamp(40px,9vw,90px);font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--c1);text-shadow:0 0 20px var(--c1);transition:color .2s,text-shadow .2s;animation:pulseText 2s ease infinite}@keyframes pulseText{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(1.01)}}#btn-row{display:none!important}#test-mode-btn{display:none!important}#start-btn{padding:12px 32px;background:0 0;border:2px solid var(--c2);border-radius:8px;color:var(--c2);font-family:var(--secondary-font-family, 'Barlow Condensed'),sans-serif;font-size:18px;font-weight:700;letter-spacing:4px;text-transform:uppercase;cursor:pointer;transition:all .2s;box-shadow:0 0 20px color-mix(in srgb,var(--c2) 20%,transparent)}#start-btn:hover{background:var(--c2);color:var(--bg);box-shadow:0 0 30px var(--c2);transform:translateY(-2px)}#start-btn.active{background:#ff000022;border-color:#ff2b2b;color:#ff2b2b;box-shadow:0 0 20px #ff2b2b44}#test-mode-btn{padding:12px 22px;background:0 0;border:2px solid color-mix(in srgb,var(--c1) 40%,transparent);border-radius:8px;color:color-mix(in srgb,var(--c1) 60%,transparent);font-family:var(--secondary-font-family, 'Barlow Condensed'),sans-serif;font-size:17px;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .2s}#test-mode-btn:hover{border-color:var(--c1);color:var(--c1);box-shadow:0 0 20px color-mix(in srgb,var(--c1) 50%,transparent);transform:translateY(-2px)}#test-mode-btn.test-running{background:color-mix(in srgb,var(--c1) 10%,transparent);border-color:var(--c1);color:var(--c1);animation:testPulse 1.2s ease infinite}@keyframes testPulse{0%,100%{box-shadow:0 0 10px color-mix(in srgb,var(--c1) 30%,transparent)}50%{box-shadow:0 0 28px var(--c1)}}#test-badge{display:none!important}#phase-dots,.phase-dot,.test-badge-label{display:none!important}#scores{display:none;align-items:center;justify-content:center;gap:clamp(20px,3vw,40px);margin-top:clamp(4px,1vh,10px);animation:fadeUp .8s .5s ease both}.score-badge{display:flex;flex-direction:column;align-items:center;gap:2px}.score-badge .label{font-size:clamp(10px,1.6vw,18px);letter-spacing:3px;color:#ffffff55;text-transform:uppercase;font-weight:700}.score-badge .value{font-family:var(--font-family,var(--h1font)),sans-serif;font-size:clamp(28px,5vw,52px);color:var(--white);line-height:1}.score-sep{font-family:var(--font-family,var(--h1font)),sans-serif;font-size:clamp(32px,5vw,52px);color:#ffffff33;line-height:1}#smash-flash{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:0;transition:opacity 80ms}#particles{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}.particle{position:absolute;opacity:0;pointer-events:none;will-change:transform,opacity;contain:strict}.corner{position:fixed;width:clamp(80px,8vw,140px);height:clamp(80px,8vw,140px);opacity:.4;z-index:4;pointer-events:none}.corner.tl{top:12px;left:12px;border-top:2px solid var(--c2);border-left:2px solid var(--c2);border-radius:4px 0 0 0}.corner.tr{top:12px;right:12px;border-top:2px solid var(--c2);border-right:2px solid var(--c2);border-radius:0 4px 0 0}.corner.bl{bottom:12px;left:12px;border-bottom:2px solid var(--c2);border-left:2px solid var(--c2);border-radius:0 0 0 4px}.corner.br{bottom:12px;right:12px;border-bottom:2px solid var(--c2);border-right:2px solid var(--c2);border-radius:0 0 4px 0}@keyframes fadeDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-120px) scale(.3)}}@keyframes smashShake{0%,100%{transform:translate(0,0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-2px,4px)}80%{transform:translate(2px,-4px)}}@keyframes waveShift{0%,100%{transform:translateX(-5%)}50%{transform:translateX(5%)}}#splash{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background-color,var(--bg));background-image:var(--background-image,none);background-size:cover;background-position:center;cursor:pointer;transition:opacity .7s ease,visibility .7s ease}#splash.hidden{opacity:0;visibility:hidden;pointer-events:none}#splash-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,color-mix(in srgb,var(--primary-color,var(--c1)) 12%,transparent) 0,transparent 70%);animation:splashPulse 3s ease infinite}@keyframes splashPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}#splash-lines{position:absolute;inset:0;overflow:hidden;pointer-events:none}#splash-lines::before{content:'';position:absolute;top:50%;left:50%;width:200vmax;height:200vmax;transform:translate(-50%,-50%) rotate(0);background:repeating-conic-gradient(rgba(255,255,255,.015) 0deg,rgba(255,255,255,.015) 1deg,transparent 1deg,transparent 12deg);animation:rotateSlow 40s linear infinite}@keyframes rotateSlow{to{transform:translate(-50%,-50%) rotate(360deg)}}#splash-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px}#splash-eyebrow{font-family:var(--secondary-font-family, 'Barlow Condensed'),sans-serif;font-size:clamp(12px,2vw,16px);font-weight:700;letter-spacing:8px;color:var(--secondary-color,var(--c2));text-transform:uppercase;opacity:0;animation:splashEyebrowIn .8s .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes splashEyebrowIn{from{opacity:0;letter-spacing:20px;transform:translateY(-10px)}to{opacity:.8;letter-spacing:8px;transform:translateY(0)}}#splash-title{font-family:var(--font-family,var(--h1font)),sans-serif;font-size:var(--font-size,clamp(72px,16vw,160px));font-weight:900;line-height:.85;color:var(--background-third-color,var(--white));text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 60px var(--primary-color,var(--c1)),0 0 120px color-mix(in srgb,var(--primary-color,var(--c1)) 40%,transparent);text-align:center;opacity:0;animation:splashTitleIn .8s .1s cubic-bezier(.16,1,.3,1) forwards,splashTitleSlam 1.8s .9s ease-in-out infinite}@keyframes splashTitleIn{0%{opacity:0;transform:scale(2) translateY(30px) rotate(-2deg);filter:blur(12px)}60%{opacity:1;transform:scale(.92) translateY(-5px) rotate(.5deg);filter:blur(0)}80%{transform:scale(1.06) translateY(2px) rotate(-.3deg)}100%{opacity:1;transform:scale(1) translateY(0) rotate(0);filter:blur(0)}}@keyframes splashTitleSlam{0%{transform:scale(1) translateY(0) rotate(0);text-shadow:0 0 40px var(--primary-color,var(--c1)),0 0 80px color-mix(in srgb,var(--primary-color,var(--c1)) 30%,transparent)}8%{transform:scale(1.12) translateY(-6px) rotate(-.8deg);text-shadow:0 0 100px var(--primary-color,var(--c1)),0 0 200px var(--primary-color,var(--c1)),0 0 300px color-mix(in srgb,var(--secondary-color,var(--c2)) 50%,transparent)}16%{transform:scale(.95) translateY(4px) rotate(.5deg);text-shadow:0 0 30px var(--primary-color,var(--c1))}24%{transform:scale(1.07) translateY(-3px) rotate(-.3deg);text-shadow:0 0 80px var(--primary-color,var(--c1)),0 0 160px color-mix(in srgb,var(--primary-color,var(--c1)) 50%,transparent)}32%{transform:scale(.97) translateY(2px) rotate(.2deg)}40%{transform:scale(1.03) translateY(-1px) rotate(0);text-shadow:0 0 60px var(--primary-color,var(--c1)),0 0 120px color-mix(in srgb,var(--primary-color,var(--c1)) 40%,transparent)}50%{transform:scale(1) translateY(0) rotate(0);text-shadow:0 0 40px var(--primary-color,var(--c1)),0 0 80px color-mix(in srgb,var(--primary-color,var(--c1)) 30%,transparent)}100%{transform:scale(1) translateY(0) rotate(0);text-shadow:0 0 40px var(--primary-color,var(--c1)),0 0 80px color-mix(in srgb,var(--primary-color,var(--c1)) 30%,transparent)}}#splash-title span{color:var(--secondary-color,var(--c2));text-shadow:0 0 40px var(--secondary-color,var(--c2)),0 0 80px color-mix(in srgb,var(--secondary-color,var(--c2)) 40%,transparent);display:inline-block;animation:splashSpanIn .8s .5s cubic-bezier(.16,1,.3,1) both}@keyframes splashSpanIn{from{opacity:0;transform:translateX(20px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}#splash-logo{display:none;align-items:center;justify-content:center;opacity:0;animation:splashLogoIn .8s .6s cubic-bezier(.16,1,.3,1) forwards}#splash-logo img{max-height:clamp(40px,10vh,120px);max-width:60vw;width:auto;object-fit:contain;display:block;filter:drop-shadow(0 0 20px color-mix(in srgb, var(--primary-color, var(--c1)) 40%, transparent))}@keyframes splashLogoIn{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}#splash-divider{width:clamp(120px,30vw,260px);height:2px;background:linear-gradient(90deg,transparent,var(--primary-color,var(--c1)),var(--secondary-color,var(--c2)),var(--primary-color,var(--c1)),transparent);opacity:0;animation:splashDividerIn .6s .7s ease forwards,splashDividerShimmer 2s 1.3s ease infinite}@keyframes splashDividerIn{from{opacity:0;width:0}to{opacity:.7;width:clamp(120px,30vw,260px)}}@keyframes splashDividerShimmer{0%,100%{opacity:.5}50%{opacity:1}}#splash-cta{font-family:var(--secondary-font-family, 'Barlow Condensed'),sans-serif;font-size:clamp(13px,2vw,18px);font-weight:700;letter-spacing:6px;color:var(--primary-color,var(--c1));text-transform:uppercase;opacity:0;animation:splashCtaIn .5s 1s ease forwards,splashBlink 1.4s 1.5s ease infinite}@keyframes splashCtaIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes splashBlink{0%,100%{opacity:1}50%{opacity:.35}}#splash-version{position:absolute;bottom:24px;font-size:10px;letter-spacing:4px;color:#ffffff22;text-transform:uppercase;font-family:var(--secondary-font-family, 'Barlow Condensed'),sans-serif}#pause-btn{position:fixed;top:16px;right:16px;z-index:500;width:44px;height:44px;background:color-mix(in srgb,var(--c1) 8%,transparent);border:1.5px solid color-mix(in srgb,var(--c1) 35%,transparent);border-radius:10px;color:color-mix(in srgb,var(--c1) 70%,transparent);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;backdrop-filter:blur(4px)}#pause-btn:hover{background:color-mix(in srgb,var(--c1) 18%,transparent);border-color:var(--c1);color:var(--c1);box-shadow:0 0 16px color-mix(in srgb,var(--c1) 40%,transparent);transform:scale(1.06)}#pause-btn.paused{background:color-mix(in srgb,var(--c2) 15%,transparent);border-color:var(--c2);color:var(--c2);box-shadow:0 0 20px color-mix(in srgb,var(--c2) 50%,transparent);animation:pauseBtnPulse 1.4s ease infinite}@keyframes pauseBtnPulse{0%,100%{box-shadow:0 0 10px color-mix(in srgb,var(--c2) 30%,transparent)}50%{box-shadow:0 0 24px var(--c2)}}#pause-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none;cursor:pointer}#pause-overlay.visible{opacity:1;visibility:visible;pointer-events:all}#pause-label{font-family:var(--font-family,var(--h1font)),sans-serif;font-size:var(--font-size,clamp(60px,14vw,140px));font-weight:900;color:var(--secondary-color,var(--c2));text-transform:uppercase;letter-spacing:6px;text-shadow:0 0 40px var(--secondary-color,var(--c2)),0 0 80px color-mix(in srgb,var(--secondary-color,var(--c2)) 40%,transparent);animation:pauseLabelPulse 1.8s ease infinite}@keyframes pauseLabelPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.97)}}#pause-sub{font-family:var(--secondary-font-family, 'Barlow Condensed'),sans-serif;font-size:clamp(12px,2vw,16px);letter-spacing:6px;color:#ffffff55;text-transform:uppercase;margin-top:10px;animation:splashBlink 2s ease infinite}body.left-third,body.lower-third,body.right-third,body.tiny,body.upper-third{background:0 0;background-image:none}body.left-third #ball-track,body.left-third #bg-deco,body.left-third #btn-row,body.left-third #car-speedo,body.left-third #cursor,body.left-third #header,body.left-third #particles,body.left-third #pause-btn,body.left-third #pause-overlay,body.left-third #scanlines,body.left-third #scores,body.left-third #smash-flash,body.left-third #splash,body.left-third #test-badge,body.left-third #thermometer-view,body.left-third #zone-labels,body.left-third .corner,body.left-third .tt-divider,body.lower-third #ball-track,body.lower-third #bg-deco,body.lower-third #btn-row,body.lower-third #car-speedo,body.lower-third #cursor,body.lower-third #header,body.lower-third #particles,body.lower-third #pause-btn,body.lower-third #pause-overlay,body.lower-third #scanlines,body.lower-third #scores,body.lower-third #smash-flash,body.lower-third #splash,body.lower-third #test-badge,body.lower-third #thermometer-view,body.lower-third #zone-labels,body.lower-third .corner,body.lower-third .tt-divider,body.right-third #ball-track,body.right-third #bg-deco,body.right-third #btn-row,body.right-third #car-speedo,body.right-third #cursor,body.right-third #header,body.right-third #particles,body.right-third #pause-btn,body.right-third #pause-overlay,body.right-third #scanlines,body.right-third #scores,body.right-third #smash-flash,body.right-third #splash,body.right-third #test-badge,body.right-third #thermometer-view,body.right-third #zone-labels,body.right-third .corner,body.right-third .tt-divider,body.tiny #ball-track,body.tiny #bg-deco,body.tiny #btn-row,body.tiny #car-speedo,body.tiny #cursor,body.tiny #header,body.tiny #particles,body.tiny #pause-btn,body.tiny #pause-overlay,body.tiny #scanlines,body.tiny #scores,body.tiny #smash-flash,body.tiny #splash,body.tiny #test-badge,body.tiny #thermometer-view,body.tiny #zone-labels,body.tiny .corner,body.tiny .tt-divider,body.upper-third #ball-track,body.upper-third #bg-deco,body.upper-third #btn-row,body.upper-third #car-speedo,body.upper-third #cursor,body.upper-third #header,body.upper-third #particles,body.upper-third #pause-btn,body.upper-third #pause-overlay,body.upper-third #scanlines,body.upper-third #scores,body.upper-third #smash-flash,body.upper-third #splash,body.upper-third #test-badge,body.upper-third #thermometer-view,body.upper-third #zone-labels,body.upper-third .corner,body.upper-third .tt-divider{display:none!important}body.left-third #bg-layer,body.lower-third #bg-layer,body.right-third #bg-layer,body.tiny #bg-layer,body.upper-third #bg-layer{background:0 0;background-image:none}body.left-third #meter-container,body.lower-third #meter-container,body.right-third #meter-container,body.upper-third #meter-container{width:100%;height:auto;background:var(--background-secondary-color,rgba(0,0,0,.6));border:none;box-shadow:0 0 30px rgba(0,0,0,.5);padding:clamp(8px,1.5vh,16px) clamp(16px,3vw,32px);display:flex;flex-direction:column;gap:6px}body.left-third #eq-bars,body.lower-third #eq-bars,body.right-third #eq-bars,body.upper-third #eq-bars{height:clamp(60px,12vh,120px)}body.left-third #gauge-section,body.lower-third #gauge-section,body.right-third #gauge-section,body.upper-third #gauge-section{flex-direction:row;align-items:center;gap:16px}body.left-third #db-readout,body.lower-third #db-readout,body.right-third #db-readout,body.upper-third #db-readout{font-size:clamp(36px,6vw,72px)}body.left-third #crowd-label,body.lower-third #crowd-label,body.right-third #crowd-label,body.upper-third #crowd-label{padding:4px 0}body.lower-third{justify-content:flex-end}body.lower-third #app{width:100vw;max-width:100vw;padding:0 3vw 0}body.lower-third #meter-container{border-radius:12px 12px 0 0}body.upper-third{justify-content:flex-start}body.upper-third #app{width:100vw;max-width:100vw;padding:0 3vw 0}body.upper-third #meter-container{border-radius:0 0 12px 12px}body.left-third,body.right-third{justify-content:flex-start}body.left-third{align-items:flex-start}body.right-third{align-items:flex-end}body.left-third #app,body.right-third #app{width:33vw;height:100%;min-height:100vh;padding:0}body.left-third #meter-container,body.right-third #meter-container{height:100%;min-height:100vh;padding:clamp(8px,1vh,16px) clamp(8px,1.5vw,20px);justify-content:center;border-radius:0}body.left-third #eq-bars,body.right-third #eq-bars{flex:3;flex-shrink:0}body.left-third #gauge-section,body.right-third #gauge-section{flex:4;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center}body.left-third #gauge,body.right-third #gauge{order:-1;width:80%;height:clamp(6px,1vw,12px)}body.left-third #db-readout,body.right-third #db-readout{font-size:clamp(64px,12vw,150px);text-align:center;min-width:auto}body.left-third #crowd-label,body.right-third #crowd-label{flex:1;display:flex;align-items:center;justify-content:center;padding:0}body.left-third #crowd-text,body.right-third #crowd-text{line-height:1em;font-size:clamp(16px,3vw,32px)}body.tiny{justify-content:flex-end;align-items:center}body.tiny #app{width:50vmin;height:50vmin;padding:1vh 0}body.tiny #meter-container{width:100%;height:100%;background:var(--background-secondary-color,rgba(0,0,0,.3));border:none;border-radius:12px;box-shadow:0 0 20px rgba(0,0,0,.5);padding:8px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}body.tiny #eq-bars{flex:1;width:100%}body.tiny #gauge-section{flex:1;flex-direction:column;align-items:center;justify-content:center;gap:0}body.tiny #gauge{display:none}body.tiny #db-readout{font-size:clamp(24px,18vmin,80px);text-align:center;min-width:auto}body.tiny #crowd-label{display:none}#app.paused,#bg-deco.paused,#bg-layer.paused{filter:brightness(.35) saturate(.4);transition:filter .3s ease}