/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--paper:#fffaf0;--glass:#563026b8;--line:#ffffff59;--green:#18e875}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{color:var(--paper);background:#17100e;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit;color:inherit}.stage{isolation:isolate;background:#241711 url(/rap-battle.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative;overflow:clip}.stage:before{content:"";z-index:-1;background:linear-gradient(#0a060457,#0000 25% 60%,#0a050380),radial-gradient(circle,#0000 25%,#0c060447 100%);position:absolute;inset:0}.stage:after{content:"";z-index:0;pointer-events:none;opacity:0;mix-blend-mode:soft-light;background:radial-gradient(at 50% 70%,#ff702857,#0000 58%);transition:opacity .9s;position:absolute;inset:0}.stage.is-playing:after{opacity:.22;animation:2.8s ease-in-out infinite crowd-pulse}.night-wash{z-index:0;pointer-events:none;opacity:0;mix-blend-mode:multiply;background:linear-gradient(#070f207a,#0d081229 46%,#03071257),radial-gradient(circle at 92% 52%,#ff8a2f2e,#0000 24%),radial-gradient(circle at 2% 34%,#ff91361f,#0000 19%);transition:opacity 1.8s;position:absolute;inset:0}.stage.late-night .night-wash{opacity:.76}.stage.late-night .practical-lights{filter:brightness(1.62)saturate(1.42)}.stage.late-night .ambient-glow{filter:hue-rotate(18deg)brightness(.72)saturate(1.12)}.stage.late-night.is-playing .ambient-glow{filter:hue-rotate(18deg)brightness(.9)saturate(1.22)}.stage.mood-warm .night-wash{opacity:.46;mix-blend-mode:screen;background:radial-gradient(at 51% 68%,#ff772a61,#0000 54%),linear-gradient(#71351714,#66250f38)}.stage.mood-warm .practical-lights{filter:brightness(1.68)saturate(1.38)}.stage.mood-warm .ambient-glow{filter:brightness(1.48)saturate(1.42)}.track-spotlight{z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;filter:blur(6px);animation:2.5s ease-out both spotlight-pass;position:absolute;inset:-6%}.track-spotlight.left{background:radial-gradient(at 34% 54%,#ffae595e,#ff66271c 20%,#0000 43%)}.track-spotlight.right{background:radial-gradient(at 69% 54%,#ffae595e,#ff66271c 20%,#0000 43%)}.crowd-reaction{z-index:3;pointer-events:none;height:38%;position:absolute;inset:auto 0 0;overflow:hidden}.crowd-reaction:before{content:"";mix-blend-mode:screen;background:radial-gradient(at 50% 100%,#ff7e324d,#ff591e14 38%,#0000 68%);height:72%;animation:2.8s both crowd-cheer-glow;position:absolute;inset:auto 5% 0}.crowd-reaction i{filter:blur(.25px)drop-shadow(0 0 5px #ff7b3324);transform-origin:50% 100%;background:linear-gradient(90deg,#090606e6,#30170fd1);border-radius:55% 55% 10px 10px;width:18px;height:116px;position:absolute;bottom:-55px;box-shadow:0 0 18px #0000006b,0 -5px 20px #ff772c21}.crowd-reaction i:not(.reaction-two):before{content:"";background:#110b09;border-radius:55% 55% 38% 38%;width:23px;height:28px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-8deg)}.crowd-reaction i:not(.reaction-two):after{content:"";background:#110b09;border-radius:5px;width:4px;height:20px;position:absolute;top:-22px;left:2px;box-shadow:6px -3px #110b09,12px 0 #110b09}.reaction-one{animation:2.7s ease-in-out both crowd-hand-left;left:7%}.reaction-two{animation:2.5s ease-in-out .18s both crowd-head-nod;left:77%;border-radius:48% 48% 18% 18%!important;width:44px!important;height:52px!important;bottom:-18px!important}.reaction-two:before{content:"";background:#100a08;border-radius:48% 52% 44% 46%;width:27px;height:29px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.reaction-two:after{content:"";background:#100a08;border-radius:50% 50% 20% 20%;width:62px;height:30px;position:absolute;top:12px;left:-9px}.reaction-three{animation:2.8s ease-in-out .35s both crowd-hand-right;right:5%}.ambient-glow{z-index:0;pointer-events:none;opacity:.22;mix-blend-mode:screen;background:radial-gradient(at 51% 62%,#da64244d 0,#a037121c 25%,#0000 57%);transition:filter .8s;animation:7s ease-in-out infinite light-breathe;position:absolute;inset:-8%;overflow:hidden}.ambient-glow:after{content:"";opacity:.3;background:linear-gradient(102deg,#0000 34%,#ffa95c1f 47%,#ffd69b33 50%,#ff8b3e17 54%,#0000 66%);animation:12s ease-in-out infinite warm-sweep;position:absolute;inset:-12% -32%;transform:translate(-28%)}.stage.is-playing .ambient-glow{filter:brightness(1.34)saturate(1.25)}.stage.is-playing .ambient-glow:after{opacity:.54;animation-duration:8.5s}.practical-lights{z-index:2;pointer-events:none;mix-blend-mode:screen;transition:filter .8s;position:absolute;inset:0;overflow:hidden}.stage.is-playing .practical-lights{filter:brightness(1.18)saturate(1.18)}.practical-light{filter:blur(.35px);opacity:.58;background:radial-gradient(circle,#fff7cff2 0 3%,#ffc26a7a 9%,#ff89372e 32%,#0000 68%);border-radius:50%;width:82px;height:82px;animation:9.4s linear infinite bulb-flicker;position:absolute;transform:translate(-50%,-50%)}.practical-light:after{content:"";background:#fff8dc;border-radius:50%;width:8px;height:13px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 10px 3px #ffc26ae6}.light-left{width:68px;height:68px;animation-duration:11.2s;animation-delay:-4.1s;top:33.2%;left:1.8%}.light-right{animation-duration:8.7s;animation-delay:-7.3s;top:53.5%;left:93.1%}.dust{z-index:2;pointer-events:none;opacity:.7;transition:opacity .9s,filter .9s;position:absolute;inset:0;overflow:hidden}.stage.is-playing .dust{opacity:1;filter:brightness(1.3)}.dust i{background:#ffd29c8c;border-radius:50%;width:3px;height:3px;animation:12s linear infinite dust-rise;position:absolute;bottom:-4%;box-shadow:0 0 8px #ff9a526b}.dust i:first-child{animation-duration:15s;animation-delay:-2s;left:8%}.dust i:nth-child(2){width:2px;height:2px;animation-duration:18s;animation-delay:-9s;left:17%}.dust i:nth-child(3){animation-duration:14s;animation-delay:-5s;left:27%}.dust i:nth-child(4){width:2px;height:2px;animation-duration:20s;animation-delay:-12s;left:36%}.dust i:nth-child(5){animation-duration:16s;animation-delay:-7s;left:44%}.dust i:nth-child(6){width:2px;height:2px;animation-duration:19s;animation-delay:-1s;left:53%}.dust i:nth-child(7){animation-duration:15s;animation-delay:-11s;left:61%}.dust i:nth-child(8){width:2px;height:2px;animation-duration:17s;animation-delay:-4s;left:69%}.dust i:nth-child(9){animation-duration:21s;animation-delay:-14s;left:77%}.dust i:nth-child(10){width:2px;height:2px;animation-duration:16s;animation-delay:-6s;left:84%}.dust i:nth-child(11){animation-duration:19s;animation-delay:-10s;left:91%}.dust i:nth-child(12){width:2px;height:2px;animation-duration:14s;animation-delay:-3s;left:96%}.grain{z-index:1;pointer-events:none;opacity:.18;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.street-poster{z-index:4;clip-path:polygon(2% 4%,96% 0,100% 92%,91% 100%,5% 96%,0 8%);color:#2d140cd1;width:68px;min-height:88px;box-shadow:none;text-align:center;text-transform:uppercase;cursor:pointer;transform-origin:0;filter:sepia(.22)contrast(.9);mix-blend-mode:normal;opacity:.72;background:linear-gradient(145deg,#cd9e6f57,#9d65413d);border:1px solid #4a261729;flex-direction:column;justify-content:center;gap:6px;padding:10px 7px;animation:.7s both poster-swap;display:flex;position:absolute;top:24%;left:2.7%;transform:perspective(260px)rotateY(7deg)rotate(2deg)}.street-poster:before,.street-poster:after{content:"";pointer-events:none;border-top:1px solid #4a261724;border-bottom:1px dashed #4a261724;position:absolute;inset:5px}.street-poster:after{opacity:.14;background:repeating-linear-gradient(165deg,#0000 0 8px,#4e28182e 9px,#0000 10px 17px);inset:0}.street-poster strong{z-index:1;letter-spacing:.04em;text-shadow:none;font-size:9px;line-height:1.02;position:relative}.street-poster span{z-index:1;letter-spacing:.15em;color:#421c10ad;font-size:6px;line-height:1.3;position:relative}.street-poster.poster-1{background:linear-gradient(145deg,#dfb27c57,#a96d433d)}.street-poster.poster-1 span{color:#3e1b0fad}.street-poster.poster-2{background:linear-gradient(145deg,#aa97804d,#78564338)}.street-poster.poster-3{background:linear-gradient(145deg,#c4915752,#86573538)}.scene-hotspots{z-index:3;pointer-events:none;position:absolute;inset:0}.scene-hotspot{pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:18px;padding:0;position:absolute}.scene-hotspot:before{content:"";opacity:.3;border:1px dashed #ffcf9d94;border-radius:47% 53% 44% 56%;width:30px;height:22px;animation:5.2s ease-in-out infinite hotspot-hint;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 0 12px #ff7a2e38,inset 0 0 9px #ffb4691f}.scene-hotspot:nth-child(2n):before{animation-delay:-1.8s;transform:translate(-50%,-50%)rotate(9deg)}.scene-hotspot:nth-child(3n):before{animation-delay:-3.4s}.scene-hotspot:hover:before,.scene-hotspot:focus-visible:before{opacity:.82;border-color:#ffe5c4eb;box-shadow:0 0 22px #ff742a8c,inset 0 0 10px #ffcf9d4d}.hotspot-hit{pointer-events:none;border:1px solid #ffdeb4eb;border-radius:50%;width:20px;height:20px;animation:.9s ease-out both hotspot-ripple;position:absolute;top:50%;left:50%}.scene-hotspot:focus-visible{outline-offset:3px;outline:1px dashed #ffe8ccbf}.poster-hotspot{width:13%;height:39%;top:20%;left:2%}.speaker-hotspot{width:14%;height:18%;top:70%;left:21%}.street-hotspot{width:15%;height:42%;top:21%;right:2%}.left-mic-hotspot{width:10%;height:17%;top:43%;left:32%}.right-mic-hotspot{width:10%;height:17%;top:43%;right:27%}.scooter-hotspot{width:16%;height:16%;top:69%;left:43%}.scene-message{z-index:6;color:#fff8e9;letter-spacing:.12em;text-transform:uppercase;text-align:center;text-shadow:0 2px #3b1208,0 0 18px #ff7b34cc;pointer-events:none;max-width:calc(100% - 32px);padding:8px 16px 6px;font-size:15px;font-weight:900;animation:2.4s both scene-message;position:absolute;bottom:132px;left:50%;transform:translate(-50%)rotate(-1.5deg)}.mic-check{z-index:6;color:#fff0d5;letter-spacing:.12em;text-shadow:2px 2px #300e07e6,0 0 18px #ff8434b3;pointer-events:none;font-family:Comic Sans MS,Bradley Hand,cursive;font-size:clamp(14px,1.5vw,22px);font-weight:900;animation:1.65s both mic-check;position:absolute;bottom:24%;left:27%;transform:rotate(-5deg)}.track-graffiti{z-index:4;color:#fff4de;opacity:0;pointer-events:none;filter:blur(3px);text-shadow:2px 2px #411409bf,0 0 16px #ff762d66;text-transform:uppercase;width:min(310px,25vw);position:absolute;top:58%;left:5.5%;transform:translateY(12px)rotate(-4deg)scale(.96)}.track-graffiti.visible{animation:3.1s both graffiti-reveal}.track-graffiti strong,.track-graffiti span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-graffiti strong{letter-spacing:-.035em;font-size:clamp(21px,2.25vw,36px);font-weight:1000}.track-graffiti span{letter-spacing:.2em;color:#ffc38f;margin-top:2px;font-size:11px}.topbar{z-index:4;letter-spacing:.08em;text-shadow:0 2px 12px #000;grid-template-columns:1fr auto 1fr;align-items:center;padding:28px 34px;font-size:14px;font-weight:800;display:grid;position:absolute;inset:0 0 auto}.live{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.18em;background:#1a0e0c52;border:1px solid #fff3;border-radius:99px;align-items:center;gap:9px;padding:9px 16px;font-size:11px;display:flex}.live i{background:var(--green);width:8px;height:8px;box-shadow:0 0 13px var(--green);border-radius:50%;animation:2.2s ease-in-out infinite live-pulse;position:relative}.live.joined i:after{content:"";border:1px solid #18e875d9;border-radius:50%;width:8px;height:8px;animation:1.45s ease-out both listener-join;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.music-links{justify-self:end;align-items:center;gap:22px;display:flex}.music-links a{color:inherit;white-space:nowrap;align-items:center;gap:7px;font-size:13px;text-decoration:none;display:inline-flex}.music-links a span{font-family:Arial,Helvetica,sans-serif}.music-service-icon{flex:none;width:19px;height:19px}.external-arrow{opacity:.72;font-size:.9em}.music-links a:hover{color:#ffdfbe}.title-lockup{z-index:3;text-align:center;text-shadow:0 9px 40px #00000073;width:min(1100px,94vw);margin-top:-24vh;position:relative}h1{font-family:var(--font-devanagari-display),Georgia,serif;letter-spacing:-.07em;filter:drop-shadow(7px 9px #250d0747);margin:0;font-size:clamp(115px,16.5vw,250px);font-weight:400;line-height:.8;animation:.95s cubic-bezier(.2,.75,.22,1) both title-enter}.player-tools{z-index:7;pointer-events:none;justify-content:flex-end;align-items:center;gap:7px;width:min(650px,100% - 24px);display:flex;position:absolute;bottom:128px;left:50%;transform:translate(-50%)}.player-tools>button{pointer-events:auto;color:#fffaf0e6;-webkit-backdrop-filter:blur(14px)saturate(1.12);backdrop-filter:blur(14px)saturate(1.12);cursor:pointer;background:#33191575;border:1px solid #ffffff3d;place-items:center;height:30px;padding:0;transition:background .2s,transform .2s,border-color .2s;display:grid;box-shadow:0 8px 28px #00000040,inset 0 1px #ffffff1a}.player-tools>button:hover,.player-tools>button.active{background:#5c2d239e;border-color:#ffdab980;transform:translateY(-1px)}.player-tools>button:focus:not(:focus-visible){outline:none}.player-tools>button:focus-visible{outline-offset:3px;outline:2px solid #fffaf0}.mood-button{width:34px;border-radius:50%!important}.mood-button.mood-warm{color:#ffd09b;box-shadow:0 0 18px #ff8b3840,inset 0 1px #ffffff1f}.mood-button.mood-night{color:#cbd8ff;box-shadow:0 0 18px #5974da38,inset 0 1px #ffffff1f}.mood-icon{text-shadow:0 0 10px;font-family:Georgia,serif;font-size:18px;line-height:1}.mood-toast{pointer-events:none;color:#ffdab8;letter-spacing:.14em;background:#251210a3;border:1px dashed #ffddbb75;border-radius:7px;padding:6px 9px 5px;font-size:7px;font-weight:900;animation:1.8s both mood-toast;transform:rotate(-1deg)}.cassette-button{width:43px;border-radius:8px!important}.cassette-icon{border:1.5px solid;border-radius:3px;width:25px;height:16px;position:relative}.cassette-icon:before{content:"";border:1px solid;border-radius:1px;height:4px;position:absolute;bottom:2px;left:4px;right:4px;transform:skew(-13deg)}.cassette-icon i{border:1px solid;border-radius:50%;width:5px;height:5px;position:absolute;top:3px}.cassette-icon i:first-child{left:4px}.cassette-icon i:last-child{right:4px}.cassette-button.active .cassette-icon i:first-child{animation:.9s linear infinite cassette-reel}.cassette-button.active .cassette-icon i:last-child{animation:.9s linear infinite reverse cassette-reel}.recent-panel{width:min(320px,100vw - 24px);color:var(--paper);-webkit-backdrop-filter:blur(22px)saturate(1.15);backdrop-filter:blur(22px)saturate(1.15);pointer-events:auto;background:linear-gradient(145deg,#341915e0,#1f1114d1);border:1px solid #ffffff3d;border-radius:15px;padding:12px;animation:.25s both tape-open;position:absolute;bottom:40px;right:0;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff1a}.recent-panel header{color:#ffd0a9;letter-spacing:.16em;border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;padding:0 2px 9px;font-size:8px;display:flex}.recent-panel header span{color:#ffffff7a;font-size:7px}.recent-panel ol{gap:2px;margin:7px 0 0;padding:0;list-style:none;display:grid}.recent-panel li button{width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px;display:grid}.recent-panel li button:hover,.recent-panel li button:focus-visible{background:#ffffff14;outline:none}.recent-cover{background:#1c0e0b 50%/cover no-repeat;border-radius:7px;width:36px;height:36px;box-shadow:inset 0 0 0 1px #ffffff29}.recent-copy{gap:2px;min-width:0;display:grid}.recent-copy strong,.recent-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-copy strong{font-size:11px}.recent-copy small{color:#ffffff94;font-size:8px}.recent-number{color:#ffd0a96b;letter-spacing:.08em;font-size:8px}.recent-panel p{color:#ffffff94;margin:12px 4px 4px;font-size:10px;line-height:1.4}.glass-player{z-index:5;-webkit-backdrop-filter:blur(18px)saturate(1.16);backdrop-filter:blur(18px)saturate(1.16);background:linear-gradient(110deg,#562c2229,#48252a21);border:1px solid #ffffff40;border-radius:50px;grid-template-columns:76px minmax(0,1fr) 126px;align-items:center;gap:13px;width:min(650px,100% - 24px);height:100px;padding:10px 15px 10px 11px;display:grid;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 18px 62px #00000052,inset 0 1px #ffffff21}.art-disc{--disc-inset:8px;aspect-ratio:1;isolation:isolate;background:#1a0d09;border-radius:50%;flex:none;place-self:center;width:76px;height:76px;position:relative;overflow:hidden;transform:translateY(-3px);box-shadow:0 7px 22px #00000057}.art-image{z-index:0;transform-origin:50%;backface-visibility:hidden;background-color:#1a0d09;background-position:50%;background-repeat:no-repeat;background-size:180%;border-radius:50%;position:absolute;inset:0;transform:scale(1.18)}.art-disc:before{content:"";z-index:1;border-radius:inherit;background:radial-gradient(circle,#fffaf0eb 0 5px,#28110cc7 6px 13px,#0000 14px),radial-gradient(circle,#0000 52%,#14080547 53% 56%,#0000 57%);position:absolute;inset:0}.art-disc:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 var(--disc-inset) #2c120d38;pointer-events:none;border:2px solid #ffffff80;position:absolute;inset:0}.art-disc i{z-index:2;background:#f8eee0;border-radius:50%;width:7px;height:7px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #140805bf}.art-disc.spinning{animation:2.8s ease-in-out infinite disc-glow}.art-disc.spinning .art-image{animation:8s linear infinite art-spin}.audio-engine{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.audio-engine iframe{border:0;display:block;width:640px!important;height:360px!important}.track-info{grid-template-columns:1fr auto;align-items:end;gap:4px 10px;min-width:0;display:grid}.track-info strong{grid-column:1/-1;font-size:17px}.track-info>span{color:#ffffffc2;grid-column:1/-1;font-size:12px}.track-info .artist.empty{visibility:hidden}.track-info .source{color:#ffd0a9;letter-spacing:.16em;white-space:nowrap;grid-column:1;font-size:9px;font-weight:900}.track-info .up-next{text-overflow:ellipsis;white-space:nowrap;color:#ffdec6ad;letter-spacing:.09em;grid-column:2;justify-self:end;width:min(190px,100%);font-size:8px;font-weight:800;overflow:hidden}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.seek-row{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:10px;min-width:0;display:grid}.progress{align-self:center;align-items:center;height:14px;display:flex}.progress input{--progress:0%;appearance:none;cursor:pointer;background:linear-gradient(90deg,#fff 0 var(--progress),#ffffff45 var(--progress) 100%);border:0;border-radius:99px;outline:0;width:100%;height:4px;margin:0;padding:0}.progress input:disabled{cursor:wait;opacity:.7}.progress input::-webkit-slider-runnable-track{background:0 0;border-radius:99px;height:4px}.progress input::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #fffffff2;border-radius:50%;width:11px;height:11px;margin-top:-3.5px;box-shadow:0 1px 5px #00000059}.progress input::-moz-range-track{background:#ffffff45;border:0;border-radius:99px;height:4px}.progress input::-moz-range-progress{background:#fff;border-radius:99px;height:4px}.progress input::-moz-range-thumb{background:#fff;border:2px solid #fffffff2;border-radius:50%;width:9px;height:9px;box-shadow:0 1px 5px #00000059}.progress input:focus-visible{outline-offset:4px;outline:2px solid #fff}.track-info small{color:#ffffffb3;font-size:10px}.seek-row>small{white-space:nowrap;font-variant-numeric:tabular-nums;width:78px}.controls{justify-content:flex-end;align-items:center;gap:11px;display:flex}.controls button{cursor:pointer;opacity:.9;background:0 0;border:0;place-items:center;width:24px;height:32px;padding:0;display:grid}.controls button:disabled{cursor:wait;opacity:.5}.controls button:focus:not(:focus-visible){outline:none}.controls button:focus-visible{outline-offset:3px;outline:2px solid #fffffff2}.controls .main-play{background:var(--paper);color:#17100e;border-radius:50%;flex:none;place-items:center;width:50px;height:50px;padding:0;display:grid;box-shadow:0 5px 18px #00000040}.controls .main-play:hover:not(:disabled){transform:scale(1.04)}.controls .main-play:active:not(:disabled){transition:transform .12s;transform:scale(.91)}.play-icon{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #17100e;width:0;height:0;margin-left:3px}.pause-icon{gap:4px;display:flex}.pause-icon i{background:#17100e;border-radius:2px;width:4px;height:16px}.skip-icon{width:16px;height:15px;display:block;position:relative}.skip-icon:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;width:0;height:0;position:absolute;top:2px}.skip-icon:after{content:"";background:currentColor;border-radius:2px;width:2px;height:14px;position:absolute;top:1px}.skip-icon.next:before{border-left:9px solid;left:1px}.skip-icon.next:after{right:1px}.skip-icon.previous:before{border-right:9px solid;right:1px}.skip-icon.previous:after{left:1px}.skip-icon.next.pulse{animation:.42s cubic-bezier(.2,.8,.25,1) skip-forward}.skip-icon.previous.pulse{animation:.42s cubic-bezier(.2,.8,.25,1) skip-back}.loader{border:2px solid #bbb;border-top-color:#17100e;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes disc-spin{to{transform:rotate(360deg)}}@keyframes art-spin{0%{transform:scale(1.18)rotate(0)}to{transform:scale(1.18)rotate(360deg)}}@keyframes light-breathe{0%,to{opacity:.12;transform:scale(.98)}50%{opacity:.24;transform:scale(1.025)}}@keyframes warm-sweep{0%,18%{opacity:.12;transform:translate(-30%)}52%{opacity:.46}82%,to{opacity:.16;transform:translate(30%)}}@keyframes bulb-flicker{0%,8%,10%,42%,45%,72%,74%,to{opacity:.58}8.4%{opacity:.18}8.8%{opacity:.5}9.2%{opacity:.1}43%{opacity:.28}43.5%{opacity:.54}44%{opacity:.2}72.6%{opacity:.36}73.1%{opacity:.14}}@keyframes dust-rise{0%{opacity:0;transform:translate(0)}12%{opacity:.48}72%{opacity:.28}to{opacity:0;transform:translate(28px,-92vh)}}@keyframes title-enter{0%{opacity:0;filter:blur(7px)drop-shadow(7px 9px #250d072e);transform:translateY(18px)}to{opacity:1;filter:blur()drop-shadow(7px 9px #250d0747);transform:translateY(0)}}@keyframes skip-forward{0%{opacity:1;transform:translate(0)}48%{opacity:.15;transform:translate(9px)}49%{transform:translate(-7px)}to{opacity:1;transform:translate(0)}}@keyframes skip-back{0%{opacity:1;transform:translate(0)}48%{opacity:.15;transform:translate(-9px)}49%{transform:translate(7px)}to{opacity:1;transform:translate(0)}}@keyframes live-pulse{0%,to{box-shadow:0 0 8px var(--green);transform:scale(.88)}50%{box-shadow:0 0 17px var(--green);transform:scale(1.12)}}@keyframes cassette-reel{to{transform:rotate(360deg)}}@keyframes disc-glow{0%,to{box-shadow:0 7px 22px #00000057,0 0 #ff974e00}50%{box-shadow:0 7px 22px #00000057,0 0 22px #ff974e57}}@keyframes crowd-pulse{0%,to{opacity:.14}50%{opacity:.25}}@keyframes crowd-cheer-glow{0%,to{opacity:0;transform:scaleX(.82)}22%,64%{opacity:.72;transform:scaleX(1)}}@keyframes spotlight-pass{0%{opacity:0;transform:scale(.94)}18%,52%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes crowd-hand-left{0%,to{opacity:0;transform:translateY(62px)rotate(-18deg)}18%,67%{opacity:.82;transform:translateY(-28px)rotate(-8deg)}42%{transform:translateY(-43px)rotate(-19deg)}}@keyframes crowd-hand-right{0%,to{opacity:0;transform:translateY(66px)rotate(20deg)}20%,70%{opacity:.78;transform:translateY(-24px)rotate(11deg)}46%{transform:translateY(-40px)rotate(22deg)}}@keyframes crowd-head-nod{0%,to{opacity:0;transform:translateY(65px)scale(.96)}18%,72%{opacity:.72;transform:translateY(-14px)scale(1)}36%,58%{transform:translateY(-3px)scale(.98)}}@keyframes hotspot-hint{0%,to{opacity:.22;transform:translate(-50%,-50%)rotate(-8deg)scale(.9)}48%{opacity:.44;transform:translate(-50%,-50%)rotate(-3deg)scale(1.12)}54%{opacity:.27}60%{opacity:.46}}@keyframes hotspot-ripple{0%{opacity:.85;transform:translate(-50%,-50%)scale(.35);box-shadow:0 0 18px #ff8941b3}to{opacity:0;transform:translate(-50%,-50%)scale(5.5);box-shadow:0 0 36px #ff894100}}@keyframes scene-message{0%{opacity:0;filter:blur(3px);transform:translate(-50%,8px)rotate(-1.5deg)scale(.95)}7%,76%{opacity:1;filter:blur();transform:translate(-50%)rotate(-1.5deg)scale(1)}to{opacity:0;transform:translate(-50%,-7px)rotate(-1.5deg)scale(1.02)}}@keyframes graffiti-reveal{0%{opacity:0;filter:blur(4px);clip-path:inset(0 100% 0 0);transform:translateY(12px)rotate(-4deg)scale(.96)}7%{opacity:.95;clip-path:inset(0)}15%,68%{opacity:.92;filter:blur();transform:translateY(0)rotate(-4deg)scale(1)}to{opacity:0;filter:blur(1px);transform:translateY(-7px)rotate(-4deg)scale(1.01)}}@keyframes tape-open{0%{opacity:0;filter:blur(2px);transform:translateY(7px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes poster-swap{0%{opacity:0;transform:perspective(260px)rotateY(7deg)translateY(3px)rotate(1deg)}to{opacity:.72;transform:perspective(260px)rotateY(7deg)translateY(0)rotate(2deg)}}@keyframes mic-check{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(5px)rotate(-6deg)}12%,72%{opacity:1;clip-path:inset(0);transform:translateY(0)rotate(-5deg)}to{opacity:0;transform:translateY(-6px)rotate(-4deg)}}@keyframes listener-join{0%{opacity:.9;transform:translate(-50%,-50%)scale(.7)}to{opacity:0;transform:translate(-50%,-50%)scale(5.8)}}@keyframes mood-toast{0%,to{opacity:0;transform:translateY(5px)rotate(-1deg)}12%,78%{opacity:1;transform:translateY(0)rotate(-1deg)}}@media (width<=700px){.stage{background-image:url(/rap-battle-mobile.webp);background-position:50%}.light-left{display:none}.light-right{width:64px;height:64px;top:42%;left:96%}.topbar{padding:max(17px,env(safe-area-inset-top)) 16px 0;letter-spacing:.06em;grid-template-columns:1fr auto 1fr;gap:8px;font-size:11px}.live{letter-spacing:.1em;gap:6px;padding:7px 10px;font-size:8px}.live i{width:6px;height:6px}.music-links{gap:10px}.music-links a{gap:4px;font-size:9px}.music-service-icon{width:14px;height:14px}.external-arrow{display:none}.street-poster{opacity:.66;gap:4px;width:45px;min-height:62px;padding:6px 4px;top:24%;left:1.2%}.street-poster strong{font-size:8px}.street-poster span{font-size:4px}.mic-check{font-size:12px;bottom:28%;left:25%}.crowd-reaction{height:26%}.crowd-reaction i{width:15px;height:88px;bottom:-42px}.poster-hotspot{width:25%;height:43%;top:18%;left:0}.speaker-hotspot{width:28%;height:17%;top:69%;left:24%}.street-hotspot{width:24%;height:38%;top:29%;right:0}.left-mic-hotspot{width:27%;height:17%;top:46%;left:17%}.right-mic-hotspot{width:27%;height:17%;top:46%;right:13%}.scooter-hotspot{width:34%;height:15%;top:64%;left:34%}.scene-hotspot:before{opacity:.38;width:24px;height:18px}.scene-message{padding:6px 12px 5px;font-size:11px;bottom:105px}.track-graffiti{text-align:center;width:78vw;top:24%;left:50%;transform:translate(-50%,12px)rotate(-2deg)scale(.96)}.track-graffiti.visible{animation-name:graffiti-reveal-mobile}.track-graffiti strong{font-size:22px}.track-graffiti span{font-size:8px}.title-lockup{width:100vw;margin:0;padding:0 8px;position:absolute;top:38%;overflow:visible;transform:translateY(-50%)}h1{font-family:var(--font-devanagari-display),Georgia,serif;letter-spacing:.015em;white-space:nowrap;font-size:clamp(68px,20vw,88px);line-height:.9}.player-tools{bottom:max(102px,calc(env(safe-area-inset-bottom) + 90px))}.mood-toast{font-size:6px}.recent-panel{width:min(300px,100vw - 24px);max-height:54vh;overflow:auto}.recent-panel li button{grid-template-columns:32px minmax(0,1fr) auto;padding:4px}.recent-cover{width:32px;height:32px}.glass-player{left:50%;bottom:max(12px,env(safe-area-inset-bottom));border-radius:40px;grid-template-columns:56px minmax(0,1fr) 98px;gap:7px;width:calc(100% - 24px);height:80px;padding:7px 9px 7px 11px}.art-disc{--disc-inset:5px;width:56px;height:56px;transform:translateY(-2px);box-shadow:0 5px 16px #00000057}.art-disc:before{background:radial-gradient(circle,#fffaf0eb 0 4px,#28110cc7 5px 10px,#0000 11px),radial-gradient(circle,#0000 52%,#14080547 53% 56%,#0000 57%)}.track-info{gap:3px 7px}.track-info .source{display:none}.track-info .up-next{letter-spacing:.07em;grid-column:1/-1;justify-self:start;width:100%;font-size:7px}.track-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.15;overflow:hidden}.track-info>span{white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.2;overflow:hidden}.progress{height:12px}.progress input{height:3px}.progress input::-webkit-slider-runnable-track{height:3px}.progress input::-moz-range-track{height:3px}.progress input::-moz-range-progress{height:3px}.progress input::-webkit-slider-thumb{width:10px;height:10px;margin-top:-3.5px}.seek-row{grid-template-columns:minmax(0,1fr);gap:0}.track-info small{display:none}.controls{justify-content:flex-end;gap:3px}.controls button:not(.main-play){width:22px;height:40px;display:grid}.controls .main-play{width:42px;height:42px;display:grid}.play-icon{border-top-width:7px;border-bottom-width:7px;border-left-width:11px}.skip-icon{transform:scale(.82)}}@keyframes graffiti-reveal-mobile{0%{opacity:0;filter:blur(4px);clip-path:inset(0 100% 0 0);transform:translate(-50%,12px)rotate(-2deg)scale(.96)}7%{opacity:.95;clip-path:inset(0)}15%,68%{opacity:.92;filter:blur();transform:translate(-50%)rotate(-2deg)scale(1)}to{opacity:0;filter:blur(1px);transform:translate(-50%,-7px)rotate(-2deg)scale(1.01)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}