.tr{--tr-walnut-1:#4a3326;--tr-walnut-2:#3a281e;--tr-walnut-3:#2a1c15;--tr-walnut-edge:#1e140f;--tr-alu-1:#e9e6e1;--tr-alu-2:#b9b4ac;--tr-alu-3:#8e8880;--tr-vinyl:#121010;--tr-vinyl-2:#1b1816;--tr-label:#7e2a30;--tr-label-2:#6a2228;--tr-foil:#e8cf9b;--tr-foil-2:#c9a66a;--tr-gold:#c9a15a;--tr-gold-hi:#f1ddb0;--tr-gold-lo:#7c5f2e;padding-top:28px;padding-bottom:96px}.tr-layout{gap:8px;display:grid}@media (width>=920px){.tr{padding-top:44px}.tr-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start;gap:64px}.tr-deck{position:sticky;top:84px}}.tr-date{font-family:var(--latin);letter-spacing:.16em;color:var(--muted);min-height:1.4em;font-size:13px;font-weight:500}.tr-head h1{font-family:var(--latin);letter-spacing:.08em;margin:2px 0 6px;font-size:clamp(26px,7.5vw,32px);font-weight:500;line-height:1.2}.tr-lede{color:var(--muted);margin:0;font-size:14px}.tr-deck{margin-top:20px}.tr-player{aspect-ratio:340/312;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg, #fff0dc1a, #fff0dc00 18%, #0000 70%, #00000038), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='312'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.012 0.42' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 0.12  0 0 0 0 0.07  0 0 0 0 0.04  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>") 0 0 / 100% 100%, repeating-linear-gradient(91deg, #00000012 0 1px, transparent 1px 6px, #ffdcb40a 6px 7px, transparent 7px 15px), linear-gradient(100deg, var(--tr-walnut-1), var(--tr-walnut-2) 45%, var(--tr-walnut-1) 70%, var(--tr-walnut-3));width:100%;max-width:480px;box-shadow:inset 0 1px 0 #ffebd22e, inset 0 -2px 0 #00000059, 0 7px 0 var(--tr-walnut-edge), 0 8px 0 #00000059, 0 34px 50px -24px #1e120abf, 0 16px 24px -16px #1e120a80;border-radius:18px;margin:24px auto 0;animation:.7s cubic-bezier(.2,.8,.2,1) both tr-deck-in;position:relative}@keyframes tr-deck-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tr-badge{font-family:var(--latin);letter-spacing:.02em;color:#3a2814;background:linear-gradient(180deg, var(--tr-gold-hi), var(--tr-gold) 55%, var(--tr-gold-lo));border-radius:3px;padding:2px 9px 3px;font-size:clamp(11px,3.2vw,13px);font-style:italic;font-weight:500;line-height:1.5;position:absolute;top:4.2%;left:4.4%;box-shadow:0 1px #0006,inset 0 1px #ffffff80}.tr-record{aspect-ratio:1;touch-action:none;cursor:grab;outline-offset:6px;border-radius:50%;width:75.29%;position:absolute;top:7.05%;left:6.47%;box-shadow:0 10px 18px -6px #0009,0 0 0 1px #0006}.tr-record:active{cursor:grabbing}.tr-record[aria-disabled=true]{cursor:default}.tr-disc{will-change:transform;border-radius:50%;position:absolute;inset:0}.tr-platter{background:repeating-conic-gradient(from 0deg, #282420d9 0 1.1deg, transparent 1.1deg 2.6deg), conic-gradient(from 30deg, var(--tr-alu-1), var(--tr-alu-2) 25%, var(--tr-alu-1) 50%, var(--tr-alu-3) 75%, var(--tr-alu-1));border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 0 95.4%,#000 95.6%);mask:radial-gradient(circle closest-side,#0000 0 95.4%,#000 95.6%)}.tr-platter2{background:repeating-conic-gradient(from 1.3deg, #282420d9 0 1.1deg, transparent 1.1deg 2.6deg);opacity:.8;border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 0 97.6%,#000 97.8% 99.2%,#0000 99.4%);mask:radial-gradient(circle closest-side,#0000 0 97.6%,#000 97.8% 99.2%,#0000 99.4%)}.tr-platter-rim{pointer-events:none;background:radial-gradient(circle closest-side,#0000 0 95.6%,#e9e6e1f2 95.7% 96.2%,#0000 96.3% 97.6%,#e9e6e1f2 97.7% 97.8%,#0000 97.9%);border-radius:50%;position:absolute;inset:0}.tr-vinyl{border-radius:50%;position:absolute;inset:4.6%;box-shadow:0 3px 8px #0000008c}.tr-grooves{background:radial-gradient(circle closest-side, transparent 0 44%, #0c0b0a 44.2% 46.4%, transparent 46.6% 97.6%, #191615 97.8% 99.2%, #2a2622 99.4%), repeating-radial-gradient(circle, var(--tr-vinyl) 0 .8px, var(--tr-vinyl-2) .8px 1.6px, #151312 1.6px 2.3px);border-radius:50%;position:absolute;inset:0}.tr-tracks{pointer-events:none;border-radius:50%;position:absolute;inset:0}.tr-vinyl.drop{animation:.75s cubic-bezier(.2,.8,.2,1) .15s both tr-drop}@keyframes tr-drop{0%{filter:drop-shadow(0 22px 18px #00000080);opacity:0;transform:scale(1.06)}60%{opacity:1}to{filter:drop-shadow(0 0 #0000);transform:scale(1)}}.tr-sheen{pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 200deg, transparent 0 4%, #fffaf033 9%, #fffaf00d 13%, transparent 17% 50%, #fffaf024 59%, #fffaf008 63%, transparent 67%), radial-gradient(circle at 30% 25%, #c8d7ff0f, transparent 60%);border-radius:50%;position:absolute;inset:4.6%;-webkit-mask:radial-gradient(circle closest-side,#0000 0 45%,#000 46%);mask:radial-gradient(circle closest-side,#0000 0 45%,#000 46%)}.tr-label{aspect-ratio:1;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>") 0 0 / 100% 100%, radial-gradient(circle at 40% 35%, var(--tr-label), var(--tr-label-2));width:46%;color:var(--tr-foil);text-align:center;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #00000040}.tr-label:before{content:"";border:.8px solid #e8cf9b73;border-radius:50%;position:absolute;inset:9%}.tr-rim{width:100%;height:100%;position:absolute;inset:0}.tr-rim text{font-family:var(--latin);letter-spacing:.32em;fill:#e8cf9bbf;font-size:6.4px}.tr-face{grid-template-rows:minmax(0,1fr) 20px minmax(0,1fr);justify-items:center;width:66%;height:66%;transition:opacity .35s;display:grid;position:relative}.tr-top{flex-direction:column;align-self:end;align-items:center;gap:1px;max-width:100%;display:flex}.tr-bot{grid-row:3;align-self:start}.tr-who{letter-spacing:.08em;opacity:.9;white-space:nowrap;font-size:clamp(8px,2.2vw,10px);font-weight:700}.tr-ttl,.tr-brand{background:linear-gradient(180deg, #f6e3b6, var(--tr-foil) 45%, var(--tr-foil-2));color:#0000;-webkit-background-clip:text;background-clip:text}.tr-ttl{font-family:var(--mincho);word-break:keep-all;text-wrap:balance;font-size:clamp(12.5px,3.9vw,16px);font-weight:800;line-height:1.28}.tr-ttl .nbw{white-space:nowrap}.tr-ttl.long{font-size:clamp(11px,3.2vw,13.5px)}.tr-ttl.xlong{font-size:clamp(9.5px,2.7vw,11.5px);line-height:1.3}.tr-rpm{font-family:var(--latin);letter-spacing:.14em;opacity:.75;font-size:9px}.tr-brand{font-family:var(--latin);font-size:clamp(18px,5.6vw,24px);font-style:italic;font-weight:500}.tr-glint{pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 35%,#fff0cd8c 48%,#0000 60%) 130% 0/250% 100% no-repeat;border-radius:50%;position:absolute;inset:0}.tr-label.pop{animation:.45s cubic-bezier(.2,.9,.3,1.3) tr-pop}.tr-label.pop .tr-glint{animation:1.1s cubic-bezier(.3,.6,.3,1) .1s both tr-glint}@keyframes tr-pop{0%{transform:translate(-50%,-50%)scale(1)}45%{transform:translate(-50%,-50%)scale(1.04)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes tr-glint{0%{opacity:1;background-position:130% 0}to{opacity:1;background-position:-40% 0}}.tr-spindle{pointer-events:none;background:radial-gradient(circle at 35% 30%,#fff,#cfcac2 40%,#7d7870 75%,#4a4640);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%;box-shadow:0 1px 2px #0009}.tr-strobe{aspect-ratio:1;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle at 86% 88%,#ff8c3c8c,#ff8c3c00 22%);border-radius:50%;width:75.29%;transition:opacity .6s;position:absolute;top:7.05%;left:6.47%;-webkit-mask:radial-gradient(circle closest-side,#0000 0 95.4%,#000 95.6%);mask:radial-gradient(circle closest-side,#0000 0 95.4%,#000 95.6%)}.tr-player.running .tr-strobe{opacity:1}.tr-parts{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tr-parts text{font-family:var(--latin)}.tr-start{pointer-events:auto;cursor:pointer}.tr-start .cap{transform-box:fill-box;transform-origin:50%;transition:transform .12s}.tr-start.pressed .cap{transform:translateY(1.2px)}.tr-swing{transform-box:view-box;transform-origin:300px 52px;transition:transform 1.1s cubic-bezier(.45,.05,.2,1);transform:rotate(0)}.tr-player.armed .tr-swing{transform:rotate(22.7deg)}.tr-lift{transform-box:view-box;transform-origin:300px 52px;transition:transform .45s cubic-bezier(.3,.7,.3,1)}.tr-arm-shadow{opacity:.45;transition:transform .45s cubic-bezier(.3,.7,.3,1),opacity .45s;transform:translate(5px,7px)}.tr-player.lifted .tr-lift{transform:scale(1.012)}.tr-player.lifted .tr-arm-shadow{opacity:.28;transform:translate(9px,13px)}.tr-player.landing .tr-lift{animation:.38s cubic-bezier(.3,.7,.4,1.4) tr-settle}@keyframes tr-settle{0%{transform:scale(1.012)}70%{transform:scale(.997)}to{transform:scale(1)}}.tr-cue{transform-box:fill-box;transform-origin:50% 90%;transition:transform .3s}.tr-player.lifted .tr-cue{transform:rotate(-38deg)}.tr-lamp{transition:fill .4s,filter .4s}.tr-lamp.on,.tr-player.running .tr-lamp.run{fill:#ff9a4d;filter:drop-shadow(0 0 3px #ff9a4de6)}.tr-hint{aspect-ratio:1;pointer-events:none;opacity:0;width:75.29%;transition:opacity .6s;position:absolute;top:7.05%;left:6.47%}.tr-hint.show{opacity:1}.tr-hint svg{transform-origin:50%;width:100%;height:100%;animation:2.8s ease-in-out infinite tr-nudge;overflow:visible}@keyframes tr-nudge{0%,55%,to{transform:rotate(0)}70%{transform:rotate(14deg)}82%{transform:rotate(0)}}.tr-controls{flex-direction:column;align-items:center;gap:6px;max-width:480px;margin:24px auto 0;display:flex}.tr-spin{width:100%;max-width:320px}.tr-spin svg{width:18px;height:18px}.tr-left{color:var(--ink);text-align:center;margin:0;font-size:13px;font-weight:700}.tr-note{color:var(--muted);text-align:center;min-height:1.8em;margin:0;font-size:13px}.tr-save{color:var(--muted);text-align:center;margin:0;font-size:12px;line-height:1.7}.tr-result{margin-top:36px}@media (width>=920px){.tr-result{margin-top:26px}}.tr-empty{border:1px dashed var(--line);color:var(--muted);border-radius:14px;padding:28px 22px;font-size:14px;display:none}@media (width>=920px){.tr-empty{display:block}}.tr-result:not([data-state=idle]) .tr-empty,.tr-result[data-state=idle] .tr-found{display:none}.tr-found.enter>*{animation:.6s cubic-bezier(.2,.8,.2,1) both tr-rise}.tr-found.enter>:nth-child(2){animation-delay:80ms}.tr-found.enter>:nth-child(3){animation-delay:.16s}.tr-found.enter>:nth-child(4){animation-delay:.24s}.tr-found.enter>:nth-child(n+5){animation-delay:.32s}@keyframes tr-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tr-kind{letter-spacing:.06em;font-size:13px;font-weight:700}.tr-found h2{font-family:var(--mincho);text-wrap:balance;margin:2px 0 6px;font-size:26px;font-weight:800;line-height:1.38}.tr-meta{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.tr-meta b{font-family:var(--latin);color:var(--ink);font-size:14px;font-weight:500}.tr-sec{margin-top:30px}.tr-sec h3{font-family:var(--mincho);align-items:baseline;gap:10px;margin:0 0 8px;font-size:19px;font-weight:700;display:flex}.tr-sec h3 .no{font-family:var(--latin);color:var(--accent);font-size:15px;font-style:italic;font-weight:400}.tr-sec p{margin:0}.tr-sec p+p{margin-top:.8em}.tr-mv{color:var(--accent);margin-right:.5em;font-weight:700}.tr-sec .tr-lead{color:var(--muted);margin:-2px 0 12px;font-size:14px}.tr-norec{color:var(--muted);margin-top:30px;font-size:14px}.tr-failed{margin-top:26px}.tr-failed .tr-more{margin-top:0}.tr-recs{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.tr-rec{border-bottom:1px solid var(--line);flex-direction:column;gap:12px;min-width:0;padding:16px 0;display:flex}.tr-rec-head{align-items:center;gap:14px;min-width:0;display:flex}.tr-rec-who{flex-direction:column;gap:2px;min-width:0;line-height:1.5;display:flex}.tr-rec-who b{font-size:15px}.tr-rec-sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;display:flex}.tr-feat{margin:0;font-size:14px;line-height:1.8}.tr-rec .lbox{min-width:0}.favrow{flex-wrap:wrap;align-items:center;gap:0 4px;display:flex}.tr .fav[data-on=true] svg{fill:currentColor}.tr-more{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.tr-more a{color:var(--ink);align-items:center;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.tr-more a:hover{color:var(--accent)}.tr-more a:after{content:"›";color:var(--accent);margin-left:6px;font-size:18px}@media (prefers-reduced-motion:reduce){.tr-swing,.tr-lift,.tr-arm-shadow,.tr-cue,.tr-face,.tr-strobe,.tr-lamp{transition:none!important}.tr-player,.tr-vinyl.drop,.tr-label.pop,.tr-label.pop .tr-glint,.tr-player.landing .tr-lift,.tr-found.enter>*,.tr-hint svg{animation:none!important}}