.track-list{gap:0;min-width:0;display:grid}.track-row{color:#e5e7d9;border-bottom:1px solid #93a18b24;border-radius:4px;align-items:center;gap:12px;min-width:0;min-height:72px;padding:10px 8px;display:flex}.track-row:hover{background:#a4b58c0a}.track-row.playing{background:#a4b58c14}.track-row.playing .track-identity>strong{color:#c6dba2}.track-leading{color:#98a78e;flex:0 0 32px;place-items:center;font:12px ui-monospace,monospace;display:grid}.track-leading input{accent-color:#c4d39b;cursor:pointer;width:20px;height:20px}.sheet .track-row button.track-play{color:#d6e1c2;width:32px;height:36px;min-height:36px;box-shadow:none;background:0 0;border:0;border-radius:50%;padding:0;font:13px system-ui,sans-serif}.sheet .track-row button.track-play:hover{color:#203629;background:#c8db9f;transform:none}.track-cover{object-fit:cover;border-radius:3px;flex-shrink:0;width:44px;height:44px;box-shadow:0 2px 6px #0003}.track-identity{flex:1;gap:4px;min-width:0;display:grid}.track-identity>strong{text-overflow:ellipsis;white-space:nowrap;font:600 13px/1.35 system-ui,sans-serif;display:block;overflow:hidden}.track-identity>span{color:#a5b29c;white-space:nowrap;text-overflow:ellipsis;font:11px/1.35 system-ui,sans-serif;overflow:hidden}.track-meta{text-align:right;color:#a8b79d;white-space:pre-line;flex:0 0 62px;font:10px/1.5 ui-monospace,monospace}.track-badge-label{text-align:right;color:#c9c49b;flex:0 0 50px;font:11px ui-monospace,monospace}.track-row.mine .track-badge-label{color:#e0c58b}.track-details{color:#a5b29c;font:10px/1.5 system-ui,sans-serif}.track-details summary{cursor:pointer;width:-moz-fit-content;width:fit-content}.track-details p{color:#c4cdb6!important;margin:6px 0 0!important;font:11px/1.5 system-ui,sans-serif!important}.track-list.compact .track-row{gap:9px;min-height:58px;padding:7px 0}.track-list.compact .track-cover{aspect-ratio:1;width:36px;max-width:none;height:36px;margin:0}.track-list.compact .track-leading{flex-basis:24px}.track-list.compact .track-identity>strong{font-size:12px}@media (max-width:480px){.track-row{gap:8px;padding-inline:0}.track-cover{width:40px;height:40px}.track-meta{flex-basis:52px;font-size:9px}.track-badge-label{flex-basis:34px;font-size:10px}.track-identity>strong{font-size:12px}}@media (pointer:coarse){.track-leading{flex-basis:40px}.sheet .track-row button.track-play{width:40px;min-height:44px}}.gear-tier{border-left:4px solid var(--tier);color:var(--tier);padding:3px 7px;font:700 11px/1.5 monospace;display:inline-block}.gear-condition{color:#d1c8b5;font:11px/1.5 monospace}.gear-care-line{margin:8px 0 12px}.gear-care-note{color:#e7ad61;font-size:13px;line-height:1.5}.repair-sheet>p{color:#c4d1c7;line-height:1.6}.repair-sheet .repair-policy,.repair-message{color:#e7ad61}.repair-row{border-top:1px solid #60736c66;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.repair-row strong{margin-bottom:4px;display:block}.repair-row button{flex-shrink:0;min-height:44px}.repair-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.repair-sheet button:disabled{opacity:.5}.sheet.release-sheet{color:#e7dfc9;background:radial-gradient(at 22% 36%,#34534b 0,#0000 52%),#18252a;border:1px solid #71877b;border-radius:16px;width:min(940px,100vw - 28px);max-height:92dvh;padding:22px 28px;box-shadow:0 30px 100px #0009}.sheet.release-sheet:before{display:none}.release-topline{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.release-topline>span{letter-spacing:3px;color:#a8b7a8;font:700 12px monospace}.release-topline .x{background:0 0;border-color:#60736c}.release-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:30px;display:grid}.release-art-stage{isolation:isolate;perspective:800px;height:330px;position:relative}.release-halo{background:radial-gradient(#e7ad6120,#0000 68%);border-radius:50%;transition:transform 1.3s;position:absolute;inset:20px -30px;transform:scale(.7)}.release-sleeve{z-index:2;opacity:0;width:235px;height:235px;transition:transform .75s cubic-bezier(.2,.8,.2,1.2),opacity .45s;position:absolute;top:40px;left:calc(50% - 130px);transform:translateY(35px)rotate(-9deg)scale(.87);box-shadow:7px 12px 24px #0007}.release-sleeve img{border:1px solid #e7dfc944;width:100%;height:100%;display:block}.release-stamp{color:#e7dfc9;letter-spacing:2px;background:#20272b9c;border:3px double #e7dfc9;padding:5px 9px;font:900 13px monospace;position:absolute;bottom:65px;left:15px;transform:rotate(-12deg)}.release-vinyl{opacity:0;background:repeating-radial-gradient(circle,#111719 0 2px,#253133 3px 4px);border-radius:50%;width:210px;height:210px;transition:opacity .4s,transform 1.2s cubic-bezier(.2,.8,.2,1);position:absolute;top:52px;left:calc(50% - 95px);transform:translate(-20px)rotate(-60deg);box-shadow:6px 10px 22px #0006}.release-vinyl i{background:#e7ad61;border:12px solid #639f96;border-radius:50%;position:absolute;inset:35%}.release-vinyl i:after{content:"";background:#18252a;border-radius:50%;position:absolute;inset:39%}.release-cassette{z-index:3;opacity:0;background:linear-gradient(130deg,#394447,#20272b);border:5px solid #101a1d;border-radius:12px;width:235px;height:148px;transition:opacity .4s,transform 1s cubic-bezier(.2,.8,.2,1.15);position:absolute;top:160px;left:calc(50% - 90px);transform:translateY(70px)rotate(12deg);box-shadow:6px 14px 22px #0007}.cassette-label{color:#20272b;letter-spacing:1px;text-align:center;background:#e7ad61;margin:12px 12px 6px;padding:5px;font:800 10px monospace}.cassette-window{background:#080e10;border-radius:30px;justify-content:space-between;align-items:center;height:48px;margin:0 18px;padding:0 14px;display:flex;position:relative}.cassette-window i{background:#604534;border:6px dashed #e7dfc9;border-radius:50%;width:31px;height:31px}.cassette-window span{background:#604534;border:3px solid #394447;width:42px;height:22px}.cassette-base{clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);background:#394447;width:56%;height:23px;position:absolute;bottom:0;left:22%}.release-sheet:not([data-phase="0"]) .release-sleeve{opacity:1;transform:translateY(0)rotate(-5deg)scale(1)}.release-sheet:not([data-phase="0"]) .release-vinyl{opacity:1;transform:translate(65px)rotate(35deg)}.release-sheet:not([data-phase="0"]) .release-cassette{opacity:1;transform:translateY(0)rotate(8deg)}.release-sheet:not([data-phase="0"]) .release-halo{transform:scale(1.3)}.release-sheet:not([data-phase="0"]) .cassette-window i{animation:1.3s linear 3 tape-reel}.release-rings{opacity:0;border:1px solid #e7ad61;border-radius:50%;width:220px;height:220px;position:absolute;top:55px;left:calc(50% - 110px)}.release-sheet[data-phase="2"] .release-rings{animation:1s ease-out release-wave}.release-particles{z-index:4;pointer-events:none;position:absolute;top:50%;left:50%}.release-particles i{opacity:0;background:#e7ad61;width:5px;height:10px;position:absolute}.release-particles i:nth-child(3n){background:#639f96}.release-particles i:nth-child(3n+1){background:#e7dfc9}.release-sheet[data-phase="2"] .release-particles i{animation:.9s ease-out both release-burst}.release-kicker{color:#e7ad61;letter-spacing:1px;text-transform:uppercase;min-height:16px;margin:0 0 8px;font:700 11px/1.4 monospace}.release-story h2{letter-spacing:-1px;overflow-wrap:anywhere;margin:0 0 10px;font:800 clamp(24px,3vw,38px)/1.1 system-ui,sans-serif}.release-story h3{color:#c6d2c7;margin:0 0 14px;font:500 16px/1.4 system-ui,sans-serif}.release-reveal{opacity:0;pointer-events:none;transition:opacity .45s,transform .45s;transform:translateY(10px)}.release-reveal.revealed{opacity:1;pointer-events:auto;transform:none}.release-reaction blockquote{margin:0;font:600 17px/1.45 system-ui,sans-serif}.release-reaction p{color:#a9c5b8;margin:6px 0 12px;font-size:12px}.release-reaction p.release-repeat{color:#c5b991}.release-chart-arrival{flex-wrap:wrap;align-items:baseline;gap:8px 12px;padding:10px 0;display:flex}.release-chart-arrival>span{color:#91a59c;letter-spacing:2px;flex-basis:100%;font:700 10px monospace}.release-chart-arrival>strong{color:#e7ad61;letter-spacing:-2px;font:900 52px/1 system-ui,sans-serif}.release-chart-arrival small{color:#b4c1b6;font-size:12px}.release-chart-arrival>strong.release-stars{letter-spacing:3px;font-size:33px}.release-stars span{color:#60736c}.release-rewards{border-top:1px solid #60736c66;gap:28px;padding-top:12px;display:flex}.release-rewards small{letter-spacing:1px;color:#a8b7a8;margin-bottom:5px;font:700 10px monospace;display:block}.release-rewards strong{color:#e7ad61;font:800 27px/1.2 system-ui,sans-serif}.release-rewards>div+div strong{color:#9bc8b8}.release-milestones{gap:8px;margin-top:16px;display:grid}.release-milestones:empty{margin:0}.release-milestone{background:#30444088;border:1px solid #639f9680;border-radius:8px;align-items:center;gap:14px;padding:12px 16px;display:flex}.release-milestone .milestone-icon{color:#e7ad61;font-size:32px}.release-milestone div{flex-direction:column;gap:3px;display:flex}.release-milestone small{color:#a8b7a8;letter-spacing:2px;font:700 10px monospace}.release-milestone strong{font-size:17px}.release-milestone div>span{color:#bdd1cc;font-size:12px}.release-milestone.studio-unlock{background:linear-gradient(100deg,#b6995826,#0000);border-color:#e7ad61}.release-details{border-top:1px solid #60736c66;margin-top:16px;padding:10px 0;font-size:13px}.release-details summary{cursor:pointer;color:#a8b7a8;padding:6px 0}.release-details h3{color:#e7ad61;margin:14px 0 8px;font:700 12px monospace}.release-details li{overflow-wrap:anywhere;padding:3px 0}.release-details li span{color:#a8b7a8;margin-left:6px}.release-details .mine{color:#e7ad61;font-weight:700}.release-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.release-actions button{background:#304440;border:1px solid #60736c;font-size:13px}.release-actions button.on{color:#20272b;background:#e7ad61}.release-playback{justify-content:flex-end;margin:10px 0 4px;display:flex}.release-playback button{color:#c4d1c1;background:0 0;border:1px solid #60736c66;min-height:44px;padding:8px 12px;font:13px/1.4 system-ui,sans-serif}.release-actions [hidden]{display:none!important}.release-sheet .keyhint{color:#91a59c}@keyframes tape-reel{to{transform:rotate(360deg)}}@keyframes release-wave{0%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(1.9)}}@keyframes release-burst{0%{opacity:0;transform:rotate(var(--angle)) translateY(25px)}20%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(var(--travel)) rotate(120deg)}}@media (max-width:650px){.sheet.release-sheet{width:calc(100vw - 18px);max-height:94dvh;padding:14px 18px}.release-layout{grid-template-columns:1fr;gap:4px}.release-art-stage{height:218px}.release-sleeve{width:168px;height:168px;top:12px;left:calc(50% - 110px)}.release-vinyl{width:154px;height:154px;top:18px;left:calc(50% - 85px)}.release-cassette{width:187px;height:119px;top:87px;left:calc(50% - 65px)}.cassette-window{height:36px;padding:0 10px}.cassette-window i{border-width:5px;width:25px;height:25px}.cassette-label{margin:8px 9px 5px;font-size:8px}.cassette-base{height:18px}.release-stamp{font-size:9px;bottom:45px}.release-story h2{font-size:27px}.release-story h3{margin-bottom:10px}.release-chart-arrival>strong{font-size:40px}.release-actions button{flex:1;min-height:44px;line-height:1.3}.release-reaction blockquote{font-size:15px}}@media (prefers-reduced-motion:reduce){.release-sheet *,.release-sheet :before,.release-sheet :after{transition:none!important;animation:none!important}}.release-session-note{color:#d2c9b7;margin:12px 0 0;font:13px/1.5 system-ui,sans-serif}