.start-20{left:20%!important}.start-25{left:25%!important}.start-33{left:33%!important}.start-40{left:40%!important}.start-60{left:60%!important}.start-67{left:67%!important}.start-75{left:75%!important}.start-80{left:80%!important}.text-muted{color:#6c757d!important}.ur-bg-c{background-color:#b6714a!important}.col-rarity-c{border-left:10px solid #b6714a}.col-sm-rarity-c{border-left:5px solid #b6714a}.ur-color-c{color:#b6714a}.ur-bg-u{background-color:#aaa8a8!important}.col-rarity-u{border-left:10px solid #aaa8a8}.col-sm-rarity-u{border-left:5px solid #aaa8a8}.ur-color-u{color:#aaa8a8}.ur-bg-r{background-color:#fff500!important}.col-rarity-r{border-left:10px solid #fff500}.col-sm-rarity-r{border-left:5px solid #fff500}.ur-color-r{color:#fff500}.ur-bg-cr{background-color:#edae00!important}.col-rarity-cr{border-left:10px solid #edae00}.col-sm-rarity-cr{border-left:5px solid #edae00}.ur-color-cr{color:#edae00}.ur-bg-l{background-color:#9d36a6!important}.col-rarity-l{border-left:10px solid #9d36a6}.col-sm-rarity-l{border-left:5px solid #9d36a6}.ur-color-l{color:#9d36a6}.ur-bg-m{background-color:#00c2fd!important}.col-rarity-m{border-left:10px solid #00c2fd}.col-sm-rarity-m{border-left:5px solid #00c2fd}.ur-color-m{color:#00c2fd}.ur-bg-leader{background-color:#c40000!important}.col-rarity-leader{border-left:10px solid #c40000}.col-sm-rarity-leader{border-left:5px solid #c40000}.ur-color-leader{color:#c40000}.ur-bg-oculus{background-color:#000!important}.col-rarity-oculus{border-left:10px solid #000}.col-sm-rarity-oculus{border-left:5px solid #000}.ur-color-oculus{color:#000}.ur-bg-ultra{background-color:#fff500!important}.col-rarity-ultra{border-left:10px solid #fff500}.col-sm-rarity-ultra{border-left:5px solid #fff500}.ur-color-ultra{color:#fff500}.ur-bg-meteora{background-color:#06f35e!important}.col-rarity-meteora{border-left:10px solid #06f35e}.col-sm-rarity-meteora{border-left:5px solid #06f35e}.ur-color-meteora{color:#06f35e}.ur-bg-yellow{background-color:#ffd000!important}.ur-bg-normal{background-color:#12686c!important}.ur-color-normal{color:#12686c}.ur-bg-prismatic{background-color:#aecee0!important}.ur-color-prismatic{color:#aecee0}.ur-bg-immortal{background-color:#9fc8a6!important}.ur-color-immortal{color:#9fc8a6}.jukebox{display:grid;gap:22px;padding-block:10px 22px;color:#fff;font-family:Montserrat,Arial,sans-serif}.jukebox button{font-family:inherit}.jb-panel{min-width:0;padding:16px;border:4px solid #2b2f35;border-radius:.75rem;outline:4px solid #000;background:#16181b;color:#fff;box-shadow:5px 5px 0 4px rgba(0,0,0,.3)}.jb-deck{position:relative;display:grid;grid-template-columns:350px minmax(0,1fr);gap:30px;-ms-flex-align:center;align-items:center;padding:26px;overflow:hidden;isolation:isolate;background:none}.jb-deck:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(0,0,0,.42) 1.2px,transparent 1.5px) 0 0/7px 7px,linear-gradient(90deg,rgba(5,13,20,.93),rgba(5,13,20,.84) 62%,rgba(5,13,20,.5))}.jb-turntable{position:relative;width:100%;max-width:350px;aspect-ratio:350/278;justify-self:center}.jb-slot{position:absolute;top:2%;right:0;height:96%;aspect-ratio:1;transform:translateX(-13%);transition:transform .6s cubic-bezier(.3,1.25,.6,1)}.is-playing .jb-slot{transform:none}.jb-record{background:repeating-radial-gradient(circle,#df5800 0 2px,#ca3400 2px 3px);box-shadow:4px 5px 10px rgba(0,0,0,.6);animation:jb-spin 2.6s linear infinite paused}.jb-record,.jb-record:before{position:absolute;inset:0;border-radius:50%}.jb-record:before{content:"";background:conic-gradient(from 20deg,transparent 0 11%,rgba(255,214,160,.42) 15%,transparent 21% 58%,rgba(255,214,160,.3) 64%,transparent 70%)}.is-playing .jb-record{animation-play-state:running}.jb-label{position:absolute;inset:33%;border:2px solid #5c1c00;border-radius:50%;background:#111 center 30%/240%}.jb-label:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border:2px solid #000;border-radius:50%;background:#0b0c0e}@keyframes jb-spin{to{transform:rotate(1turn)}}.jb-sleeve{position:absolute;left:0;top:0;width:auto;height:100%;aspect-ratio:1;border:3px solid #000;border-radius:3px;object-fit:cover;box-shadow:6px 6px 0 rgba(0,0,0,.55)}.jb-burst{position:absolute;left:-3%;top:-6%;z-index:2;padding:16px 20px;background:#ffc400;color:#111;font:400 1.25rem/1 Komika,Arial,sans-serif;opacity:0;pointer-events:none;clip-path:polygon(50% 0,60% 17%,80% 7%,79% 28%,100% 30%,86% 48%,100% 68%,78% 70%,80% 93%,60% 81%,50% 100%,40% 81%,20% 93%,22% 70%,0 68%,14% 48%,0 30%,21% 28%,20% 7%,40% 17%)}.jb-burst.go{animation:jb-burst .85s ease-out}@keyframes jb-burst{0%{opacity:0;transform:scale(.2) rotate(-18deg)}25%{opacity:1;transform:scale(1.1) rotate(-8deg)}70%{opacity:1;transform:scale(1) rotate(-8deg)}to{opacity:0;transform:scale(1.1) rotate(-8deg)}}.jb-now{display:grid;gap:12px;min-width:0}.jb-now-head{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;gap:6px 16px}.jb-title{font-family:Komika,Arial,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.1;overflow-wrap:anywhere;margin:0;color:#ffc400;line-height:1;text-shadow:3px 3px 0 #000}.jb-title-sm{font-size:1.6rem}.jb-sub{margin:4px 0 0;color:#e8eaed;font-size:.86rem}.jb-by,.jb-sub{font-weight:700}.jb-by{margin:2px 0 0;color:#35dbe6;font-size:.76rem}.jb-chip{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;max-width:100%;padding:3px 11px 3px 7px;border:2px solid #000;border-radius:30px;background:#0f1113;color:#fff;font:700 .76rem/1.25 Montserrat,Arial,sans-serif;padding-left:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.jb-now-track{min-width:0}.jb-now-track h2{margin:0;font:700 22px/1.2 Montserrat,Arial,sans-serif;overflow-wrap:anywhere;text-wrap:balance}.jb-now-track p{margin:2px 0 0;color:#c6cace;font-size:.84rem;font-weight:600}.jb-wave{display:block;width:100%;height:92px;border-radius:4px;cursor:pointer}.jb-times{-ms-flex-pack:justify;justify-content:space-between;color:#e8eaed;font:700 .76rem Montserrat,Arial,sans-serif;font-variant-numeric:tabular-nums}.jb-source,.jb-times{display:-ms-flexbox;display:flex}.jb-source{-ms-flex-direction:column;flex-direction:column;gap:6px;margin-top:12px;font:700 .72rem Montserrat,Arial,sans-serif}.jb-source a{color:#e8eaed;text-decoration:none}.jb-source a:focus-visible,.jb-source a:hover{color:#ff7a1a}.jb-sc{display:none}.jb-sc.on{display:block}.jb-sc iframe{display:block;width:100%;height:20px;border:0}.jb-ctrls{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:10px}.jb-spacer{-ms-flex:1;flex:1}.jb-round{position:relative;display:inline-grid;-ms-flex:none;flex:none;place-items:center;width:42px;height:42px;padding:0;border:3px solid #000;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:.95rem;box-shadow:3px 3px 0 rgba(0,0,0,.6);cursor:pointer;transition:transform .15s}.jb-round:hover{transform:translate(-1px,-2px)}.jb-round.on{background:#fff;color:#111}.jb-badge{position:absolute;right:-5px;bottom:-5px;min-width:17px;height:17px;border:2px solid #000;border-radius:9px;background:#ffc400;color:#111;font:700 .6rem/13px Montserrat,Arial,sans-serif;text-align:center}.jb-play{width:62px;height:62px;background:#ffc400;color:#3a2500;font-size:1.35rem;position:relative;overflow:hidden}.jb-play:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,hsla(0,0%,100%,.75) 50%,transparent 65%);transform:translateX(-120%);animation:ur-sweep 3.8s ease-in-out infinite;pointer-events:none}@media (prefers-reduced-motion:reduce){.jb-play:after{animation:none}}.is-playing .jb-play:after{animation:none}.jb-act{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:8px;max-width:100%;padding:6px 16px;border:3px solid #000;border-radius:30px;background:#fff;color:#111;font:700 .84rem/1.2 Montserrat,Arial,sans-serif;text-align:center;text-decoration:none;box-shadow:3px 3px 0 rgba(0,0,0,.6);cursor:pointer;transition:transform .15s;background:rgba(0,0,0,.6);color:#fff}.jb-act:focus-visible,.jb-act:hover{color:#111;transform:translate(-1px,-2px)}.jb-act.disabled,.jb-act:disabled{opacity:.5;cursor:not-allowed;transform:none}.jb-act:focus-visible,.jb-act:hover{color:#fff}.jb-act{padding:7px 14px;font-size:.8rem}.jb-heart-big{padding:7px 14px;border:3px solid #000;border-radius:30px;background:rgba(0,0,0,.6);color:#fff;box-shadow:3px 3px 0 rgba(0,0,0,.6)}.jb-moods{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-bottom:14px}.jb-pill{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;max-width:100%;padding:4px 12px;border:2px solid #000;border-radius:30px;background:#0f1113;color:#ddd;font:700 .76rem/1.25 Montserrat,Arial,sans-serif;cursor:pointer}.jb-pill:hover{color:#fff}.jb-pill{padding:5px 13px;font-size:.78rem;box-shadow:2px 2px 0 rgba(0,0,0,.6)}.jb-pill em{color:#9aa0a6;font-style:normal;font-variant-numeric:tabular-nums}.jb-pill.on{background:#fff;color:#111}.jb-pill.on em{color:#555}.jb-list-panel{padding:16px}.jb-tools{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:10px 14px;margin-bottom:12px}.jb-tools h2{-ms-flex:1 1 200px;flex:1 1 200px;margin:0;font:700 22px/1.2 Montserrat,Arial,sans-serif}.jb-search{display:-ms-flexbox;display:flex;-ms-flex:0 1 300px;flex:0 1 300px;-ms-flex-align:center;align-items:center;gap:8px;min-width:0;margin:0;padding:7px 14px;border:2px solid #e620ea;border-radius:30px;background:#0f1113}.jb-search:focus-within{box-shadow:0 0 0 3px rgba(230,32,234,.3)}.jb-search i{color:#9aa0a6;font-size:.84rem}.jb-search input{width:100%;min-width:0;border:0;outline:0;background:none;color:#fff;font:600 .86rem Montserrat,Arial,sans-serif}.jb-search input::-webkit-input-placeholder{color:#8a8f96}.jb-search input::-moz-placeholder{color:#8a8f96}.jb-search input:-ms-input-placeholder,.jb-search input::-ms-input-placeholder{color:#8a8f96}.jb-search input::placeholder{color:#8a8f96}.jb-cols,.jb-track{display:grid;grid-template-columns:26px 44px minmax(0,1.05fr) minmax(0,1fr) 54px 64px;gap:12px;-ms-flex-align:center;align-items:center}.jb-cols{padding:0 12px 6px}.jb-cols button{padding:0;border:0;background:none;color:#9aa0a6;font:700 .68rem Montserrat,Arial,sans-serif;letter-spacing:.05em;text-align:left;text-transform:uppercase;cursor:pointer}.jb-cols button.on{color:#ffc400}.jb-cols button.on:after{content:attr(data-direction);margin-left:4px}.jb-tracks{display:grid;gap:7px;margin:0;padding:0;list-style:none}.jb-track{padding:7px 12px;border:2px solid #000;border-radius:.5rem;background:#1d1f22}.jb-track:hover{background:#24272b}.jb-track.cur{border-color:#ffc400;background:#24211a}.jb-num{color:#9aa0a6;font:700 .8rem Montserrat,Arial,sans-serif;font-variant-numeric:tabular-nums;text-align:center}.cur .jb-num b,.jb-eq{display:none}.jb-eq{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center;gap:2px;height:16px}.cur .jb-eq{display:-ms-flexbox;display:flex}.jb-eq i{width:3px;height:100%;background:#ffc400;transform:scaleY(.35);transform-origin:bottom}.is-playing .cur .jb-eq i{animation:jb-eq .8s ease-in-out infinite alternate}.jb-eq i:nth-child(2){animation-delay:-.5s}.jb-eq i:nth-child(3){animation-delay:-.25s}@keyframes jb-eq{to{transform:scaleY(1)}}.jb-cover{position:relative;width:44px;height:44px;padding:0;overflow:hidden;border:2px solid #000;border-radius:50%;background:none;cursor:pointer}.jb-cover:before{content:"";position:absolute;inset:0;background:conic-gradient(from 20deg,transparent 0 11%,rgba(255,214,160,.5) 15%,transparent 21% 58%,rgba(255,214,160,.35) 64%,transparent 70%),radial-gradient(circle,#16181b 0 13%,#df5800 14% 100%);animation:jb-spin 2.6s linear infinite paused}.is-playing .cur .jb-cover:before{animation-play-state:running}.jb-cover i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.45);color:#fff;font-size:.86rem;opacity:0;transition:opacity .15s}.cur .jb-cover i,.jb-cover:focus-visible i,.jb-cover:hover i{opacity:1}.jb-track-title{min-width:0;padding:0;border:0;background:none;color:#fff;text-align:left;cursor:pointer}.jb-track-title b{display:block;font:700 .92rem/1.25 Montserrat,Arial,sans-serif;overflow-wrap:anywhere}.cur .jb-track-title b{color:#ffc400}.jb-track-title small{display:block;margin-top:1px;color:#9aa0a6;font:600 .74rem/1.25 Montserrat,Arial,sans-serif;overflow-wrap:anywhere}.jb-mini-wave{display:block;width:100%;height:34px;cursor:pointer}.jb-dur{color:#c6cace;font:700 .8rem Montserrat,Arial,sans-serif;font-variant-numeric:tabular-nums}.jb-empty{padding:26px 12px;text-align:center}.jb-empty,.jb-hint{color:#9aa0a6;font-weight:600}.jb-hint{margin:10px 2px 0;font-size:.74rem}.jb-hint kbd{padding:0 5px;border:1px solid #3a3f46;border-radius:4px;background:#0f1113;color:#e8eaed;font:700 .7rem Montserrat,Arial,sans-serif}.jb-bar{position:fixed;left:0;right:0;bottom:0;z-index:1030;padding-bottom:env(safe-area-inset-bottom,0);border-top:4px solid #000;background:#101214;color:#fff;transform:translateY(110%);transition:transform .25s}.jb-bar.show{transform:none}.jb-bar .jb-round{width:36px;height:36px;font-size:.8rem}.jb-bar .jb-play{width:44px;height:44px;font-size:.95rem}.jb-bar-prog{display:block;width:100%;height:6px;padding:0;border:0;background:#33373d;cursor:pointer}.jb-bar-prog i{display:block;height:100%;background:#ffc400;transform:scaleX(0);transform-origin:left}.jb-bar-in{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding-block:8px}.jb-bar-in img{-ms-flex:none;flex:none;width:42px;height:42px;border:2px solid #000;border-radius:.35rem;object-fit:cover}.jb-bar-title{-ms-flex:1;flex:1;min-width:0}.jb-bar-title b{display:block;overflow:hidden;font:700 .86rem/1.2 Montserrat,Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}.jb-bar-title small{color:#9aa0a6;font:700 .72rem Montserrat,Arial,sans-serif;font-variant-numeric:tabular-nums}.jb-vol{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;width:130px}.jb-vol button{width:22px;padding:0;border:0;background:none;color:#c6cace;cursor:pointer}.jb-vol input{width:100%;accent-color:#ffc400}.jb-toast{position:fixed;left:50%;bottom:96px;z-index:1060;width:min(440px,100vw - 32px);padding:10px 16px;border:3px solid #000;border-radius:.6rem;background:#fff;color:#111;font:700 .82rem/1.35 Montserrat,Arial,sans-serif;box-shadow:4px 4px 0 rgba(0,0,0,.6);opacity:0;overflow-wrap:anywhere;pointer-events:none;transform:translate(-50%,18px);transition:transform .2s,opacity .2s}.jb-toast.show{opacity:1;transform:translate(-50%)}body.jb-is-playing{padding-bottom:80px}.jb-mini-body{margin:0;padding-inline:max(12px,env(safe-area-inset-left,0)) max(12px,env(safe-area-inset-right,0));background:#0b0c0e url(/img/v3/jukebox/page-bg.webp) 50%/cover fixed}.jb-mini{gap:12px;padding-block:12px}.jb-mini .jb-deck{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}.jb-mini .jb-turntable{max-width:230px}.jb-mini .jb-wave{height:64px}.jb-mini .jb-track{grid-template-columns:44px minmax(0,1fr) 44px;gap:9px;padding-inline:8px}.jb-mini .jb-mini-wave,.jb-mini .jb-num{display:none}.jb-vol-mini{width:100%;max-width:260px;justify-self:center}.jb-tracks-mini{max-height:40vh;overflow-y:auto}@media (max-width:820px){.jb-cols,.jb-track{grid-template-columns:22px 44px minmax(0,1fr) 44px 54px;gap:9px}.jb-c-wave,.jb-track .jb-mini-wave{display:none}.jb-deck{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px}.jb-turntable{max-width:280px}.jb-wave{height:72px}.jb-bar .jb-mini-btn,.jb-bar .jb-vol{display:none}}@media (max-width:480px){.jb-cols,.jb-track{grid-template-columns:44px minmax(0,1fr) 54px;padding-inline:8px}.jb-c-dur,.jb-c-num,.jb-track .jb-dur,.jb-track .jb-num{display:none}.jb-search{-ms-flex:1 1 100%;flex:1 1 100%}.jb-ctrls{-ms-flex-pack:center;justify-content:center}.jb-spacer{display:none}}@media (prefers-reduced-motion:reduce){.jb-burst.go,.jb-cover:before,.jb-eq i,.jb-record{animation:none!important}}