.miniamp{z-index:12;width:fit-content;max-width:calc(100% - 24px);left:12px;bottom:max(12px, env(safe-area-inset-bottom));border:3px solid var(--ink);background:var(--lilac);box-shadow:5px 5px 0 var(--ink);border-radius:12px;padding:0;position:absolute;overflow:hidden}.street .miniamp{background:var(--sky);box-shadow:6px 6px 0 var(--ink);border-width:4px;border-radius:5px}.deck-header{border-bottom:2px solid var(--ink);min-height:28px;font:800 10px / 1.2 var(--font);letter-spacing:.09em;background:repeating-linear-gradient(0deg,#0000 0 3px,#1b1b1b12 3px 4px);align-items:center;gap:12px;padding:0 8px 0 12px;display:flex}.deck-brand{white-space:nowrap}.deck-brand b{background:var(--ink);color:var(--paper);margin-left:3px;padding:2px 5px}.deck-source{white-space:nowrap;margin-left:auto;font-size:9px}.miniamp .deck-collapse,.miniamp .deck-mini-play{border:2px solid var(--ink);background:var(--paper);width:28px;height:24px;box-shadow:none;border-radius:2px;flex-shrink:0;padding:0;font:900 18px/1 monospace}.deck-body{grid-template-columns:minmax(160px,220px) 200px 154px;align-items:stretch;gap:16px;padding:10px 14px 4px;display:grid}.deck-info{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.deck-state{letter-spacing:.08em;align-items:center;gap:5px;font:800 9px/1.2 monospace;display:flex}.deck-state i{border:1px solid var(--ink);background:#445368;width:6px;height:6px}.deck-state i.lit{background:var(--lemon)}.deck-title{text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.2;overflow:hidden}.street .deck-title{font-family:var(--comic);letter-spacing:.035em;font-size:21px;font-weight:400}.deck-artist{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.deck-visual{border:2px solid var(--ink);color:#d1ff26;background:#101827;margin:0;overflow:hidden}.deck-visual figcaption{letter-spacing:.08em;justify-content:space-between;padding:3px 6px 0;font:700 8px/1.1 monospace;display:flex}.deck-visual figcaption span:last-child{color:#81c6d5}.deck-wave{width:100%;height:40px;display:block}.deck-disclaimer{color:#a5b8c8;padding:1px 6px 3px;font:9px/1.2 monospace;display:block}.deck-controls{flex-direction:column;justify-content:space-between;gap:4px;display:flex}.deck-clock{font-variant-numeric:tabular-nums;letter-spacing:-.07em;justify-content:center;align-items:baseline;gap:6px;font:700 24px/1 monospace;display:flex}.deck-clock small{letter-spacing:0;opacity:.7;font-size:11px}.deck-transport{gap:6px;display:flex}.miniamp .deck-transport button{border:2px solid var(--ink);background:var(--paper);min-width:42px;height:38px;box-shadow:2px 2px 0 var(--ink);border-radius:3px;flex:1;padding:0;font:900 19px/1 monospace;transform:none}.miniamp .deck-transport .deck-play{background:var(--lime)}.miniamp button:active{box-shadow:none;translate:1px 1px}.miniamp button:focus-visible,.miniamp input:focus-visible{outline:3px solid var(--pink);outline-offset:2px}.deck-timeline{font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:2px 14px 6px;font:700 9px/1 monospace;display:flex}.deck-timeline span{min-width:30px}.deck-timeline span:last-child{text-align:right}.deck-timeline input{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:0;width:100%;min-width:0;height:22px;margin:0;padding:0}.deck-timeline input::-webkit-slider-runnable-track{border:1px solid var(--ink);background:linear-gradient(to right, var(--lime) var(--played), #233044 var(--played));height:6px}.deck-timeline input::-moz-range-track{border:1px solid var(--ink);background:#233044;height:6px}.deck-timeline input::-moz-range-progress{background:var(--lime);height:6px}.deck-timeline input::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--ink);background:var(--lemon);border-radius:2px;width:13px;height:16px;margin-top:-6px}.deck-timeline input::-moz-range-thumb{border:2px solid var(--ink);background:var(--lemon);border-radius:2px;width:10px;height:13px}.deck-timeline input:disabled{opacity:.5;cursor:default}.deck-error{margin:0;padding:0 14px 6px;font-size:11px}.deck-compact-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:220px;overflow:hidden}.is-compact .deck-header{border:0;min-height:36px}@media (width<=700px){.miniamp{width:374px;max-width:calc(100% - 16px);left:8px;bottom:max(8px, env(safe-area-inset-bottom))}.deck-header{gap:6px;min-height:32px;padding-left:8px}.deck-brand{font-size:9px}.deck-source{letter-spacing:0;font-size:8px}.deck-body{grid-template-columns:minmax(0,1fr) 144px;gap:8px 12px;padding:7px 9px 3px}.deck-info{grid-column:1/-1;gap:1px;padding-right:54px;position:relative}.deck-title,.street .deck-title{font-size:17px}.deck-state{letter-spacing:0;font-size:8px;position:absolute;top:4px;right:0}.deck-artist{font-size:11px}.deck-clock{font-size:21px}.miniamp .deck-transport button{height:44px}.deck-wave{height:38px}.deck-disclaimer{font-size:8px}.deck-timeline{gap:5px;padding:0 9px 3px}.deck-timeline input{height:28px}.miniamp.is-compact{width:fit-content}.is-compact .deck-source{display:none}.is-compact .deck-header{min-height:44px}.miniamp .deck-collapse,.miniamp .deck-mini-play{width:32px;height:28px}.room:has(.miniamp:not(.is-compact)) .panel{bottom:calc(216px + env(safe-area-inset-bottom));max-height:30vh}.room:has(.miniamp:not(.is-compact)) .host{bottom:calc(216px + env(safe-area-inset-bottom))}.room:has(.miniamp:not(.is-compact)) .hint{bottom:calc(214px + env(safe-area-inset-bottom))}}.miniamp,.street .miniamp{--deck-accent:#c7ff19;--deck-shell:#32cce0;color:#f4f6db;box-shadow:inset 0 0 0 2px #768299, inset 7px 0 var(--deck-shell), 5px 6px 0 #101522;background:repeating-linear-gradient(125deg,#ffffff08 0 1px,#0000 1px 7px),#252d40;border:3px solid #101522;border-radius:22px 5px 28px;padding:0 7px 0 12px}.paper .miniamp{--deck-accent:#adffb2;--deck-shell:#dab0fa}.deck-header{background:0 0;border-bottom:1px solid #71829a;gap:10px;min-height:42px;padding:3px 4px 3px 0}.deck-brand{letter-spacing:.14em;align-items:center;gap:5px;font:800 8px/1.1 monospace;display:flex}.deck-brand>span{flex-direction:column;gap:2px;display:flex}.deck-brand b{color:var(--deck-accent);font:italic 900 19px/.95 var(--font);letter-spacing:-.07em;background:0 0;margin:0;padding:0}.deck-bolt{width:26px;height:30px;fill:var(--deck-accent);filter:drop-shadow(2px 2px #000)}.deck-source{color:#b7c9d4;letter-spacing:.03em;font:8px/1.2 monospace}.miniamp .deck-collapse,.miniamp .deck-mini-play{color:var(--deck-accent);background:#101827;border-color:#81909f;border-radius:50%;width:30px;height:30px}.deck-body{grid-template-rows:auto auto;grid-template-columns:320px 164px;gap:5px 14px;padding:9px 4px 2px 0}.deck-info{background:#101827;border:1px solid #43566a;border-bottom:0;border-radius:9px 9px 0 0;grid-area:1/1;padding:7px 10px 6px;position:relative;box-shadow:inset 2px 3px #070b12}.deck-state{color:#9babb9;margin-bottom:3px;font-size:7px}.deck-state i.lit{background:var(--deck-accent);box-shadow:0 0 5px #c7ff1966}.deck-title,.street .deck-title{font:italic 800 17px/1.15 var(--font);letter-spacing:-.02em;color:#f4f6db}.deck-artist{color:#73d9df;font:10px/1.3 monospace}.deck-visual{border:1px solid #43566a;border-top:0;border-radius:0 0 9px 9px;grid-area:2/1;margin-top:-5px;padding:0 5px 3px}.deck-visual figcaption{font-size:7px}.deck-wave{height:30px}.deck-disclaimer{padding-bottom:0;font-size:8px}.deck-controls{grid-area:1/2/3;justify-content:center;gap:7px;position:relative}.deck-sticker{color:#101522;font:italic 900 11px/1.1 var(--font);letter-spacing:-.04em;background:#fa3895;align-self:center;padding:3px 7px;transform:rotate(-5deg);box-shadow:2px 2px #080c14}.deck-clock{color:var(--deck-accent);text-shadow:0 0 9px #c7ff1926;font-size:27px}.deck-clock small{color:#bac6d1;font-size:10px}.deck-transport{justify-content:center;align-items:center;gap:5px}.miniamp .deck-transport button{color:#c5d2e0;background:linear-gradient(#495468,#222a3a);border:2px solid #101522;border-radius:12px;flex:none;width:36px;min-width:36px;height:40px;font-size:17px;box-shadow:inset 0 1px #a7b2bf,0 2px #070b12}.miniamp .deck-transport .deck-play{color:#101522;background:radial-gradient(circle at 38% 30%, #f4ffb5, var(--deck-accent) 65%);border:6px solid #141d2a;border-radius:50%;width:68px;height:68px;font-size:25px;box-shadow:0 0 0 2px #8293a1,0 0 0 5px #343f50,inset 0 2px #fff8}.deck-timeline{color:#c2d4dc;padding:5px 5px 9px 0}.deck-timeline input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--deck-accent) var(--played), #101827 var(--played));border-color:#6a7e90}.deck-timeline input::-webkit-slider-thumb{background:#fb429b;border-color:#101522;border-radius:4px;width:19px}.deck-timeline input::-moz-range-thumb{background:#fb429b}.deck-error{color:#ffc6df}.is-compact .deck-header{min-height:44px}.room:has(.miniamp:not(.is-compact)) .panel{bottom:calc(238px + env(safe-area-inset-bottom))}.room:has(.miniamp:not(.is-compact)) .host{bottom:calc(238px + env(safe-area-inset-bottom))}@media (width<=700px){.miniamp,.street .miniamp{padding-left:10px;padding-right:5px}.deck-header{gap:6px;min-height:40px}.deck-brand b{font-size:17px}.deck-bolt{width:22px;height:27px}.deck-body{grid-template-columns:minmax(0,1fr) 126px;gap:5px 9px;padding-top:7px}.deck-info{grid-column:1;padding:6px}.deck-state{font-size:7px;position:static}.deck-title,.street .deck-title{font-size:14px}.deck-artist{font-size:9px}.deck-visual{padding-left:2px;padding-right:2px}.deck-visual figcaption{padding-left:3px;padding-right:3px;font-size:6px}.deck-disclaimer{padding-left:3px;padding-right:3px;font-size:7px}.deck-sticker{padding:3px 5px;font-size:9px}.deck-clock{gap:4px;font-size:24px}.deck-transport{gap:4px}.miniamp .deck-transport button{width:30px;min-width:30px;height:44px;font-size:15px}.miniamp .deck-transport .deck-play{border-width:4px;width:54px;height:54px;font-size:21px}.deck-timeline{padding-bottom:5px}.room:has(.miniamp:not(.is-compact)) .panel{bottom:calc(232px + env(safe-area-inset-bottom))}.room:has(.miniamp:not(.is-compact)) .host{bottom:calc(232px + env(safe-area-inset-bottom))}.room:has(.miniamp:not(.is-compact)) .hint{bottom:calc(230px + env(safe-area-inset-bottom))}}.miniamp,.street .miniamp{left:auto;right:12px}:is(.room .host,.room:has(.miniamp:not(.is-compact)) .host){bottom:18px}.case-actions{z-index:14;white-space:nowrap;align-items:center;gap:8px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.case-actions button{font-size:12px}.inspecting .stage:after{content:"";pointer-events:none;background:radial-gradient(at 50% 48%,#0000 22%,#080e2060 76%);position:absolute;inset:0}.room .panel{z-index:15;top:116px}.room .hint{bottom:26px}.room:has(.miniamp:not(.is-compact)) .hint{bottom:248px}@media (width<=700px){.miniamp,.street .miniamp{left:auto;right:8px}.case-actions{gap:5px;max-width:calc(100% - 16px);top:65px}.case-actions button{padding:7px 9px;font-size:11px}.room .panel{max-height:50vh;top:auto;bottom:70px}.room:has(.miniamp:not(.is-compact)) .panel{max-height:42vh;bottom:232px}.room .host{bottom:72px}.room:has(.miniamp:not(.is-compact)) .host{bottom:232px}.room .hint{bottom:76px}.room:has(.miniamp:not(.is-compact)) .hint{bottom:242px}}.deck-preview-credit{color:#e5e7eb;margin:6px 14px 10px;font-size:10px}.deck-preview-credit a{color:#d5ff00}:root{--tl-color:#111;--tl-ink:#202227;--tl-muted:#dfe1e6;--tl-font:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.tl-loader,.tl-loader *{box-sizing:border-box}.tl-loader{width:100%;color:var(--tl-color);font-family:var(--tl-font);display:block}.tl-visual{width:100%;min-height:1.4em;display:block}.tl-copy{color:currentColor;width:100%;font:inherit;line-height:inherit;letter-spacing:inherit;white-space:pre-wrap;display:block}.tl-word{white-space:nowrap;display:inline-block}.tl-space{white-space:pre-wrap}.tl-char{transform-origin:50% 65%;display:inline-block}.tl-decode{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tl-decode .tl-char{text-align:center;width:.62em}.tl-decode .tl-char[data-resolved=false]{color:color-mix(in srgb, currentColor 60%, transparent)}.tl-decode-char{text-align:center;width:.62em;display:inline-grid}.tl-decode-char>b,.tl-decode-char>i{font:inherit;font-style:normal;font-weight:inherit;grid-area:1/1}.tl-decode-char>i{color:color-mix(in srgb,currentColor 55%,transparent)}.tl-typewriter{position:relative}.tl-cursor{vertical-align:-.12em;background:currentColor;border-radius:1px;width:.08em;height:1em;margin-left:.08em;display:inline-block}.tl-skeleton-wrap{min-height:2.9em;position:relative}.tl-skeleton{gap:.46em;width:100%;padding-top:.28em;display:grid}.tl-skeleton i{background:color-mix(in srgb, currentColor 9%, transparent);border-radius:.14em;width:78%;height:.42em;position:relative;overflow:hidden}.tl-skeleton i:nth-child(2){width:56%}.tl-skeleton i:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, currentColor 16%, transparent), transparent);width:42%;animation:1.4s cubic-bezier(.4,0,.2,1) infinite tl-shimmer;position:absolute;inset:0;transform:translate(-100%)}.tl-skeleton-result{display:block}@keyframes tl-shimmer{0%{transform:translate(-140%)}to{transform:translate(240%)}}.tl-skeleton-stream{position:relative}.tl-skeleton-token{display:inline;position:relative}.tl-cascade span,.tl-focus span{display:inline-block}.tl-wipe{position:relative}.tl-wipe-ghost{color:color-mix(in srgb, currentColor 12%, transparent)}.tl-wipe-fill{color:currentColor;position:absolute;inset:0}.tl-wipe>i{width:1px;box-shadow:0 0 8px color-mix(in srgb, currentColor 50%, transparent);background:currentColor;position:absolute;top:-.1em;bottom:-.1em}.tl-wipe-stream>span{display:inline}.tl-flip{perspective:500px}.tl-redact-word{display:inline-block;position:relative}.tl-redact-word>i{transform-origin:100%;background:currentColor;border-radius:.08em;position:absolute;inset:.12em -.03em .08em}.tl-line{gap:.14em;display:grid}.tl-line>span{width:max-content;max-width:100%;display:block}.tl-line-stream>span{white-space:pre-wrap;display:inline}.tl-terminal{min-height:1.45em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tl-terminal>b{margin-right:.45em;font-weight:500}.tl-terminal>span{white-space:pre-wrap}.tl-terminal-cursor{vertical-align:-.08em;background:currentColor;width:.58em;height:.9em;margin-left:.12em;display:inline-block}.tl-wave .tl-char{min-width:.16em}.tl-dissolve-char{min-width:.16em;display:inline-grid;position:relative}.tl-dissolve-char>b{font:inherit;font-weight:inherit;grid-area:1/1;display:inline-block}.tl-dissolve-char>i{z-index:1;filter:blur(.2px);pointer-events:none;background:currentColor;border-radius:50%;width:.09em;height:.09em;position:absolute;top:50%;left:58%;box-shadow:.18em -.08em 0 -.02em,.3em .09em 0 -.035em}.tl-dissolve-char>i:nth-of-type(2n){opacity:.7;width:.06em;height:.06em}.tl-dissolve-char>i:nth-of-type(3n){width:.12em;height:.12em}.tl-slice-char,.tl-fragment-char{min-width:.14em;display:inline-grid}.tl-slice-char>i,.tl-fragment-char>i{font:inherit;grid-area:1/1;font-style:normal}.tl-slice-part-1{clip-path:inset(0 0 66%)}.tl-slice-part-2{clip-path:inset(33% 0)}.tl-slice-part-3{clip-path:inset(66% 0 0)}.tl-tracking .tl-char{transform-origin:0;min-width:.14em}.tl-coalesce-char{min-width:.14em;display:inline-block;position:relative}.tl-coalesce-char>b{font:inherit;font-weight:inherit;display:inline-block}.tl-coalesce-char>i{pointer-events:none;background:currentColor;border-radius:50%;width:.13em;height:.13em;position:absolute;top:52%;left:50%}.tl-fragment-1{clip-path:polygon(0 0,58% 0,42% 52%,0 66%)}.tl-fragment-2{clip-path:polygon(58% 0,100% 0,100% 58%,42% 52%)}.tl-fragment-3{clip-path:polygon(0 66%,42% 52%,58% 100%,0 100%)}.tl-fragment-4{clip-path:polygon(42% 52%,100% 58%,100% 100%,58% 100%)}.tl-loader[data-paused=true] *,.tl-loader[data-paused=true] :before,.tl-loader[data-paused=true] :after{animation-play-state:paused!important}.il-loader,.il-loader *{box-sizing:border-box}.il-loader{--il-color:currentColor;--il-size:1.15em;--il-duration:1.2s;width:var(--il-size);height:var(--il-size);color:var(--il-color);vertical-align:-.16em;flex:none;place-items:center;line-height:1;display:inline-grid}.il-glyph,.il-matrix{place-items:center;width:100%;height:100%;display:grid}.il-glyph{grid-template-columns:repeat(3,1fr);gap:8%;padding:8%}.il-glyph i{aspect-ratio:1;border:max(1px, calc(var(--il-size) * .055)) solid currentColor;width:76%;animation:il-glyph var(--il-duration) cubic-bezier(.45,0,.2,1) infinite;animation-delay:var(--il-delay)}@keyframes il-glyph{0%,to{opacity:.28;background:0 0;border-radius:50%;transform:scale(.38)rotate(0)}35%{opacity:1;background:currentColor;border-radius:20%;transform:scale(1)rotate(45deg)}68%{opacity:.62;background:0 0;border-radius:50% 8%;transform:scale(.72)rotate(90deg)}}.il-matrix{grid-template-columns:repeat(5,1fr);padding:3%}.il-matrix i{width:calc(72% - var(--il-distance) * 7%);aspect-ratio:1;animation:il-matrix var(--il-duration) ease-in-out infinite;animation-delay:var(--il-delay);background:currentColor;border-radius:50%}@keyframes il-matrix{0%,to{opacity:.22;transform:scale(.48)}48%{opacity:1;transform:scale(1)}}.il-orbit,.il-ripple,.il-spark{width:100%;height:100%;display:block;position:relative}.il-orbit{animation:il-turn var(--il-duration) linear infinite}.il-orbit i{aspect-ratio:1;background:currentColor;border-radius:50%;width:18%;position:absolute}.il-orbit i:first-child{top:0;left:41%}.il-orbit i:nth-child(2){opacity:.58;bottom:18%;right:3%}.il-orbit i:nth-child(3){opacity:.28;bottom:18%;left:3%}.il-orbit b{border:max(1px, calc(var(--il-size) * .06)) solid currentColor;border-radius:50%;position:absolute;inset:30%}@keyframes il-turn{to{transform:rotate(360deg)}}.il-ripple i,.il-ripple b{background:currentColor;border-radius:50%;position:absolute;inset:41%}.il-ripple i{animation:il-ripple var(--il-duration) ease-out infinite}.il-ripple i:nth-child(2){animation-delay:calc(var(--il-duration) / -3)}.il-ripple i:nth-child(3){animation-delay:calc(var(--il-duration) / -1.5)}@keyframes il-ripple{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(5.2)}}.il-signal{justify-content:space-between;align-items:center;width:100%;height:76%;display:flex}.il-signal i{width:12%;height:30%;animation:il-signal var(--il-duration) ease-in-out infinite;animation-delay:var(--il-delay);background:currentColor;border-radius:99px}@keyframes il-signal{0%,to{opacity:.28;height:25%}50%{opacity:1;height:100%}}.il-spark i{aspect-ratio:1;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:il-spark var(--il-duration) cubic-bezier(.45,0,.2,1) infinite;background:currentColor;display:block;position:absolute}.il-spark i:first-child{inset:18%}.il-spark i:nth-child(2){width:24%;animation-delay:calc(var(--il-duration) * -.34);top:2%;right:1%}.il-spark i:nth-child(3){width:17%;animation-delay:calc(var(--il-duration) * -.67);bottom:8%;left:4%}@keyframes il-spark{0%,to{opacity:.2;transform:scale(.38)rotate(-12deg)}42%{opacity:1;transform:scale(1)rotate(0)}68%{opacity:.58;transform:scale(.72)rotate(9deg)}}.il-rotor,.il-chomp,.il-snake,.il-gravity,.il-aperture{width:100%;height:100%;display:block;position:relative}.il-rotor{animation:il-rotor calc(var(--il-duration) * 1.4) cubic-bezier(.55,.06,.38,.94) infinite}.il-rotor:before{content:"";opacity:.24;clip-path:polygon(43% 0,57% 0,66% 40%,100% 78%,91% 90%,50% 65%,9% 90%,0 78%,34% 40%);background:currentColor;position:absolute;inset:24%}.il-rotor i{aspect-ratio:1;border:max(1px,calc(var(--il-size) * .055)) solid currentColor;background:color-mix(in srgb,currentColor 12%,transparent);border-radius:48% 52% 58% 42%;width:34%;position:absolute}.il-rotor i:first-child{top:0;left:33%}.il-rotor i:nth-child(2){bottom:3%;right:1%;transform:rotate(120deg)}.il-rotor i:nth-child(3){bottom:3%;left:1%;transform:rotate(240deg)}.il-rotor b{box-shadow:0 0 0 max(1px,calc(var(--il-size) * .04)) color-mix(in srgb,currentColor 22%,transparent);background:currentColor;border-radius:50%;position:absolute;inset:39%}@keyframes il-rotor{0%{transform:rotate(0)}35%{transform:rotate(145deg)}70%,to{transform:rotate(360deg)}}.il-pixel-drift{grid-template-columns:repeat(4,1fr);gap:7%;width:100%;height:100%;padding:5%;display:grid;transform:rotate(45deg)scale(.78)}.il-pixel-drift i{aspect-ratio:1;animation:il-pixel-drift var(--il-duration) cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--il-delay);background:currentColor}@keyframes il-pixel-drift{0%,to{opacity:.16;border-radius:50%;transform:translate(-28%,-28%)scale(.45)}42%{opacity:1;border-radius:10%;transform:translate(0)scale(1)}72%{opacity:.48;border-radius:35%;transform:translate(24%,24%)scale(.68)}}.il-chomp{overflow:hidden}.il-chomp b{width:46%;height:46%;position:absolute;top:27%;left:2%}.il-chomp b:before,.il-chomp b:after{content:"";width:100%;height:50%;animation:il-chomp calc(var(--il-duration) * .56) ease-in-out infinite;background:currentColor;position:absolute;left:0}.il-chomp b:before{transform-origin:50% 100%;border-radius:999px 999px 0 0;top:0}.il-chomp b:after{transform-origin:50% 0;border-radius:0 0 999px 999px;animation-name:il-chomp-lower;bottom:0}.il-chomp i{aspect-ratio:1;width:10%;animation:il-chomp-dot calc(var(--il-duration) * 1.15) linear infinite;animation-delay:var(--il-delay);background:currentColor;border-radius:50%;position:absolute;top:44%;right:-10%}@keyframes il-chomp{0%,to{transform:rotate(-28deg)}48%{transform:rotate(0)}}@keyframes il-chomp-lower{0%,to{transform:rotate(28deg)}48%{transform:rotate(0)}}@keyframes il-chomp-dot{0%{opacity:0;transform:translate(0)}14%{opacity:1}78%{opacity:1}to{transform:translateX(calc(var(--il-size) * -.62));opacity:0}}.il-snake{--il-snake-duration:calc(var(--il-duration) * 1.8)}.il-snake i{z-index:1;aspect-ratio:1;width:15%;opacity:calc(1 - var(--il-i) * .075);animation:il-snake var(--il-snake-duration) linear infinite;animation-delay:calc(var(--il-snake-duration) * (var(--il-i) * .042 - 1));background:currentColor;border-radius:50%;position:absolute;top:7%;left:7%}.il-snake i:first-child{box-shadow:0 0 0 max(1px,calc(var(--il-size) * .025)) color-mix(in srgb,currentColor 18%,transparent);border-radius:42%}.il-snake b{aspect-ratio:1;width:10%;animation:il-snake-food var(--il-snake-duration) ease-in-out infinite;background:currentColor;border-radius:50%;position:absolute;top:45%;right:5%}@keyframes il-snake{0%,to{transform:scale(var(--il-scale));top:7%;left:7%}20%{transform:scale(var(--il-scale));top:7%;left:78%}25%{transform:scale(var(--il-scale));top:15%;left:86%}45%{transform:scale(var(--il-scale));top:78%;left:86%}50%{transform:scale(var(--il-scale));top:86%;left:78%}70%{transform:scale(var(--il-scale));top:86%;left:7%}75%{transform:scale(var(--il-scale));top:78%;left:0}95%{transform:scale(var(--il-scale));top:15%;left:0}}@keyframes il-snake-food{0%,20%,to{opacity:.2;transform:scale(.65)}28%{opacity:.9;transform:scale(1)}34%,44%{opacity:0;transform:scale(.2)}52%{opacity:.2;transform:scale(.65)}}.il-fold{width:100%;height:100%;perspective:calc(var(--il-size) * 3);grid-template-columns:repeat(2,1fr);gap:5%;padding:8%;display:grid;transform:rotate(45deg)scale(.82)}.il-fold i{transform-origin:0;animation:il-fold var(--il-duration) cubic-bezier(.65,0,.35,1) infinite;animation-delay:var(--il-delay);background:currentColor}.il-fold i:nth-child(2),.il-fold i:nth-child(3){opacity:.62;transform-origin:100%}@keyframes il-fold{0%,to{opacity:.18;transform:rotateY(78deg)scale(.72)}45%{opacity:1;transform:rotateY(0)scale(1)}72%{opacity:.48;transform:rotateX(-42deg)scale(.86)}}.il-gravity{animation:il-gravity-warp calc(var(--il-duration) * 1.8) ease-in-out infinite}.il-gravity:before,.il-gravity:after{content:"";border:max(1px,calc(var(--il-size) * .045)) solid currentColor;opacity:.2;border-radius:50%;position:absolute}.il-gravity:before{inset:12%;transform:rotate(-18deg)scaleY(.56)}.il-gravity:after{opacity:.34;inset:26%;transform:rotate(22deg)scaleY(.7)}.il-gravity i{aspect-ratio:1;transform-origin:50%;width:10%;animation:il-gravity var(--il-duration) cubic-bezier(.5,0,.25,1) infinite;animation-delay:var(--il-delay);background:currentColor;border-radius:50%;position:absolute;top:45%;left:45%}.il-gravity b{z-index:1;box-shadow:0 0 0 max(1px,calc(var(--il-size) * .05)) color-mix(in srgb,currentColor 18%,transparent);animation:il-gravity-core var(--il-duration) ease-in-out infinite;background:currentColor;border-radius:50%;position:absolute;inset:39%}@keyframes il-gravity{0%{transform:rotate(var(--il-angle)) translateY(calc(var(--il-size) * -.42)) scale(.52);opacity:.22}58%{opacity:1}86%,to{transform:rotate(calc(var(--il-angle) + 150deg)) translateY(0) scale(.12);opacity:0}}@keyframes il-gravity-warp{0%,to{transform:rotate(-5deg)scale(.94)}50%{transform:rotate(7deg)scale(1)}}@keyframes il-gravity-core{0%,to{transform:scale(.78)}58%{transform:scale(1.14)}}.il-domino{justify-content:space-between;align-items:flex-end;width:100%;height:78%;padding:0 4%;display:flex}.il-domino i{transform-origin:50% 100%;width:13%;height:76%;animation:il-domino var(--il-duration) cubic-bezier(.5,0,.25,1) infinite;animation-delay:var(--il-delay);background:currentColor;border-radius:18%}@keyframes il-domino{0%,22%,to{opacity:.32;transform:rotate(0)translate(0)}58%,76%{opacity:1;transform:rotate(32deg)translate(10%)}}.il-aperture{animation:il-aperture-turn calc(var(--il-duration) * 2) linear infinite}.il-aperture i{clip-path:polygon(0 0,100% 18%,70% 100%,0 76%);transform-origin:50% 98%;width:14%;height:46%;transform:rotate(var(--il-angle)) scaleY(.68);animation:il-aperture var(--il-duration) ease-in-out infinite;animation-delay:var(--il-delay);background:currentColor;position:absolute;top:5%;left:43%}.il-aperture b{background:color-mix(in srgb,currentColor 12%,transparent);box-shadow:0 0 0 max(1px,calc(var(--il-size) * .045)) currentColor;border-radius:50%;position:absolute;inset:39%}@keyframes il-aperture{0%,to{opacity:.28;transform:rotate(var(--il-angle)) scaleY(.54)}48%{opacity:1;transform:rotate(calc(var(--il-angle) + 18deg)) scaleY(1)}}@keyframes il-aperture-turn{to{transform:rotate(360deg)}}.il-loader[data-paused=true] *,.il-loader[data-paused=true] :before,.il-loader[data-paused=true] :after{animation-play-state:paused!important}.iml-loader,.iml-loader *{box-sizing:border-box}.iml-loader{--iml-color:currentColor;--iml-size:10rem;--iml-radius:10%;--iml-duration:2.35s;width:var(--iml-size);height:var(--iml-size);color:var(--iml-color);flex:none;place-items:center;line-height:1;display:inline-grid}.iml-visual{border-radius:var(--iml-radius);background:color-mix(in srgb,currentColor 3%,transparent);isolation:isolate;width:100%;height:100%;display:block;position:relative;overflow:hidden}.iml-visual>span{display:block;position:absolute;inset:0}.iml-visual i,.iml-visual b,.iml-visual em{font:inherit;margin:0;display:block;position:absolute}.iml-skeleton{border:1px solid color-mix(in srgb,currentColor 12%,transparent);background:color-mix(in srgb,currentColor 4%,transparent);overflow:hidden;inset:7%!important}.iml-skeleton i{background:color-mix(in srgb,currentColor 3%,transparent);inset:0}.iml-skeleton b{background:linear-gradient(90deg,transparent,color-mix(in srgb,currentColor 13%,transparent),transparent);filter:blur(2px);width:48%;animation:iml-skeleton var(--iml-duration) cubic-bezier(.45,0,.55,1) infinite;inset:0 auto 0 -55%}@keyframes iml-skeleton{0%,12%{opacity:0;transform:translate(0)}24%{opacity:1}72%{opacity:1}86%,to{opacity:0;transform:translate(330%)}}.iml-bands i{background:color-mix(in srgb,currentColor 72%,transparent);width:84%;height:25%;animation:iml-band var(--iml-duration) cubic-bezier(.65,0,.35,1) infinite;left:8%}.iml-bands i:first-child{transform-origin:0;top:8%}.iml-bands i:nth-child(2){transform-origin:100%;animation-delay:calc(var(--iml-duration) * -.08);top:37.5%}.iml-bands i:nth-child(3){transform-origin:0;animation-delay:calc(var(--iml-duration) * -.16);bottom:8%}.iml-bands b{opacity:.12;border:1px solid;inset:8%}@keyframes iml-band{0%,14%,to{opacity:.12;transform:scaleX(.72)}42%,76%{opacity:.82;transform:scaleX(1)}}.iml-tiles{grid-template-columns:repeat(4,1fr);gap:3%;padding:7%;display:grid!important}.iml-tiles i{background:color-mix(in srgb,currentColor 68%,transparent);width:100%;height:100%;animation:iml-tile var(--iml-duration) cubic-bezier(.65,0,.35,1) infinite;animation-delay:var(--iml-delay);border-radius:9%;position:relative}@keyframes iml-tile{0%,14%,to{opacity:.1;transform:scale(.76)}44%,76%{opacity:.72;transform:scale(1)}}.iml-scan{border:1px solid color-mix(in srgb,currentColor 25%,transparent);overflow:hidden;inset:7%!important}.iml-scan i{background:linear-gradient(135deg,color-mix(in srgb,currentColor 8%,transparent),color-mix(in srgb,currentColor 48%,transparent));clip-path:inset(100% 0 0);animation:iml-scan-fill var(--iml-duration) cubic-bezier(.65,0,.35,1) infinite;inset:0}.iml-scan b{background:color-mix(in srgb,currentColor 72%,transparent);height:1px;box-shadow:0 0 6px color-mix(in srgb,currentColor 32%,transparent);animation:iml-scan-line var(--iml-duration) cubic-bezier(.65,0,.35,1) infinite;top:0;left:0;right:0}.iml-scan em{border:1px solid color-mix(in srgb,currentColor 24%,transparent);opacity:.32;animation:iml-scan-frame var(--iml-duration) ease-in-out infinite;inset:11%}@keyframes iml-scan-fill{0%,14%,to{clip-path:inset(100% 0 0);opacity:.08}54%,78%{clip-path:inset(0);opacity:.72}}@keyframes iml-scan-line{0%,14%{opacity:0;top:0}22%{opacity:.72}54%{opacity:.72;top:calc(100% - 1px)}72%,to{opacity:0;top:calc(100% - 1px)}}@keyframes iml-scan-frame{0%,to{opacity:.1;transform:scale(.94)}54%,78%{opacity:.32;transform:scale(1)}}.iml-pixel-grid{grid-template-columns:repeat(4,1fr);gap:2%;padding:7%;display:grid!important}.iml-pixel-grid i{background:color-mix(in srgb,currentColor 66%,transparent);width:100%;height:100%;animation:iml-pixel var(--iml-duration) cubic-bezier(.65,0,.35,1) infinite;animation-delay:var(--iml-delay);position:relative}@keyframes iml-pixel{0%,14%,to{opacity:.06;transform:translate(calc((var(--iml-x) - 1.5) * 7%),calc((var(--iml-y) - 1.5) * 7%)) scale(.72);border-radius:12%}44%,76%{opacity:calc(.34 + (var(--iml-x) + var(--iml-y)) * .045);border-radius:2%;transform:translate(0)scale(1)}}.iml-resolution{background:color-mix(in srgb,currentColor 3%,transparent);grid-template-columns:repeat(6,1fr);gap:2%;padding:8%;display:grid!important}.iml-resolution i{background:color-mix(in srgb,currentColor var(--iml-tone),transparent);opacity:.1;width:100%;height:100%;animation:iml-resolution var(--iml-duration) cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--iml-delay);border-radius:16%;position:relative;transform:scale(.9)}@keyframes iml-resolution{0%,18%,to{opacity:.1;filter:blur(.35px);transform:scale(.9)}46%,70%{opacity:.82;filter:blur();transform:scale(1)}84%{opacity:.26;filter:blur();transform:scale(.96)}}.iml-focus i{animation:iml-focus var(--iml-duration) cubic-bezier(.22,1,.36,1) infinite;border:1px solid}.iml-focus i:first-child{inset:8%}.iml-focus i:nth-child(2){animation-delay:calc(var(--iml-duration) * -.07);inset:21%}.iml-focus i:nth-child(3){animation-delay:calc(var(--iml-duration) * -.14);inset:34%}.iml-focus b{animation:iml-focus-core var(--iml-duration) ease-in-out infinite;background:currentColor;inset:42%}@keyframes iml-focus{0%,14%,to{opacity:.08;filter:blur(1px);transform:scale(1.08)}46%,76%{opacity:.58;filter:blur();transform:scale(1)}}@keyframes iml-focus-core{0%,14%,to{opacity:.08;transform:scale(.72)}48%,76%{opacity:.62;transform:scale(1)}}.iml-shutter{border:1px solid color-mix(in srgb,currentColor 18%,transparent);overflow:hidden;inset:7%!important}.iml-shutter i{background:color-mix(in srgb,currentColor 64%,transparent);width:50%;animation:iml-shutter var(--iml-duration) cubic-bezier(.65,0,.35,1) infinite;top:0;bottom:0}.iml-shutter i:first-child{transform-origin:0;left:0}.iml-shutter i:nth-child(2){transform-origin:100%;right:0}.iml-shutter b{background:color-mix(in srgb,currentColor 35%,transparent);width:1px;top:0;bottom:0;left:calc(50% - .5px)}.iml-shutter em{border:1px solid color-mix(in srgb,currentColor 42%,transparent);animation:iml-shutter-mark var(--iml-duration) ease-in-out infinite;inset:13%}@keyframes iml-shutter{0%,14%,to{opacity:.1;transform:scaleX(.72)}46%,76%{opacity:.68;transform:scaleX(1)}}@keyframes iml-shutter-mark{0%,14%,to{opacity:.06;transform:scale(.94)}48%,76%{opacity:.42;transform:scale(1)}}.iml-contour i{width:35%;height:35%;animation:iml-contour var(--iml-duration) cubic-bezier(.22,1,.36,1) infinite;border-style:solid;border-color:currentColor}.iml-contour i:first-child{border-width:2px 0 0 2px;top:8%;left:8%}.iml-contour i:nth-child(2){border-width:2px 2px 0 0;top:8%;right:8%}.iml-contour i:nth-child(3){border-width:0 2px 2px 0;bottom:8%;right:8%}.iml-contour i:nth-child(4){border-width:0 0 2px 2px;bottom:8%;left:8%}.iml-contour b{background:color-mix(in srgb,currentColor 58%,transparent);animation:iml-contour-core var(--iml-duration) cubic-bezier(.65,0,.35,1) infinite;inset:24%}@keyframes iml-contour{0%,14%,to{opacity:.08;transform:scale(.86)}46%,76%{opacity:.64;transform:scale(1)}}@keyframes iml-contour-core{0%,14%,to{opacity:.04;transform:scale(.72)}48%,76%{opacity:.54;transform:scale(1)}}.iml-loader[data-paused=true] *,.iml-loader[data-paused=true] :before,.iml-loader[data-paused=true] :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.tl-loader *,.tl-loader :before,.tl-loader :after,.il-loader *,.il-loader :before,.il-loader :after,.iml-loader *,.iml-loader :before,.iml-loader :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ink:#1b1b1b;--paper:#fff7e8;--pink:#ff7eb6;--lemon:#ffe14d;--sky:#7ee0ff;--lime:#9dff8a;--lilac:#c8a6ff;--tomato:#ff5e5e;--spotify:#1ed760;--font:"Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--shadow:4px 4px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--ink);-webkit-tap-highlight-color:transparent;background:#ffd6e8}.room,.welcome{background:radial-gradient(circle at 25% 25%,#ffffff8c 0 14px,#0000 15px) 0 0/90px 90px,radial-gradient(circle at 75% 75%,#ffffff8c 0 14px,#0000 15px) 0 0/90px 90px,linear-gradient(#c8f1ff 0 72%,#ffd6e8 72% 100%);position:fixed;inset:0}.room.grooving{animation:8s linear infinite wall-hue}@keyframes wall-hue{50%{filter:hue-rotate(25deg)}}.stage{touch-action:none;position:absolute;inset:0}button,select,input{font:inherit;color:inherit}button{cursor:pointer}.big,.chip,select,.search{border:3px solid var(--ink);box-shadow:var(--shadow);background:var(--paper);border-radius:14px}.big{background:var(--lemon);padding:10px 22px;font-size:1.15rem;font-weight:800;transition:transform 80ms}.big:active,.chip:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.big.spotify{background:var(--spotify)}.big:disabled{opacity:.45;cursor:not-allowed}.chip{background:var(--paper);padding:4px 12px;font-weight:800}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;overflow-y:auto}.logo{letter-spacing:.02em;margin:0;font-size:clamp(3rem,12vw,6rem);font-weight:800;line-height:1}.logo span{color:var(--paper);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);animation:1.2s ease-in-out infinite hop;display:inline-block}.logo span:nth-child(4n+1){color:var(--pink)}.logo span:nth-child(4n+2){color:var(--lemon);animation-delay:.1s}.logo span:nth-child(4n+3){color:var(--sky);animation-delay:.2s}.logo span:nth-child(4n+4){color:var(--lime);animation-delay:.3s}@keyframes hop{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}.tagline{margin:0;font-size:1.2rem;font-weight:800}.welcome .host{flex-direction:row;align-items:center;position:static}.actions{flex-direction:column;align-items:center;gap:12px;max-width:420px;display:flex}.note{border:3px solid var(--ink);background:var(--paper);border-radius:12px;margin:0;padding:8px 12px;font-weight:600}.fine{opacity:.75;margin:0;font-size:.9rem}.topbar{top:max(10px, env(safe-area-inset-top));pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:12px}.topbar>*{pointer-events:auto}.remix-toggle{white-space:nowrap}.remix-toggle span{margin-left:3px;font-size:.65em}.remix-toggle[aria-checked=true]{color:#202126;background:#d6ff36}.remixing .row-header{pointer-events:auto;max-width:min(360px,100vw - 32px);transform:none}.remixing .row-header select{font-family:var(--comic);width:100%;max-width:100%;font-size:1.3rem}.remix-status{max-width:310px;margin-top:5px;font-family:system-ui,sans-serif;font-size:.72rem}.remix-status small{margin-top:3px;display:block}.remix-status details{max-height:120px;margin-top:5px;overflow:auto}.remix-status summary{cursor:pointer}.remix-status p{margin:6px 0}.brand{color:var(--pink);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink);margin-right:auto;font-size:1.4rem;font-weight:800}.search{width:min(220px,34vw);padding:4px 10px}select{padding:4px 6px}.host{pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(360px,70vw);display:flex;position:absolute;bottom:96px;left:12px}.host-figure{width:110px;height:178px;overflow:visible}.bubble{border:3px solid var(--ink);background:var(--paper);box-shadow:var(--shadow);border-radius:18px;padding:8px 12px;font-weight:800;animation:.35s cubic-bezier(.3,1.8,.5,1) pop;position:relative}@keyframes pop{0%{opacity:0;transform:scale(.5)rotate(-6deg)}}.hint{border:2px solid var(--ink);white-space:nowrap;pointer-events:none;background:#fff7e8d9;border-radius:999px;margin:0;padding:4px 12px;font-size:.9rem;font-weight:800;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.toast{border:3px solid var(--ink);background:var(--lemon);width:min(520px,100vw - 32px);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-weight:700;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.toast span{flex:1}.toast a{color:var(--ink);font-weight:800}.toast button{background:0 0;border:none;font-size:1.1rem}.panel{border:3px solid var(--ink);background:var(--paper);width:min(360px,40vw);box-shadow:6px 6px 0 var(--ink);border-radius:18px;flex-direction:column;animation:.4s cubic-bezier(.3,1.6,.5,1) slide-in;display:flex;position:absolute;top:64px;bottom:92px;right:12px;overflow:hidden}@keyframes slide-in{0%{transform:translate(110%)rotate(6deg)}}.panel header{border-bottom:3px solid var(--ink);background:var(--sky);justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 14px 8px;display:flex}.panel h2{margin:0;font-size:1.25rem;line-height:1.1}.panel header p{margin:2px 0 0;font-weight:600}.panel .note{margin:10px 14px 0;font-size:.9rem}.tracks{flex:1;margin:0;padding:6px 0;list-style:none;overflow-y:auto}.tracks button{text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:6px 14px;display:flex}.tracks button:hover{background:#ffe9a8}.tracks li.now button{background:var(--pink)}.tracks .num{text-align:right;width:22px;font-weight:800}.tracks .name{flex:1;min-width:0;font-weight:800;line-height:1.15}.tracks small{opacity:.7;font-weight:600;display:block}.tracks .dur{opacity:.7;font-weight:600}.track-detail{align-items:center;gap:7px;min-width:0;margin-top:3px;display:flex}.track-detail small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-mood,.focus-label .song-mood,.now-text .song-mood{letter-spacing:0;text-transform:none;opacity:.7;vertical-align:middle;border:1px solid;border-radius:4px;flex-shrink:0;width:fit-content;padding:2px 6px;font-family:inherit;font-size:10px;font-weight:500;line-height:1.2;display:inline-block}.panel footer{border-top:3px solid var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.spotify-link{color:var(--ink);font-weight:800}@media (width<=700px){.brand{display:none}.search{flex:1;width:auto;min-width:0}select{max-width:120px}.bubble{font-size:.85rem}.panel{width:auto;max-height:34vh;animation-name:slide-up;inset:auto 8px 86px}@keyframes slide-up{0%{transform:translateY(110%)}}.host{bottom:90px}.host-figure{width:76px;height:123px}.room:has(.panel) .host{display:none}.hint{white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 32px);font-size:.8rem}}.street{--ink:#111018;--paper:#fff;--pink:#ff2e93;--lemon:#ffe600;--sky:#00d0ff;--lime:#c6ff00;--lilac:#8a4dff;--orange:#ff8a1f;--font:"Baloo 2", system-ui, sans-serif;--comic:"Bangers", "Arial Black", sans-serif;--marker:"Permanent Marker", "Bangers", sans-serif;--tag:"Rubik Spray Paint", "Permanent Marker", sans-serif;--shadow:5px 5px 0 var(--ink)}.room.street,.welcome.street{background:url(/textures/street/day-clouds.svg) top/cover no-repeat,linear-gradient(#0aa8ff 0%,#34c6ff 45%,#bfefff 75%)}.room.street.grooving{animation:none}.room.street:after{content:"";pointer-events:none;background:radial-gradient(#11101829 1.2px,#0000 1.6px) 0 0/9px 9px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 55%,#000 100%);mask-image:radial-gradient(#0000 55%,#000 100%)}.street .big,.street .chip,.street select,.street .search{border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:6px}.street .big,.street .chip{font-family:var(--comic);letter-spacing:.06em;text-transform:uppercase;font-weight:400;transform:skew(-8deg)}.street .big:active,.street .chip:active{box-shadow:1px 1px 0 var(--ink);transform:skew(-8deg)translate(3px,3px)}.street .big{background:var(--lime);font-size:1.4rem}.street .big.spotify{background:var(--spotify)}.street .chip{background:var(--lemon)}.street .theme-toggle{background:var(--pink);color:#fff;-webkit-text-stroke:.6px var(--ink)}.street .search,.street select{font-family:var(--marker);background:#fff}.welcome.street .logo{font-family:var(--tag);letter-spacing:0;filter:drop-shadow(6px 6px 0 var(--ink));font-size:clamp(3.4rem,14vw,7rem);font-weight:400}.welcome.street .logo span{-webkit-text-stroke:3px var(--ink)}.welcome.street .logo span:nth-child(odd){transform:rotate(-6deg)translateY(4px)}.welcome.street .logo span:nth-child(2n){transform:rotate(5deg)translateY(-4px)}.welcome.street .logo span:nth-child(4n+1){color:var(--lime)}.welcome.street .logo span:nth-child(4n+2){color:var(--pink)}.welcome.street .logo span:nth-child(4n+3){color:var(--lemon)}.welcome.street .logo span:nth-child(4n+4){color:var(--sky)}.welcome.street .tagline{font-family:var(--marker);color:#fff;-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 var(--ink);font-size:1.15rem}.welcome.street .fine,.welcome.street .note{border:2px solid var(--ink);background:#ffffffe6;border-radius:6px;padding:4px 10px}.street .brand{font-family:var(--tag);color:var(--lime);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink);font-size:1.9rem;font-weight:400;transform:rotate(-4deg)}.street .bubble{font-family:var(--comic);letter-spacing:.03em;background:var(--lemon);border-radius:4px;font-size:1.1rem;font-weight:400;transform:rotate(-2deg)}.street .bubble:before{content:"PLAYBACK FM";color:#fff;background:var(--pink);border:2px solid var(--ink);padding:0 6px;font-size:.75rem;position:absolute;top:-14px;left:10px;transform:rotate(-3deg)}.street .hint{font-family:var(--marker);background:#fff;border-width:3px;border-radius:4px;font-weight:400;transform:translate(-50%)rotate(-1.5deg)}.street .toast{font-family:var(--marker);border-radius:6px;font-weight:400}.street .panel{box-shadow:8px 8px 0 var(--ink);border-width:4px;border-radius:6px}.street .panel header{background:var(--lime)}.street .panel h2{font-family:var(--comic);letter-spacing:.04em;font-weight:400}.street .tracks li.now button{background:var(--pink);color:#fff}.street .host-figure{filter:drop-shadow(4px 4px #11101859)}.speedlines{pointer-events:none;opacity:0;background:repeating-linear-gradient(#0000 0 23px,#fffc 23px 25px,#0000 25px 61px,#ffffff8c 61px 62px,#0000 62px 97px),linear-gradient(90deg,#0000,#ffffff40 50%,#0000);position:absolute;inset:0;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 140px,#0000 140px 260px,#000 260px 330px,#0000 330px 420px);mask-image:repeating-linear-gradient(90deg,#000 0 140px,#0000 140px 260px,#000 260px 330px,#0000 330px 420px)}@media (width<=700px){.street .theme-toggle{padding:4px 8px;font-size:.8rem}.street .bubble{font-size:.95rem}.wide-only{display:none}}.focus-label{border:3px solid var(--ink);max-width:min(440px,100vw - 32px);box-shadow:var(--shadow);text-align:center;pointer-events:none;background:#fff;border-radius:6px;padding:6px 16px 8px;animation:.3s cubic-bezier(.3,1.8,.5,1) label-pop;position:absolute;top:70px;left:50%;transform:translate(-50%)rotate(-2deg)}@keyframes label-pop{0%{opacity:0;transform:translate(-50%)rotate(-6deg)scale(.6)}}.focus-label strong,.focus-label span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.focus-label strong{font-family:var(--comic);letter-spacing:.04em;font-size:1.5rem;font-weight:400;line-height:1.1}.focus-label span{font-family:var(--marker);color:var(--pink);font-size:.9rem}.row-header{border:3px solid var(--ink);background:var(--yellow,#ffe600);max-width:min(360px,100vw - 32px);box-shadow:var(--shadow);pointer-events:none;border-radius:6px;padding:4px 14px 6px;animation:.3s cubic-bezier(.3,1.8,.5,1) label-pop;position:absolute;top:70px;left:16px;transform:rotate(-2deg)}.row-header strong,.row-header span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.row-header strong{font-family:var(--comic);letter-spacing:.04em;font-size:1.6rem;font-weight:400;line-height:1.1}.row-header span{font-family:var(--marker);font-size:.85rem}.row-arrows{flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.row-arrows button{border:3px solid var(--ink);width:48px;height:48px;box-shadow:var(--shadow);cursor:pointer;background:#fff;border-radius:50%;font-size:1.2rem}.row-arrows button:disabled{opacity:.35;cursor:default}@media (width<=700px){.street .focus-label{top:132px}.street.remixing .focus-label{top:210px}.row-arrows{top:auto;bottom:200px;transform:none}.row-arrows button{width:42px;height:42px}}.results-bar{font-family:var(--marker);pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;top:66px;left:16px;right:16px}.results-bar button{pointer-events:auto;border:3px solid var(--ink);box-shadow:var(--shadow);font-family:var(--comic);letter-spacing:.04em;cursor:pointer;background:#fff;border-radius:6px;padding:6px 14px;font-size:1.2rem}.results-bar span{background:var(--ink);color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:4px 10px;overflow:hidden}.row-header.below-results{top:122px}@media (width<=700px){.street .focus-label.below-results{top:186px}}.loading-card{border:3px solid var(--ink);color:var(--ink);box-shadow:var(--shadow);font-family:var(--marker,inherit);pointer-events:none;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:18px 26px;font-size:1.1rem;display:flex}.welcome .loading-card{margin-top:18px}.loading-card.scene-loading,.loading-card.row-loading{z-index:5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.street .loading-card{font-family:var(--comic);letter-spacing:.04em;background:#ffe600}.panel .il-loader{vertical-align:-.15em;margin-right:6px}.room.street[data-sky=sunset],.welcome.street[data-sky=sunset]{background:radial-gradient(circle 38px at var(--sun-x,26%) var(--sun-y,18%), #fff0a1 98%, transparent), url(/textures/street/sunset-clouds.svg) center top / cover no-repeat, linear-gradient(#813b80 0%, #e85982 8%, #ff9b67 18%, #ffd499 38%)}.room.street[data-sky=night],.welcome.street[data-sky=night]{background:radial-gradient(23px at 25% 14%,#fff3d2 96%,#0000),radial-gradient(1px at 18% 8%,#edf4ff 80%,#0000),radial-gradient(1.5px at 43% 19%,#edf4ff 80%,#0000),radial-gradient(1px at 65% 7%,#edf4ff 80%,#0000),radial-gradient(1px at 77% 24%,#edf4ff 80%,#0000),radial-gradient(1.5px at 87% 11%,#edf4ff 80%,#0000),radial-gradient(1px at 34% 5%,#edf4ff 80%,#0000),linear-gradient(#080e29 0%,#171b49 12%,#462954 28%,#28364e 48%)}.welcome.street[data-sky=night] .fine,.welcome.street[data-sky=night] .note{color:#f6e8ff}@media (width<=600px){.room.street[data-sky=sunset],.welcome.street[data-sky=sunset]{--sun-x:78%;--sun-y:10%}.room.street[data-sky=day],.welcome.street[data-sky=day]{background:radial-gradient(45px 14px at 72% 9%,#fff 98%,#0000),radial-gradient(23px 21px at 74% 8%,#fff 98%,#0000),radial-gradient(35px 12px at 27% 20%,#fff 98%,#0000),linear-gradient(#0aa8ff 0%,#34c6ff 45%,#bfefff 75%)}}.room:has(.panel) .bubble{display:none}.street .dj-volt{aspect-ratio:400/380;object-fit:contain;width:auto;height:396px;margin-left:-48px}@media (width<=700px){.street .dj-volt{height:274px;margin-left:-32px}.room.street .host{bottom:148px}}.topbar{z-index:5}.row-header{z-index:3}.empty-row{border:3px solid var(--ink);width:min(440px,100vw - 32px);box-shadow:var(--shadow);text-align:center;overflow-wrap:anywhere;pointer-events:none;background:#fff;padding:12px;position:absolute;left:50%;transform:translate(-50%)}.empty-row strong,.empty-row span{display:block}.empty-row strong{font-family:var(--comic);font-size:1.4rem}@media (width<=700px){.topbar{flex-wrap:wrap}.street .topbar .search{box-sizing:border-box;flex:1 0 100%;order:-1;width:100%;min-width:0}.topbar .chip{flex-shrink:0}.results-bar{top:110px}.case-actions{top:112px}}