:root{--sage: #e5e9de;--sage-hover: #d9dfd0;--paper: #f7f5ef;--surface: #fbfaf6;--card: #eeece2;--card-line: #e3e0d2;--ink: #282b25;--ink-hover: #42493c;--muted: #62675a;--line: #dddfd4;--coral: #ed614c;--coral-ink: #b3412e;--lavender: #b2a0d9;--acid: #d5dd98;--amber: #b56327;--player: #2b2d27;--player-muted: #b9bcb0;--display: "Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--text: "DM Sans Variable", "DM Sans", system-ui, sans-serif;--sidebar: 265px;--dock: 0px;font-family:var(--text);color:var(--ink);background:var(--sage);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--sage)}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-family:var(--display);color:var(--ink)}img{display:block;max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,select,a{touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:2px solid var(--coral-ink);outline-offset:3px}[hidden]{display:none!important}::selection{background:#f6c8bd}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.skip-link{position:fixed;left:12px;top:-60px;z-index:2000;background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:9px;font-size:13px;text-decoration:none}.skip-link:focus{top:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:calc(var(--sidebar) + env(safe-area-inset-left));padding:37px 22px 18px calc(22px + env(safe-area-inset-left));display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.brand{display:inline-flex;align-items:center;gap:10px;margin:0 6px 38px;color:var(--ink);text-decoration:none;border-radius:8px}.brand strong{font:700 34px/1 var(--display);letter-spacing:-2.1px;padding-bottom:3px}.brand-mark{flex:none;display:block}.identity{display:flex;align-items:center;gap:11px;padding:8px 6px;margin:0 0 22px;border-radius:10px;text-decoration:none;color:var(--ink);min-width:0}.identity:hover{background:var(--sage-hover)}.avatar{width:37px;height:37px;flex:none;display:grid;place-items:center;border-radius:50%;background:#d5dcca;font:600 15px var(--display)}.identity-text{min-width:0}.identity strong{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity small{display:block;margin-top:3px;font-size:11px;letter-spacing:.1em;color:var(--muted);font-variant-numeric:tabular-nums}.side-nav{display:grid;gap:5px}.side-nav .nav-item{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:9px;font-size:13px;color:var(--ink);text-decoration:none;transition:background .15s}.side-nav .nav-item.active{background:var(--ink);color:var(--paper)}.side-nav .nav-item:not(.active):hover{background:var(--sage-hover)}.nav-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;border-radius:10px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;background:#d3dac7;color:var(--ink)}.side-nav .nav-item.active .nav-count-stock{background:#f7f5ef29;color:var(--paper)}.nav-count-alert{background:var(--coral);color:#fff}.sidebar-bottom{margin-top:auto;padding-top:26px}main{margin-left:calc(var(--sidebar) + env(safe-area-inset-left));min-height:100vh;background:var(--paper);border-radius:28px 0 0 28px}main:focus,main:focus-visible{outline:none}.workspace{max-width:1240px;margin:0 auto;padding:45px max(45px,env(safe-area-inset-right)) 80px 45px}.mobile-header,.mobile-dock{display:none}@media(min-width:1450px){.workspace{padding-top:56px}}@media(max-width:850px){:root{--dock: 66px}.sidebar{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 14px calc(18px + env(safe-area-inset-left))}.mobile-header .brand{margin:0}.mobile-header .brand strong{font-size:28px;letter-spacing:-1.8px}.mobile-header .brand-mark{width:24px;height:24px}.mobile-header .identity{margin:0;padding:4px;flex-direction:row-reverse;text-align:right}.mobile-header .identity strong{max-width:130px;font-size:13px}.mobile-header .avatar{width:34px;height:34px}main{margin-left:0;border-radius:24px 24px 0 0;min-height:calc(100vh - 70px);padding-bottom:calc(var(--dock) + 110px + env(safe-area-inset-bottom))}.workspace{padding:28px calc(18px + env(safe-area-inset-right)) 40px calc(18px + env(safe-area-inset-left))}.mobile-dock{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -10px 22px #f7f5efe0;padding:8px env(safe-area-inset-right) 0 env(safe-area-inset-left)}.bottom-nav{display:flex;justify-content:space-around;height:calc(var(--dock) + env(safe-area-inset-bottom));padding:4px 4px env(safe-area-inset-bottom)}.bottom-nav .nav-item{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px 0 8px;color:var(--muted);text-decoration:none;border-radius:10px}.bottom-nav .nav-label{font-size:9.5px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav .nav-item.active{color:var(--ink)}.bottom-nav .nav-item.active svg{color:var(--coral)}.bottom-nav .nav-item.active .nav-label{font-weight:650}.bottom-nav .nav-item.active:after{content:"";position:absolute;bottom:2px;width:3px;height:3px;border-radius:50%;background:var(--coral)}.bottom-nav .nav-count{position:absolute;top:0;left:calc(50% + 5px);min-width:17px;height:17px;padding:0 4px;font-size:10px;margin:0;border:2px solid var(--paper);box-sizing:content-box}}@media(max-width:380px){.mobile-header .identity strong{max-width:96px}.bottom-nav .nav-label{font-size:8.5px}}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}.page-head-text{min-width:0}.page-title{margin-top:12px;font:600 clamp(38px,4.6vw,58px)/1.02 var(--display);letter-spacing:-.045em;overflow-wrap:anywhere}.page-lead{margin-top:14px;max-width:620px;font-size:14px;line-height:1.7;color:var(--muted)}.page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:none}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:44px 0 18px}.section-title h2{font-size:22px;font-weight:600;letter-spacing:-.7px}@media(max-width:620px){.page-head{flex-direction:column;align-items:flex-start;margin-bottom:28px}.page-title{font-size:40px;letter-spacing:-1.9px}.page-lead{font-size:13px}}.primary-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 18px;border-radius:9px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s,border-color .2s;white-space:nowrap}.primary-button{background:var(--ink);color:var(--paper)}.primary-button:hover:not(:disabled){background:var(--ink-hover)}.outline-button{border:1px solid var(--line);color:var(--ink);background:transparent}.outline-button:hover:not(:disabled){background:var(--sage);border-color:#c9cfbd}.primary-button:active:not(:disabled),.outline-button:active:not(:disabled){transform:scale(.985)}.coral-button{background:var(--coral);color:#fff}.coral-button:hover:not(:disabled){background:#d9543f}.full{display:flex;width:100%}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;min-height:36px;color:var(--ink);text-decoration:none}.text-button:hover{color:var(--coral-ink)}.icon-button{width:38px;height:38px;flex:none;display:inline-grid;place-items:center;border-radius:50%;transition:background .2s}.icon-button:hover{background:var(--sage)}.form-field{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;font-size:13px;color:#585f53}.form-field>span{display:inline-flex;align-items:center;gap:7px;font-weight:500}.form-field input,.form-field select,.form-field textarea{width:100%;padding:12px 14px;border:1px solid #d3d8ca;background:#fdfcf8;border-radius:10px;color:var(--ink);font-size:14px}.form-field textarea{resize:vertical;min-height:84px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;word-break:break-all}.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline:2px solid var(--coral-ink);outline-offset:1px}.form-error{margin:-4px 0 14px;color:#ab3724;font-size:13px;line-height:1.5}.fine-print{margin-top:14px;font-size:11.5px;line-height:1.7;color:var(--muted)}.switch{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:8px 13px;border:1px solid var(--line);border-radius:9px;font-size:13px;font-weight:500;cursor:pointer}.switch input{width:16px;height:16px;accent-color:var(--ink);margin:0}.page-counters{display:flex;flex-wrap:wrap;gap:10px;margin:-12px 0 30px}.counter{display:inline-flex;align-items:baseline;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:12px;color:var(--muted)}.counter strong{font:600 20px/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}.session-screen{min-height:100vh;background:var(--paper);padding:calc(32px + env(safe-area-inset-top)) max(5vw,env(safe-area-inset-right)) calc(48px + env(safe-area-inset-bottom)) max(5vw,env(safe-area-inset-left));overflow:hidden}.session-screen.is-centered{display:grid;place-content:center;justify-items:center;gap:18px;text-align:center}.session-screen.is-centered p{max-width:380px;color:var(--muted);font-size:14px;line-height:1.7}.session-screen.is-centered h1{font-size:34px;letter-spacing:-1.4px}.session-icon{color:var(--coral)}.session-header{display:flex;align-items:center}.session-header .brand{margin:0}.session-content{max-width:1120px;margin:64px auto 0;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}.session-copy h1{margin:20px 0 22px;font:600 clamp(44px,5.4vw,76px)/1 var(--display);letter-spacing:-.055em}.session-copy p{max-width:470px;font-size:15px;line-height:1.75;color:var(--muted)}.session-record{margin:44px 0 0 10px;width:300px}.session-record .vinyl{box-shadow:6px 18px 30px #34322129}.session-card{padding:32px;background:#fffefa;border:1px solid #e1e3d9;border-radius:20px}.session-separator{display:flex;align-items:center;gap:12px;margin:22px 0;font-size:12px;color:var(--muted)}.session-separator:before,.session-separator:after{content:"";flex:1;height:1px;background:var(--line)}.brand-mark-spin{animation:vinyl-spin 1.8s linear infinite}@media(max-width:850px){.session-content{grid-template-columns:1fr;gap:28px;margin-top:36px}.session-record{display:none}.session-card{padding:24px 20px}.session-copy h1{font-size:46px}}@keyframes vinyl-spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-mark-spin{animation:none}.primary-button:active:not(:disabled),.outline-button:active:not(:disabled){transform:none}}.vinyl{position:relative;width:100%;aspect-ratio:1;border-radius:50%;flex:none;overflow:hidden}.vinyl-disc{display:block;width:100%;height:100%;border-radius:50%;animation:vinyl-spin 1.8s linear infinite paused;will-change:transform}.vinyl.is-spinning .vinyl-disc{animation-play-state:running}.vinyl-sheen{position:absolute;inset:0;border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 0deg,transparent 0deg 26deg,rgba(255,255,255,.3) 38deg,transparent 52deg 196deg,rgba(255,255,255,.2) 212deg,transparent 228deg 360deg);-webkit-mask:radial-gradient(circle closest-side,transparent 35%,#000 37%,#000 99%,transparent 100%);mask:radial-gradient(circle closest-side,transparent 35%,#000 37%,#000 99%,transparent 100%);animation:prism-sheen 6s ease-in-out infinite alternate}@keyframes prism-sheen{0%{transform:rotate(-32deg)}to{transform:rotate(38deg)}}.album-artwork{position:relative;width:100%;aspect-ratio:1.25;flex:none}.album-artwork-record{position:absolute;left:22%;top:2.5%;width:76%;transform:rotate(12deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.album-artwork-record .vinyl{box-shadow:2px 6px 12px #39362633}.album-artwork-cover{position:absolute;left:0;top:0;height:100%;aspect-ratio:1;overflow:hidden;background:#e7e5da;box-shadow:4px 2px 9px #0003}.album-artwork-cover>img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.sleeve-back{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:inherit;container-type:inline-size;color:#6b6350;background-color:#ece5d4;background-image:radial-gradient(120% 90% at 30% 20%,rgba(255,255,255,.45),transparent 60%),repeating-linear-gradient(90deg,rgba(90,75,45,.025) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(90,75,45,.02) 0 1px,transparent 1px 4px);box-shadow:inset 0 0 0 1px #50463214}.sleeve-back-wear{position:absolute;inset:9%;border-radius:50%;box-shadow:inset 0 0 0 1.4cqw color-mix(in srgb,var(--wear, #8a7d63) 20%,transparent),0 0 1.6cqw color-mix(in srgb,var(--wear, #8a7d63) 14%,transparent)}.sleeve-back-brand{position:absolute;left:8%;top:8%;display:flex;align-items:center;gap:2.4cqw;font:700 8cqw/1 var(--display);letter-spacing:-.06em;color:var(--ink)}.sleeve-back-brand .brand-mark{width:8.5cqw;height:8.5cqw}.sleeve-back-lines{position:absolute;left:8%;top:21%;width:34%;display:grid;gap:2.2cqw}.sleeve-back-lines i{display:block;height:1.3cqw;border-radius:1cqw;background:#282b2524}.sleeve-back-lines i:nth-child(2){width:78%}.sleeve-back-lines i:nth-child(3){width:56%}.sleeve-back-foot{position:absolute;left:8%;right:8%;bottom:8%;display:flex;justify-content:space-between;align-items:flex-end;font-size:3.9cqw;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.sleeve-back-code{width:20cqw;height:8cqw;opacity:.5;background:repeating-linear-gradient(90deg,#3d3a30 0 .5cqw,transparent .5cqw 1.1cqw,#3d3a30 1.1cqw 1.4cqw,transparent 1.4cqw 2.2cqw)}.rarity-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap}.rarity-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.rarity-chip-small{padding:2px 8px 2px 6px;font-size:10px}.rarity-common{background:#ebeae3;color:#5f645a}.rarity-rare{background:#dde8ef;color:#2f5d7c}.rarity-epic{background:#e8e1f5;color:#5a4592}.rarity-legendary{color:#2c2838;background:linear-gradient(100deg,#f8c9bc,#f3e6a6 25%,#c9ecd9,#c6daf4,#e3d1f7,#f8c9bc 125%);background-size:200% 100%;animation:iris 5s linear infinite}.rarity-legendary:before{background:conic-gradient(#ed614c,#d5dd98,#588daf,#b2a0d9,#ed614c)}@keyframes iris{to{background-position:-200% 0}}.new-tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:5px;background:var(--coral);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:36px 28px}.vinyl-card{position:relative;min-width:0;container-type:inline-size}.vinyl-card-link{display:block;width:100%;padding:0;color:inherit;text-align:left;text-decoration:none;border-radius:10px}.vinyl-card-link .album-artwork{margin-bottom:14px}.vinyl-card-link:hover .album-artwork-record{transform:translate(5%) rotate(26deg)}.vinyl-card-title{display:block;font-size:14px;font-weight:600;letter-spacing:-.2px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vinyl-card-artist{display:block;margin-top:3px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vinyl-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:10px;font-size:11px;color:var(--muted)}.vinyl-card-serial,.vinyl-card-count{font:500 11.5px var(--display);font-variant-numeric:tabular-nums;color:#5f6457}.vinyl-card-play{position:absolute;left:10px;top:calc(80cqw - 50px);opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.vinyl-card:hover .vinyl-card-play,.vinyl-card:focus-within .vinyl-card-play,.vinyl-card-play.is-active{opacity:1;transform:none}.vinyl-card .vinyl-card-play:disabled{opacity:0}.vinyl-card:hover .vinyl-card-play:disabled,.vinyl-card:focus-within .vinyl-card-play:disabled{opacity:.55}.vinyl-card.is-missing .album-artwork-cover>img,.vinyl-card.is-missing .album-artwork-cover>.sleeve-back{filter:grayscale(1);opacity:.3}.vinyl-card.is-missing .album-artwork-record{opacity:.18;filter:grayscale(1)}.vinyl-card.is-missing .vinyl-card-title{color:var(--muted)}@media(hover:none){.vinyl-card .vinyl-card-play{opacity:1;transform:none}.vinyl-card .vinyl-card-play:disabled{opacity:.55}}.play-button{display:inline-flex;align-items:center;gap:11px;color:inherit;border-radius:999px}.play-disc{position:relative;flex:none;display:grid;place-items:center;border-radius:50%;transition:transform .15s,background .2s}.play-light .play-disc{background:#f7f5eff2;color:var(--ink);box-shadow:0 3px 10px #282b2533}.play-dark .play-disc{background:var(--ink);color:var(--paper)}.play-on-dark .play-disc{background:var(--paper);color:var(--ink)}.play-button:hover:not(:disabled) .play-disc{transform:scale(1.06)}.play-button:active:not(:disabled) .play-disc{transform:scale(.95)}.play-icon{margin-left:2px}.play-label{font-size:13px;font-weight:600}.play-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.play-ring-track{fill:none;stroke:#282b251a;stroke-width:2.5}.play-dark .play-ring-track{stroke:#f7f5ef29}.play-ring-value{fill:none;stroke:var(--coral);stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset .3s linear}.play-button.is-loading .play-ring{animation:vinyl-spin .9s linear infinite}.play-button.is-loading .play-ring-track{stroke:var(--coral);stroke-dasharray:18 400}.player-bar{display:grid;gap:9px;padding:10px 10px 9px;border-radius:12px;background:var(--player);color:var(--paper);min-width:0}.player-bar-main{display:flex;align-items:center;gap:10px;min-width:0}.player-bar-text{flex:1;min-width:0}.player-bar-text a,.player-bar-text strong{display:block;font-size:12.5px;font-weight:600;color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar-text a:hover{text-decoration:underline}.player-bar-text small{display:block;margin-top:3px;font-size:10.5px;color:var(--player-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar-progress{display:block;height:2px;border-radius:2px;background:#f7f5ef24;overflow:hidden}.player-bar-progress i{display:block;height:100%;background:var(--coral);transform-origin:left;transition:transform .3s linear}.player-bar-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--player-muted)}.player-bar-time{font-variant-numeric:tabular-nums}.player-bar-listen{display:flex;flex-wrap:nowrap}.player-bar-listen>.listen-group:first-child{flex:1;min-width:0}.player-bar-listen .listen-main{width:100%;justify-content:space-between}.player-bar.is-idle{display:flex;align-items:center;gap:11px;background:transparent;color:var(--ink);border:1px dashed #c3cab7;padding:10px}.player-bar.is-idle strong{font-size:12px;white-space:normal}.player-bar.is-idle small{color:var(--muted);white-space:normal;line-height:1.45}.player-bar-mobile{margin:0 10px 2px;padding:8px 9px 7px 8px;gap:7px}.player-bar-mobile .player-bar-main{gap:9px}.player-bar-mobile .player-bar-text a{font-size:12px}.player-bar-mobile .player-bar-text small{margin-top:2px;font-size:10px}.player-bar-mobile .player-bar-mention{font-size:9px;letter-spacing:.02em;opacity:.85}.listen-full{position:relative;display:inline-flex;align-items:center;flex-wrap:wrap;row-gap:6px}.listen-group{position:relative;display:inline-flex}.listen-main{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:11px 15px;border:1px solid #cfd4c5;border-radius:9px 0 0 9px;font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap;transition:background .2s}.listen-more{min-height:44px;width:40px;display:grid;place-items:center;border:1px solid #cfd4c5;border-left:0;border-radius:0 9px 9px 0;transition:background .2s}.listen-full:not(:has(.listen-more)) .listen-main{border-radius:9px}.listen-main:hover,.listen-more:hover,.listen-more[aria-expanded=true]{background:var(--sage)}.listen-via{flex-basis:100%;font-size:11px;color:var(--muted)}.listen-on-dark .listen-main,.listen-on-dark .listen-more{color:var(--paper);border-color:#f7f5ef3d}.listen-on-dark .listen-main:hover,.listen-on-dark .listen-more:hover,.listen-on-dark .listen-more[aria-expanded=true]{background:#f7f5ef1a}.listen-full.is-compact .listen-main{min-height:28px;padding:4px 8px;gap:4px;font-size:10.5px;border-radius:7px 0 0 7px}.listen-full.is-compact .listen-more{min-height:28px;width:24px;border-radius:0 7px 7px 0}.listen-full.is-compact:not(:has(.listen-more)) .listen-main{border-radius:7px}.listen-full.is-icon .listen-group .listen-main{width:38px;height:38px;min-height:0;padding:0;justify-content:center;border-radius:50%}@media(pointer:coarse){.listen-full.is-compact .listen-main,.listen-full.is-compact .listen-more{min-height:34px}.listen-full.is-compact .listen-more{width:32px}}.menu{position:absolute;z-index:60;min-width:230px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 14px 40px #1c221a2e;animation:enter .15s ease-out}.menu-down{top:calc(100% + 6px);left:0}.menu-up{bottom:calc(100% + 6px);left:0}.menu-end{left:auto;right:0}.menu [role=menuitem]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:40px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:500;text-align:left;color:var(--ink);text-decoration:none}.menu [role=menuitem]:hover,.menu [role=menuitem]:focus-visible{background:var(--sage);outline:none}.menu [role=menuitem] svg{color:var(--muted)}.menu-title{padding:8px 12px 6px;font-size:12.5px;font-weight:600}.menu-note{padding:6px 12px 4px;font-size:11px;color:var(--muted)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 25px;border:1px dashed #ccd1c5;border-radius:20px;text-align:center}.empty-state>svg{color:var(--coral);margin-bottom:6px}.empty-state h2{font-size:25px;font-weight:500;letter-spacing:-1px}.empty-state p{max-width:420px;font-size:13.5px;line-height:1.7;color:var(--muted)}.empty-state .outline-button,.empty-state .primary-button{margin-top:8px}.skeleton{display:block;border-radius:6px;background:linear-gradient(90deg,#ebe9e0,#f4f2ec,#ebe9e0 90%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton-artwork{width:100%;aspect-ratio:1.25;border-radius:9px;margin-bottom:8px}.vinyl-card-skeleton{display:grid;gap:8px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.countdown{font-variant-numeric:tabular-nums;white-space:nowrap}.toaster{position:fixed;z-index:1000;bottom:24px;left:calc(50% + var(--sidebar) / 2);transform:translate(-50%);width:min(440px,calc(100vw - 32px));display:grid;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:11px 10px 11px 16px;border-radius:10px;background:#33352f;color:var(--paper);font-size:13px;line-height:1.5;box-shadow:0 8px 24px #292a2633;pointer-events:auto;animation:enter .2s ease-out}.toast>span{flex:1}.toast-error{box-shadow:inset 3px 0 0 var(--coral),0 8px 24px #292a2633}.toast-success{box-shadow:inset 3px 0 0 var(--acid),0 8px 24px #292a2633}.toast-action{font-size:12px;font-weight:700;color:var(--acid);padding:6px 8px;border-radius:6px}.toast-close{width:28px;height:28px;border-radius:50%;font-size:18px;line-height:1;color:var(--player-muted)}.toast-close:hover,.toast-action:hover{background:#f7f5ef1a}@media(max-width:850px){.toaster{left:50%;bottom:calc(var(--dock) + 112px + env(safe-area-inset-bottom))}}.dev-section{margin-top:52px}.dev-section h2{margin-bottom:20px;font-size:22px;font-weight:600;letter-spacing:-.7px}.dev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:26px 22px}.dev-grid figcaption{margin-top:10px;text-align:center;font-size:13px;font-weight:500}.dev-grid-large{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 30px}.dev-grid-large figcaption{font:500 18px var(--display);letter-spacing:-.4px;margin-top:14px}.dev-prism{display:flex;align-items:center;gap:34px;flex-wrap:wrap}.dev-prism p{max-width:300px;font-size:13px;line-height:1.7;color:var(--muted)}.dev-row{display:flex;align-items:center;gap:34px;flex-wrap:wrap}.dev-chips{display:flex;gap:8px;flex-wrap:wrap}.dev-player{display:flex;align-items:center;gap:44px;flex-wrap:wrap;padding:30px;margin-bottom:36px;border-radius:13px;background:var(--card)}.dev-player-text{min-width:0;flex:1 1 260px}.dev-player h3{margin:14px 0 6px;font-size:34px;font-weight:600;letter-spacing:-1.5px;line-height:1.05}.dev-player p{font-size:14px;color:var(--muted)}.dev-player-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}@media(max-width:850px){.dev-grid-large{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.dev-player{padding:22px;gap:26px}}@media(prefers-reduced-motion:reduce){.vinyl-disc,.vinyl-sheen,.rarity-legendary,.skeleton,.play-button.is-loading .play-ring{animation:none}.album-artwork-record,.vinyl-card-link:hover .album-artwork-record{transition:none}.vinyl-card-link:hover .album-artwork-record{transform:rotate(12deg)}.play-button:hover:not(:disabled) .play-disc,.play-button:active:not(:disabled) .play-disc{transform:none}}.volume-control{--track: rgba(40, 43, 37, .16);--fill: var(--ink);display:flex;align-items:center;gap:4px;min-width:0}.volume-on-dark{--track: rgba(247, 245, 239, .2);--fill: var(--paper);color:var(--paper)}.volume-mute{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;color:inherit;transition:background .2s}.volume-mute:hover{background:#282b2514}.volume-on-dark .volume-mute:hover{background:#f7f5ef1a}.volume-mute[aria-pressed=true]{color:var(--coral-ink)}.volume-on-dark .volume-mute[aria-pressed=true]{color:var(--coral)}.volume-control input[type=range]{flex:1;min-width:0;height:32px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.volume-control input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--fill) var(--volume),var(--track) var(--volume))}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:var(--fill);box-shadow:0 1px 3px #0000004d;transition:transform .15s}.volume-control input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}.volume-control input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:var(--track)}.volume-control input[type=range]::-moz-range-progress{height:4px;border-radius:4px;background:var(--fill)}.volume-control input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--fill)}.volume-control input[type=range]:focus-visible{outline:2px solid var(--coral-ink);outline-offset:1px;border-radius:6px}.volume-on-dark input[type=range]:focus-visible{outline-color:var(--coral)}.volume-value{flex:none;width:4.2ch;font-size:11px;font-variant-numeric:tabular-nums;text-align:right;color:var(--muted)}.volume-on-dark .volume-value{display:none}.player-bar-volume{margin:-4px 0 -6px -8px}.player-bar-mobile .player-bar-volume{margin:-2px 0 -4px -4px}.volume-toggle{width:38px;height:38px;flex:none;display:grid;place-items:center;border:1px solid rgba(247,245,239,.24);border-radius:50%;color:var(--paper);transition:background .2s}.volume-toggle:hover,.volume-toggle[aria-expanded=true]{background:#f7f5ef1a}.volume-toggle.is-muted{color:var(--coral)}.sound-rows{display:grid;margin-top:12px}.sound-row{display:grid;grid-template-columns:11rem minmax(0,1fr) 4.5rem;grid-template-areas:"text control try";align-items:center;column-gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.sound-row:last-child{border-bottom:0;padding-bottom:0}.sound-row-text{grid-area:text;min-width:0}.sound-row-text strong{display:block;font-size:13px;font-weight:600}.sound-row-text small{display:block;margin-top:2px;font-size:11.5px;color:var(--muted)}.sound-row .volume-control{grid-area:control}.sound-try{grid-area:try;justify-self:end}.sound-switch{grid-area:control;justify-self:start;width:18px;height:18px;margin:7px 0 7px 8px;accent-color:var(--ink);cursor:pointer}.sound-switch:focus-visible{outline:2px solid var(--coral-ink);outline-offset:2px}@media(max-width:520px){.sound-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text try" "control control";row-gap:2px}.sound-row .volume-control{margin-left:-6px}}@media(prefers-reduced-motion:reduce){.volume-control input[type=range]::-webkit-slider-thumb{transition:none}}.social-panel{margin:0;min-width:0;padding:24px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.panel-title{display:block;font:600 20px/1.2 var(--display);letter-spacing:-.6px;color:var(--ink)}.panel-lead{margin-top:6px;font-size:13px;line-height:1.6;color:var(--muted)}.field-help{margin:-8px 0 0;font-size:12px;line-height:1.55;color:var(--muted)}.social-avatar{flex:none}.social-avatar-small{width:30px;height:30px;font-size:12px}.social-avatar-medium{width:42px;height:42px;font-size:16px}.social-avatar-large{width:64px;height:64px;font-size:26px;background:var(--acid)}.trade-code{display:inline-block;padding:2px 7px;border-radius:6px;background:var(--card);color:var(--ink);font:600 11.5px/1.5 var(--display);letter-spacing:.12em;font-variant-numeric:tabular-nums}.inline-code{color:var(--ink);font-weight:700;letter-spacing:.1em}.gold-record{position:relative;flex:none;display:inline-block;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,rgba(80,55,10,.12) 0 1px,transparent 1px 2.6px),conic-gradient(from 30deg,#c99a3b,#f5e2a0,#b98a2e,#f1d98c,#a77a24,#f6e6ad,#c99a3b);box-shadow:inset 0 0 0 1px #6e501459,0 2px 6px #785a1e33}.gold-record i{position:absolute;inset:33%;border-radius:50%;background:radial-gradient(circle,#2b2d27 0 10%,#f3ead2 11% 100%);box-shadow:0 0 0 1px #6e50144d}.badge-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:12px;margin:0;padding:0;list-style:none}.badge-item{display:flex;align-items:center;gap:14px;min-width:0;padding:12px 16px 12px 12px;border:1px solid var(--card-line);border-radius:12px;background:var(--paper)}.badge-text{display:grid;gap:2px;min-width:0}.badge-text a{font-size:14px;font-weight:600;line-height:1.3;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}.badge-text a:hover{text-decoration:underline}.badge-text small{font-size:11.5px;color:var(--muted)}.badge-empty{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px dashed #ccd1c5;border-radius:12px}.badge-empty .gold-record{filter:grayscale(.9);opacity:.5}.badge-empty p{font-size:13px;line-height:1.6;color:var(--muted)}.badge-empty a{color:var(--ink);font-weight:600}.player-counters{margin:-10px 0 34px;padding:0;list-style:none}.counter-legendary strong{background:linear-gradient(100deg,#d9543f,#b9a23a 35%,#3f8f74 60%,#5a4592 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.counter-epic strong{color:#5a4592}.counter-gold strong{color:#86651c}.social-dialog{width:min(520px,calc(100vw - 32px));max-width:none;padding:0;border:0;background:transparent;color:var(--ink);overflow:visible}.social-dialog::backdrop{background:#1e211b80}.social-dialog[open]::backdrop{animation:social-fade .2s ease-out}.social-dialog-body{position:relative;max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px;border-radius:16px;background:var(--paper);box-shadow:0 24px 60px #1416123d;animation:social-pop .24s cubic-bezier(.2,.8,.2,1)}.social-dialog h2{font:600 26px/1.15 var(--display);letter-spacing:-1px}.social-dialog p{margin-top:12px;font-size:14px;line-height:1.65;color:#555b50}@keyframes social-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes social-fade{0%{opacity:0}}.confirm-sides{display:flex;align-items:center;justify-content:center;gap:22px;margin:20px 0 4px;padding:18px;border-radius:12px;background:var(--card)}.confirm-stack{display:grid;justify-items:center;gap:3px;min-width:0;text-align:center}.confirm-stack .tray-stack{margin-bottom:7px}.confirm-stack .tray-stack .vinyl{box-shadow:0 0 0 2px var(--card)}.confirm-stack small{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.confirm-stack strong{font:600 17px var(--display);letter-spacing:-.4px}.confirm-arrow{color:var(--muted);flex:none}.confirm-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px}.box-tabs,.side-tabs{display:inline-flex;gap:4px;max-width:100%;padding:4px;border-radius:11px;background:var(--card)}.box-tabs [role=tab],.side-tabs [role=tab]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 17px;border-radius:8px;font-size:13px;font-weight:600;color:#62675c;white-space:nowrap;transition:background .15s,color .15s}.box-tabs [role=tab]:hover,.side-tabs [role=tab]:hover{color:var(--ink)}.box-tabs [aria-selected=true],.side-tabs [aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #282b251f,0 0 0 1px #282b250a}.tab-count{min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;border-radius:10px;background:#d9ddd0;color:var(--ink);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.tab-count.is-alert{background:var(--coral);color:#fff}.box-panel{margin-top:24px}.box-panel:focus-visible{outline-offset:6px;border-radius:6px}.trade-list{display:grid;gap:18px;transition:opacity .2s}.trade-list.is-refreshing{opacity:.6}.trade-card{padding:22px 24px 24px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.trade-card-skeleton{display:grid;gap:22px}.trade-head{display:flex;align-items:center;gap:14px;min-width:0}.trade-head-text{flex:1;min-width:0}.trade-head h2{font:600 17px/1.3 var(--display);letter-spacing:-.4px}.trade-head h2 a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}.trade-head h2 a:hover{color:var(--coral-ink)}.trade-head small{display:block;margin-top:4px;font-size:12px;color:var(--muted)}.trade-status{display:inline-flex;align-items:center;gap:6px;flex:none;padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;background:#ebeae3;color:#5f645a}.trade-status-pending{background:#ece7f7;color:#5a4592}.trade-status-accepted{background:#e6eab9;color:#4b5320}.trade-status-failed{background:#fbe3dd;color:#a43a27}.trade-message{position:relative;margin:18px 0 0;padding:12px 16px 12px 18px;border-left:3px solid var(--lavender);border-radius:0 10px 10px 0;background:var(--paper)}.trade-message p{font-size:14px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}.trade-message p:before{content:"« ";color:var(--muted)}.trade-message p:after{content:" »";color:var(--muted)}.trade-sides{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:stretch;gap:10px;margin-top:18px}.trade-side{min-width:0;padding:16px 16px 18px;border-radius:11px;background:#f1efe7}.trade-side-receive{background:#eef0dc}.trade-side-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px;font:600 12px var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.trade-side-title small{font-size:11.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-arrow{align-self:center;justify-self:center;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--paper)}.trade-arrow .arrow-narrow{display:none}.trade-copies{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:18px 14px}.trade-copies .vinyl-card-link .album-artwork{margin-bottom:10px}.trade-copies .vinyl-card-title{font-size:12.5px}.trade-copies .vinyl-card-artist{font-size:11px}.trade-copies .vinyl-card-meta{margin-top:7px;gap:4px 6px}.trade-copies .vinyl-card-play{left:7px;top:calc(80cqw - 42px)}.trade-copies .vinyl-card-play .play-disc{width:34px!important;height:34px!important}.trade-card.is-declined .trade-copies,.trade-card.is-cancelled .trade-copies,.trade-card.is-expired .trade-copies,.trade-card.is-failed .trade-copies{opacity:.78;filter:saturate(.7)}.trade-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 18px;margin-top:18px}.trade-outcome{font-size:13px;line-height:1.55;color:var(--muted)}.trade-outcome-failed{color:#a43a27}.trade-actions{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}.composer-back{margin:-10px 0 10px;color:var(--muted)}.composer-find{max-width:600px}.composer-notice{max-width:600px;margin-bottom:16px;padding:12px 16px;border-radius:11px;background:#f3efd6;color:#5b5320;font-size:13px;line-height:1.55}.composer-notice a{color:inherit;font-weight:600}.find-row{display:flex;align-items:flex-end;gap:12px;margin-top:20px}.find-field{flex:1;margin-bottom:0}.find-row .primary-button{height:52px}.code-input{height:52px;font:600 20px var(--display)!important;letter-spacing:.22em;text-transform:uppercase}.code-input::placeholder{color:#c3c7ba}.composer-find .form-error{margin:12px 0 0}.recent-partners{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.recent-partners h3{margin-bottom:10px;font:700 10.5px var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.recent-partners ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.recent-partners button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 14px 6px 7px;border:1px solid var(--line);border-radius:999px;text-align:left;transition:background .15s,border-color .15s}.recent-partners button:hover{background:var(--paper);border-color:#c4caba}.recent-partners strong{display:block;font-size:13px;font-weight:600}.recent-partners small{display:block;font-size:10.5px;letter-spacing:.1em;color:var(--muted)}.partner{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px 12px 12px;border-radius:13px;background:var(--card)}.partner-text{flex:1;min-width:0}.partner-text strong{display:block;font-size:15px;font-weight:600}.partner-text strong a{color:inherit}.partner-text small{display:block;margin-top:3px;font-size:12px;color:var(--muted)}.tray{position:sticky;top:12px;z-index:30;display:flex;align-items:center;gap:6px;margin-bottom:22px;padding:8px;border-radius:13px;background:var(--player);color:var(--paper);box-shadow:0 10px 24px #282b2529}.tray-side{display:grid;gap:3px;min-width:0;padding:7px 14px 7px 12px;border-radius:9px;text-align:left;transition:background .15s}.tray-side:hover,.tray-side.is-current{background:#f7f5ef1a}.tray-side small{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--player-muted)}.tray-side>span{display:flex;align-items:center;gap:9px;min-height:28px}.tray-side strong{font:600 22px/1 var(--display);font-variant-numeric:tabular-nums}.tray-side em{margin-left:-6px;font-style:normal;font-size:12px;color:var(--player-muted)}.tray-stack{display:inline-flex;align-items:center}.tray-stack:empty{display:none}.tray-stack .vinyl{box-shadow:0 0 0 2px var(--player)}.tray-stack .vinyl+.vinyl{margin-left:-12px}.tray-next{margin-left:auto;display:flex;align-items:center;flex-direction:row-reverse;gap:14px;min-width:0}.tray-next .primary-button{background:var(--paper);color:var(--ink)}.tray-next .primary-button:hover:not(:disabled){background:#fff}.tray-next .primary-button:disabled{opacity:.35}.tray-hint{font-size:12px;line-height:1.4;color:var(--player-muted);text-align:right}.side-tabs{scroll-margin-top:110px}.side-lead{margin:18px 0 14px;font-size:13.5px;color:var(--muted)}.picker-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.picker-search{position:relative;flex:1 1 260px;max-width:380px;display:flex;align-items:center}.picker-search svg{position:absolute;left:13px;color:var(--muted);pointer-events:none}.picker-search input{width:100%;height:42px;padding:0 14px 0 38px;border:1px solid #d3d8ca;border-radius:10px;background:#fdfcf8;font-size:14px}.picker-search input:focus-visible{outline:2px solid var(--coral-ink);outline-offset:1px}.filter-pills{display:flex;flex-wrap:wrap;gap:6px}.filter-pill{position:relative;cursor:pointer}.filter-pill input{position:absolute;opacity:0;width:1px;height:1px}.filter-pill span{display:inline-flex;align-items:center;min-height:34px;padding:6px 13px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;font-weight:600;color:#585e52;transition:background .15s,color .15s,border-color .15s}.filter-pill:hover span{border-color:#c4caba;color:var(--ink)}.filter-pill input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filter-pill input:focus-visible+span{outline:2px solid var(--coral-ink);outline-offset:2px}.picker-note{margin-top:14px;font-size:12.5px;font-weight:500;color:var(--coral-ink)}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:28px 20px;margin:22px 0 0;padding:0;list-style:none;transition:opacity .2s}.pick-grid[aria-busy=true]>li:not(.pick-skeleton){opacity:.55}.pick,.filter-pill,.platform-option{-webkit-tap-highlight-color:transparent}.pick{position:relative;display:block;cursor:pointer}.pick-grid .vinyl-card-play{left:7px;top:calc(80cqw - 42px)}.pick-grid .vinyl-card-play .play-disc{width:34px!important;height:34px!important}.pick .album-artwork-cover{transition:outline-color .15s;outline:3px solid transparent;outline-offset:3px}.pick:hover .album-artwork-cover{outline-color:#282b2524}.pick.is-checked .album-artwork-cover{outline-color:var(--coral)}.pick:has(input:focus-visible) .album-artwork-cover{outline:2px solid var(--coral-ink);outline-offset:4px}.pick.is-blocked{cursor:not-allowed}.pick.is-blocked .vinyl-card{opacity:.42}.pick-check{position:absolute;left:8px;top:8px;z-index:1;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(40,43,37,.28);background:#f7f5efeb;color:transparent;pointer-events:none;transition:background .15s,color .15s,border-color .15s,transform .15s}.pick.is-checked .pick-check{background:var(--coral);border-color:var(--coral);color:#fff;transform:scale(1.06)}.pick-skeleton{display:grid;gap:8px}.pick-skeleton span,.pick-skeleton i{display:block;border-radius:9px;background:linear-gradient(90deg,#ebe9e0,#f4f2ec,#ebe9e0 90%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.pick-skeleton span{aspect-ratio:1.25;margin-bottom:6px}.pick-skeleton i{height:12px;width:75%;border-radius:5px}.pick-skeleton i+i{width:50%;height:10px}.picker-empty{display:grid;justify-items:center;gap:12px;margin-top:22px;padding:44px 20px;border:1px dashed #ccd1c5;border-radius:14px;text-align:center;font-size:13.5px;color:var(--muted)}.picker-empty svg{color:var(--coral)}.picker-more{display:flex;justify-content:center;margin-top:30px}.recap{display:grid;gap:18px}.recap-panel{padding:18px}.recap-panel .trade-sides{margin-top:0}.recap-message{max-width:680px;margin:0}.recap-message textarea{min-height:72px;font-family:var(--text);font-size:14px;word-break:normal;resize:vertical}.recap-count{align-self:flex-end;margin-top:-2px;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.recap-count.is-full{color:var(--coral-ink);font-weight:600}.recap .form-error{margin:0}.recap-note{margin:0;max-width:680px}.recap-actions{display:flex;flex-wrap:wrap;gap:10px}.celebration{width:min(880px,calc(100vw - 32px))}.celebration .social-dialog-body{padding:40px 36px 30px;border-radius:20px;background:var(--player);color:var(--paper);text-align:center;overflow-x:hidden}.celebration-light{position:absolute;inset:0 0 auto;height:340px;pointer-events:none;background:radial-gradient(60% 75% at 50% 0%,rgba(237,97,76,.22),transparent 70%),radial-gradient(40% 60% at 70% 0%,rgba(213,221,152,.16),transparent 70%)}.celebration-rays{position:absolute;left:50%;top:58%;width:980px;height:980px;margin:-490px 0 0 -490px;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(247,245,239,.045) 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,#000 8%,transparent 58%);mask:radial-gradient(circle,#000 8%,transparent 58%);animation:celebration-rays 60s linear infinite}@keyframes celebration-rays{to{transform:rotate(360deg)}}.celebration-record .album-artwork-record{animation:celebration-record-out .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.32s + var(--i, 0) * .08s)}@keyframes celebration-record-out{0%{transform:translate(-24%) rotate(-30deg)}to{transform:translate(7%) rotate(26deg)}}.celebration .eyebrow{position:relative;color:var(--acid)}.celebration h2{position:relative;margin-top:12px;font-size:clamp(32px,5vw,46px);letter-spacing:-.045em;color:var(--paper)}.celebration p.celebration-lead{position:relative;margin:12px auto 0;max-width:460px;color:var(--player-muted)}.celebration-records{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:26px 22px;margin:34px 0 6px}.celebration-record{width:196px;text-align:left;animation:celebration-in .75s cubic-bezier(.2,.9,.25,1.12) both;animation-delay:calc(.12s + var(--i, 0) * .08s)}@keyframes celebration-in{0%{opacity:0;transform:translateY(46px) rotate(var(--tilt, 0deg)) scale(.92)}}.celebration-badges{animation:celebration-badges-in .45s ease-out both;animation-delay:calc(.35s + var(--i, 0) * .08s)}@keyframes celebration-badges-in{0%{opacity:0;transform:translateY(16px)}}.celebration-records.is-many .celebration-record{width:136px}.celebration .vinyl-card-title{color:var(--paper)}.celebration .vinyl-card-artist,.celebration .vinyl-card-serial{color:var(--player-muted)}.celebration-badges{position:relative;margin-top:28px;padding:20px 18px 18px;border-radius:14px;background:#f7f5ef0f}.celebration-badges-head{margin-bottom:14px}.celebration-badges-head strong{display:block;font:600 20px var(--display);letter-spacing:-.5px;color:#f3dc8f}.celebration-badges-head small{display:block;margin-top:3px;font-size:12.5px;color:var(--player-muted)}.celebration .badge-list{grid-template-columns:repeat(auto-fit,minmax(230px,290px));justify-content:center;text-align:left}.celebration .gold-record{box-shadow:inset 0 0 0 1px #6e501459,0 0 22px #f3dc8f59}.celebration.is-legendary .celebration-light{background:radial-gradient(60% 75% at 50% 0%,rgba(201,236,217,.2),transparent 70%),radial-gradient(40% 60% at 30% 0%,rgba(248,201,188,.22),transparent 70%),radial-gradient(40% 60% at 72% 0%,rgba(198,218,244,.22),transparent 70%)}.celebration .badge-item{background:#f7f5ef12;border-color:#f7f5ef1a}.celebration .badge-text a{color:var(--paper)}.celebration .badge-text small{color:var(--player-muted)}.celebration-actions{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}.celebration .outline-button{color:var(--paper);border-color:#f7f5ef3d}.celebration .outline-button:hover{background:#f7f5ef1a}.celebration .primary-button{background:var(--paper);color:var(--ink)}.celebration .primary-button:hover{background:#fff}.player-title{display:inline-flex;align-items:center;gap:20px;min-width:0}.player-title>span:last-child{min-width:0;overflow-wrap:anywhere}.player-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.share-link{display:flex;align-items:center;gap:12px;min-width:0}.share-link-url{min-width:0;max-width:340px;overflow:hidden;font-size:12px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all}.stage{position:relative;overflow:hidden;padding:46px 36px 30px;border-radius:20px;background:linear-gradient(180deg,#30332c,#272923)}.stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(90% 60% at 50% -10%,rgba(255,238,205,.08),transparent 70%)}.stage-shelf{--gap: 26px;position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px var(--gap);margin:0;padding:0;list-style:none}.stage-slot{position:relative;min-width:0}.stage-light{position:absolute;left:50%;top:-46px;width:190%;height:calc(100% + 46px);transform:translate(-50%);pointer-events:none;-webkit-mask:linear-gradient(180deg,transparent,#000 52px);mask:linear-gradient(180deg,transparent,#000 52px);background:radial-gradient(50% 58% at 50% 0%,color-mix(in srgb,var(--glow) 42%,transparent),transparent 72%)}.stage-slot.is-common .stage-light{opacity:.55}.stage-slot.is-epic .stage-light{background:radial-gradient(50% 58% at 50% 0%,color-mix(in srgb,var(--glow) 34%,transparent),rgba(178,160,217,.1) 50%,transparent 74%)}.stage-slot.is-legendary .stage-light{background:radial-gradient(50% 58% at 50% 0%,rgba(255,240,210,.4),rgba(201,236,217,.12) 45%,rgba(198,218,244,.08) 60%,transparent 76%)}.stage-slot .vinyl-card{position:relative;z-index:1}.stage-slot .album-artwork:after,.stage-empty:after{content:"";position:absolute;left:calc(var(--gap) / -2);right:calc(var(--gap) / -2);bottom:-12px;height:12px;background:linear-gradient(180deg,#a6845a 0 2px,#7d5f3f 2px 6px,#634a31 6px 100%);box-shadow:0 8px 14px #00000052}.stage-empty:after{left:calc(var(--gap) / -2 - 1.5px);right:calc(-25% - var(--gap) / 2 - 2.25px);bottom:-13.5px}.stage-slot .vinyl-card-link .album-artwork{margin-bottom:26px}.stage-slot .album-artwork-cover{box-shadow:0 6px 14px #00000059}.stage .vinyl-card-title{color:var(--paper)}.stage .vinyl-card-artist,.stage .vinyl-card-serial,.stage .vinyl-card-count{color:var(--player-muted)}.stage-empty{position:relative;display:grid;place-content:center;justify-items:center;gap:6px;width:80%;aspect-ratio:1;margin-bottom:26px;padding:8px;border:1.5px dashed rgba(247,245,239,.2);border-radius:9px;color:var(--player-muted);text-decoration:none;text-align:center;transition:border-color .2s,background .2s}.stage-empty:hover{border-color:#f7f5ef73;background:#f7f5ef0a}.stage-empty span:not(.stage-empty-disc){font-size:12px;font-weight:600;color:var(--paper)}.stage-empty small{font-size:11px}.stage-empty-disc{width:34%;aspect-ratio:1;margin-bottom:4px;border-radius:50%;border:1.5px solid rgba(247,245,239,.2);background:radial-gradient(circle,rgba(247,245,239,.2) 0 16%,transparent 17%)}.profile-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:18px}.profile-column{display:grid;gap:18px;min-width:0}.nowrap{white-space:nowrap}.badges-panel .badge-list{grid-template-columns:1fr;margin-top:16px}.badges-panel .badge-empty,.badges-panel .skeleton{margin-top:16px}.identity-hero{display:flex;align-items:center;gap:16px;margin-bottom:22px}.identity-hero .panel-lead{margin-top:4px}.name-form{margin-bottom:18px}.input-row{display:flex;gap:10px}.input-row input{flex:1;min-width:0}.name-form .form-field{margin-bottom:14px}.name-form .form-error{margin:-6px 0 0}.code-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--line)}.code-row small{display:block;margin-bottom:4px;font-size:11.5px;color:var(--muted)}.code-chip{font:600 24px/1 var(--display);letter-spacing:.14em;font-variant-numeric:tabular-nums}.platform-panel legend{float:left;width:100%;padding:0}.platform-panel legend+*{clear:both;padding-top:6px}.platform-options{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 16px}.platform-option{position:relative;cursor:pointer}.platform-option input{position:absolute;opacity:0;width:1px;height:1px}.platform-option span{display:inline-flex;align-items:center;min-height:42px;padding:9px 16px;border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.platform-option:hover span{border-color:#c4caba;background:var(--paper)}.platform-option input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper)}.platform-option input:focus-visible+span{outline:2px solid var(--coral-ink);outline-offset:2px}.platform-option input:disabled+span{cursor:progress}.platform-panel .field-help{margin:0}.odds-list{display:grid;margin:14px 0 0;padding:0;list-style:none}.odds-list li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.odds-list li:last-child{border-bottom:0}.odds-list .vinyl{box-shadow:1px 3px 6px #3936262e}.odds-text{display:grid;justify-items:start;gap:5px;min-width:0}.odds-text small{font-size:12px;color:var(--muted)}.odds-list strong{font:600 21px var(--display);letter-spacing:-.5px;font-variant-numeric:tabular-nums}.odds-panel .fine-print{margin-top:10px}.sources dl{display:grid;margin:14px 0 0}.sources dl>div{padding:11px 0;border-bottom:1px solid var(--line)}.sources dt{font-size:13px;font-weight:600}.sources dd{margin:3px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}.measure{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.measure-title{font-family:inherit;font-size:13px;font-weight:600}.measure-title+p{margin:3px 0 12px;font-size:13px;line-height:1.6;color:var(--muted)}.measure .field-help{margin-top:8px}.danger-button{color:#a93622;border-color:#ecc8bf}.danger-button:hover:not(:disabled){background:#fbe8e3;border-color:#e5b3a7}@media(max-width:1180px){.stage-shelf{--gap: 30px;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px var(--gap)}.trade-sides{grid-template-columns:minmax(0,1fr)}.trade-arrow{width:32px;height:32px;margin:-2px 0}.trade-arrow .arrow-wide{display:none}.trade-arrow .arrow-narrow{display:block}}@media(max-width:1000px){.profile-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:850px){.tray{top:8px}.tray-hint{display:none}}@media(max-width:620px){.box-tabs{display:flex;width:100%}.box-tabs [role=tab]{flex:1;padding:8px 10px}.side-tabs{display:flex;width:100%}.side-tabs [role=tab]{flex:1;min-width:0;padding:8px 10px}.trade-card{padding:16px 16px 18px}.trade-head{flex-wrap:wrap;gap:10px 12px}.trade-head-text{flex:1 1 calc(100% - 60px)}.trade-head h2{font-size:15.5px}.trade-head .trade-status{margin-left:54px}.trade-side{padding:14px 12px 16px}.trade-copies{display:flex;gap:12px;margin:0 -12px;padding:0 12px 2px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 12px;scrollbar-width:none}.trade-copies::-webkit-scrollbar{display:none}.trade-copies>.vinyl-card{flex:0 0 118px;scroll-snap-align:start}.trade-actions{width:100%}.trade-actions>*{flex:1}.find-row{flex-direction:column;align-items:stretch}.hide-narrow{display:none}.tray{gap:2px;padding:6px}.tray-side{padding:6px 9px}.tray-side small{font-size:9px;letter-spacing:.1em}.tray-side strong{font-size:19px}.tray-stack .vinyl:nth-child(n+3){display:none}.tray-next .primary-button{padding:10px 13px}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:22px 12px}.pick-check{left:6px;top:6px;width:24px;height:24px}.picker-search{max-width:none}.filter-pills{flex-wrap:nowrap;overflow-x:auto;margin:0 -18px;padding:2px 18px;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pill span{white-space:nowrap}.recap-actions>*{flex:1}.social-dialog-body{padding:22px 20px}.social-dialog h2{font-size:23px}.confirm-sides{gap:14px;padding:14px 10px}.confirm-actions>*{flex:1 1 auto}.celebration .social-dialog-body{padding:30px 18px 22px}.celebration-records{gap:18px 14px;margin-top:26px}.celebration-record,.celebration-records.is-many .celebration-record{width:calc(50% - 7px);max-width:150px}.player-title{gap:14px}.player-title .social-avatar-large{width:50px;height:50px;font-size:21px}.share-link-url{display:none}.stage{padding:34px 18px 22px;border-radius:16px}.stage-shelf{--gap: 22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px var(--gap)}.stage-light{top:-28px;height:calc(100% + 28px)}.social-panel{padding:20px 18px}.code-chip{font-size:21px}}@media(prefers-reduced-motion:reduce){.social-dialog-body{animation:social-fade .15s ease-out}.celebration-rays,.celebration-record .album-artwork-record{animation:none}.celebration-record,.celebration-badges{animation:social-fade .25s ease-out both;animation-delay:0s}.pick-skeleton span,.pick-skeleton i{animation:none}.pick.is-checked .pick-check{transform:none}}.account-skeleton{margin-top:20px}.account-error{margin:18px 0 0}.account-part,.account-signout{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.account-part h3{display:flex;align-items:center;gap:8px;margin-bottom:12px;font:600 15px/1.3 var(--display);letter-spacing:-.25px}.account-part h3 svg{flex:none;color:var(--muted)}.account-part h3:focus{outline:none}.account-part h3:focus-visible{outline:2px solid var(--coral-ink);outline-offset:3px;border-radius:4px}.account-lead{margin:-4px 0 14px;font-size:12.5px;line-height:1.6;color:var(--muted)}.account-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.account-row-text{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0}.account-row-text strong{font-size:13.5px;font-weight:600;overflow-wrap:anywhere}.account-row+.account-pending,.account-row+.account-form,.danger-note+.account-form{margin-top:12px}.account-pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.account-pill.is-ok{background:var(--acid);color:var(--ink)}.account-pill.is-pending{background:#f4ecd2;color:#7a5a14}.account-pending p{margin:10px 0 12px;font-size:12.5px;line-height:1.6;color:var(--muted)}.account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.account-form .form-field{margin-bottom:8px}.account-form .form-error{margin:8px 0 0}.account-form .field-help{margin:0}.account-form>.text-button{margin-top:4px}.account-list{display:grid;gap:8px;margin:0 0 14px;padding:0;list-style:none}.account-list li{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 6px 8px 13px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.account-list-icon{flex:none;color:var(--muted)}.account-list-text{flex:1;min-width:0}.account-list-text strong{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-list-text small{display:block;margin-top:2px;font-size:11.5px;color:var(--muted)}.account-remove{color:var(--muted)}.account-remove:hover{color:#a93622;background:#fbe8e3}.account-help{margin:10px 0 0}.account-signout{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}.account-signout p{flex:1 1 200px;font-size:12.5px;line-height:1.55;color:var(--muted)}.account-note{margin:0;padding:11px 13px;border-radius:10px;background:var(--card);font-size:12.5px;line-height:1.6;color:#555b50}.account-note a{color:var(--coral-ink);font-weight:600}.account-soon strong{color:var(--ink);font-weight:600}.danger-note{margin:0;padding:10px 13px;border-radius:9px;background:#fbe8e3;color:#8f3424;font-size:12.5px;line-height:1.55}.confirm .danger-note,.connexion-switch .danger-note{margin-top:14px}.account-nudge{display:flex;align-items:center;gap:12px;margin:-18px 0 28px;padding:8px 8px 8px 14px;border:1px solid var(--card-line);border-radius:12px;background:var(--card);font-size:13px;line-height:1.45;animation:enter .35s ease-out both}.account-nudge-icon{flex:none;color:var(--coral)}.account-nudge p{flex:1;min-width:0;color:#555b50}.account-nudge strong{font-weight:600;color:var(--ink)}.account-nudge-action{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:7px 14px;border-radius:8px;background:var(--ink);color:var(--paper);font-size:12.5px;font-weight:600;text-decoration:none;transition:background .2s}.account-nudge-action:hover{background:var(--ink-hover)}.account-nudge-close{width:36px;height:36px;color:var(--muted)}.account-nudge-icon.is-sent{color:#5c6b1f}.account-nudge-action.is-quiet{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.account-nudge-action.is-quiet:hover:not(:disabled){background:var(--sage)}.account-nudge-action:disabled{opacity:.55;cursor:default}.account-nudge.has-form{flex-wrap:wrap}.account-nudge-form{display:flex;flex:0 1 380px;gap:8px;min-width:0}.account-nudge-form input{flex:1;min-width:0;height:36px;padding:0 12px;border:1px solid #d3d8ca;border-radius:8px;background:#fdfcf8;color:var(--ink);font-size:13px}.account-nudge-form input:focus-visible{outline:2px solid var(--coral-ink);outline-offset:1px}.account-nudge-error{flex-basis:100%;margin:0 0 2px 30px;font-size:12.5px}.account-nudge-close:hover{background:var(--sage);color:var(--ink)}@media(max-width:620px){.account-nudge{margin:-10px 0 22px;gap:10px;padding:8px 4px 8px 12px;font-size:12.5px;line-height:1.4}.account-nudge p strong{font-weight:600}.account-nudge-action{min-height:34px;padding:6px 11px;font-size:12px}.account-nudge-close{width:32px;height:32px}.account-nudge.has-form{align-items:flex-start;padding:10px 4px 12px 12px}.account-nudge.has-form>p{flex:1 1 calc(100% - 70px);padding-top:1px}.account-nudge.has-form .account-nudge-icon{margin-top:1px}.account-nudge.has-form .account-nudge-close{margin:-6px 0 0}.account-nudge-form{order:3;flex:1 1 100%;margin:2px 8px 0 28px}.account-nudge-form input{height:40px;font-size:16px}.account-nudge-form .account-nudge-action{min-height:40px}.account-nudge-error{order:4;margin:0 8px 0 28px}}.connexion-body{max-width:940px}.connexion-note{margin:12px 0 0}.connexion-title{font:600 26px/1.15 var(--display);letter-spacing:-.9px}.connexion-result{display:grid;justify-items:start;gap:14px;max-width:620px;padding:28px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.connexion-result[role=status]:not(.is-success){justify-items:center;text-align:center}.connexion-result p{font-size:14px;line-height:1.65;color:#555b50}.connexion-result p strong{color:var(--ink);overflow-wrap:anywhere}.connexion-result-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--acid);color:var(--ink)}.connexion-result.is-failed .connexion-result-icon{background:#fbe8e3;color:var(--coral-ink)}.connexion-result .primary-button,.connexion-result .outline-button{margin-top:4px}.connexion-retry{width:100%;padding-top:4px}.connexion-switch{max-width:680px;padding:28px}.connexion-switch .connexion-title{margin-top:10px}.connexion-switch>p:not(.danger-note){margin-top:14px;font-size:14px;line-height:1.65;color:#555b50}.switch-sides{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin:22px 0 6px}.switch-game{display:grid;justify-items:center;gap:6px;min-width:0;padding:18px 14px;border-radius:12px;background:var(--card);text-align:center}.switch-game.is-target{background:var(--player);color:var(--paper)}.switch-game small{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.switch-game.is-target small{color:var(--acid)}.switch-game .social-avatar{margin:4px 0 2px}.switch-game.is-target .social-avatar{background:var(--acid);color:var(--ink)}.switch-game strong{max-width:100%;font:600 17px/1.2 var(--display);letter-spacing:-.4px;overflow-wrap:anywhere}.switch-game span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.switch-game.is-target span{color:var(--player-muted)}.switch-arrow{color:var(--muted)}.email-form .form-field input{font-size:15px}.email-form .form-field{margin-bottom:12px}.email-form .form-error{margin:-4px 0 12px}.email-form .fine-print{margin-top:12px}.email-sent{display:grid;justify-items:start;gap:14px}.connexion-title[tabindex="-1"]:focus{outline:none}.email-sent p{font-size:14px;line-height:1.65;color:#555b50}.email-sent p strong{color:var(--ink);overflow-wrap:anywhere}.email-sent .fine-print{margin:0;font-size:12px}.email-sent .text-button{display:inline;min-height:0;font-size:inherit;text-decoration:underline;text-underline-offset:2px}.code-form{width:100%}.code-form .form-field{margin-bottom:0}.code-form .input-row input{flex:0 1 190px;font-size:18px;font-weight:600;letter-spacing:.3em;font-variant-numeric:tabular-nums}.code-form .form-error{margin:8px 0 0}.account-pending .code-form{margin-bottom:12px}.welcome-card .account-soon{margin-bottom:4px}.welcome-notice{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px;padding:14px 16px;border-radius:12px;background:#eef1df}.welcome-notice>svg{flex:none;margin-top:3px;color:#5c6b1f}.welcome-notice.is-failed{background:#fbe8e3}.welcome-notice.is-failed>svg{color:var(--coral-ink)}.welcome-notice .connexion-title{font-size:19px;letter-spacing:-.5px}.welcome-notice p{margin-top:4px;font-size:13px;line-height:1.6;color:#555b50}.welcome-notice p strong{color:var(--ink);overflow-wrap:anywhere}@media(max-width:620px){.connexion-result,.connexion-switch{padding:22px 18px}.connexion-title{font-size:23px}.switch-sides{grid-template-columns:minmax(0,1fr);gap:8px}.switch-arrow{justify-self:center;transform:rotate(90deg)}.connexion-switch .confirm-actions{flex-direction:column-reverse}.connexion-switch .confirm-actions>*{width:100%}.email-form .form-field input{font-size:16px}}@media(prefers-reduced-motion:reduce){.account-nudge{animation:none}}.install-panel .primary-button{margin-top:16px}.install-help{margin-top:12px;font-size:12.5px;line-height:1.6;color:var(--muted)}.install-button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 12px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:12.5px;font-weight:600;white-space:nowrap;transition:background .2s,transform .15s}.install-button:hover{background:var(--ink-hover)}.install-button:active{transform:scale(.97)}.install-button svg{flex:none;color:var(--coral)}.mobile-header .install-button,.session-header .install-button{margin-left:auto}.mobile-header:has(.install-button){gap:8px}.mobile-header:has(.install-button) .identity-text{display:none}@media(max-width:355px){.mobile-header:has(.install-button) .brand strong,.session-header:has(.install-button) .brand strong{display:none}}.install-guide.is-bottom{margin-bottom:max(10px,env(safe-area-inset-bottom))}.install-guide.is-top{margin:max(10px,env(safe-area-inset-top)) 10px auto auto}.install-guide-steps{display:grid;gap:12px;margin:20px 0 0;padding:0;list-style:none;counter-reset:step}.install-guide-steps li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.45;color:#555b50;counter-increment:step}.install-guide-steps li:before{content:counter(step);flex:none;width:18px;font:600 13px var(--display);color:var(--muted);text-align:center}.install-guide-steps strong{font-weight:600;color:var(--ink)}.install-tile{flex:none;display:grid;place-items:center;min-width:40px;height:40px;padding:0 8px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:#0a84ff}.install-guide-steps .install-tile-word{font-size:13px;font-weight:600;color:#0a84ff}.install-guide .confirm-actions{margin-top:20px}.install-address{font-weight:600;color:var(--ink);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.install-copy{margin-top:12px}.install-help:empty{margin:0}.install-pointer{display:flex;flex-direction:column;align-items:center;gap:2px;width:max-content;margin:18px auto -8px;color:var(--coral-ink);font-size:12px;font-weight:600;animation:install-nudge 1.1s ease-in-out infinite}.install-pointer.is-safari26{margin-right:4px}.install-pointer.is-ipad{margin:-8px 4px 14px auto;--nudge: -5px}@keyframes install-nudge{50%{transform:translateY(var(--nudge, 5px))}}@media(orientation:landscape){.install-guide.is-bottom .install-pointer{display:none}}@media(prefers-reduced-motion:reduce){.install-pointer{animation:none}}.op-scene{--w: min(490px, 76vw, 58vh);--d: calc(var(--w) * .64);--h: calc(var(--w) * .38);--tilt: 40deg;position:fixed;inset:0;z-index:900;display:grid;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);color:#f4ecdf;background:radial-gradient(110% 64% at 50% -10%,rgba(255,204,138,.24),transparent 60%),radial-gradient(80% 50% at 50% 108%,rgba(120,76,38,.32),transparent 70%),linear-gradient(#2d251d,#1c1713 60%,#15110e);overflow:hidden;user-select:none;-webkit-user-select:none;animation:op-scene-in .32s ease-out}.op-scene :focus-visible{outline:2px solid #f6c26b;outline-offset:3px}.op-scene:focus{outline:none}@keyframes op-scene-in{0%{opacity:0}}.op-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(46% 70% at 50% 0%,rgba(255,222,168,.13),rgba(255,222,168,.04) 60%,transparent 80%)}.op-kraft{background-color:#a6794b;background-image:var(--kraft-img, none);background-size:calc(var(--w, 320px) * .8)}.op-bar{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px 8px;padding-top:calc(16px + env(safe-area-inset-top))}.op-bar-title{display:flex;align-items:center;gap:12px;min-width:0}.op-bar-title>span:last-child{min-width:0}.op-bar-box{position:relative;width:34px;height:34px;flex:none;border-radius:7px;box-shadow:inset 0 0 0 1px #0003,0 4px 10px #0000004d;overflow:hidden}.op-bar-box:after{content:"";position:absolute;left:0;right:0;top:40%;height:22%;background:#784a1cb3}.op-bar-title strong{display:block;font:600 16px/1.2 var(--display);letter-spacing:-.3px;color:#fbf3e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-bar-title small{display:block;margin-top:2px;font-size:11.5px;color:#b9ab95;font-variant-numeric:tabular-nums;white-space:nowrap}.op-bar-tools{display:flex;gap:8px;flex:none}.op-tool{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:40px;min-height:40px;padding:0 13px;border-radius:999px;font-size:12.5px;font-weight:600;color:#a2967f;background:#fff4e20d;border:1px solid rgba(255,244,226,.1);transition:background .2s,color .2s,border-color .2s}.op-tool.is-on{color:#f3e8d6;border-color:#fff4e233}.op-tool.is-on svg{color:#f6c26b}.op-tool:hover:not(:disabled){background:#fff4e21f}.op-close{width:40px;padding:0;color:#f3e8d6}@media(max-width:640px){.op-bar{padding:12px 14px 4px;padding-top:calc(12px + env(safe-area-inset-top))}.op-tool-label{display:none}.op-tool{width:40px;padding:0}}.op-main{position:relative;min-height:0}.op-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.op-stage-box{gap:6px;transform-origin:50% 33%}.op-boxview{position:relative;width:100%;flex:none;height:min(calc(var(--w) * 1.02),62vh);display:grid;place-items:center;perspective:1150px;perspective-origin:50% 24%;touch-action:none;cursor:default}.op-boxview.is-open{pointer-events:none}.op-breathe,.op-tilt,.op-world,.op-box,.op-top,.op-flap{transform-style:preserve-3d}.op-breathe{width:var(--w);height:var(--d);margin-top:calc(var(--h) * .3)}.op-tilt{width:100%;height:100%}.op-world{position:relative;width:100%;height:100%;transform:rotateX(var(--tilt))}.op-box{position:absolute;inset:0;animation:op-arrive .8s cubic-bezier(.3,.7,.35,1.12) .06s both,op-breathe 5s ease-in-out 1s infinite}@keyframes op-arrive{0%{transform:translate3d(0,-14%,calc(var(--h) * 2.2)) rotate(-5deg)}}.op-boxview.is-cutting .op-box,.op-boxview.is-open .op-box{animation-play-state:running,paused}@keyframes op-breathe{50%{transform:translateZ(4px) scale3d(1.008,1.008,1.008)}}.op-floor{position:absolute;inset:-80% -95% -120%;transform:translateZ(-2px);pointer-events:none;background:radial-gradient(closest-side,rgba(255,212,158,.16),rgba(255,212,158,.05) 55%,transparent),linear-gradient(#180e06a3,#180e06a3),var(--wood-img, none) 0 30% / calc(var(--w) * 1.5) auto;-webkit-mask-image:radial-gradient(closest-side,#000 22%,rgba(0,0,0,.45) 58%,transparent);mask-image:radial-gradient(closest-side,#000 22%,rgba(0,0,0,.45) 58%,transparent)}.op-shadow{position:absolute;inset:-14% -11% -7% -6%;transform:translateZ(-1px);pointer-events:none;background:radial-gradient(closest-side at 53% 46%,rgba(8,5,2,.62),rgba(8,5,2,.3) 58%,transparent);animation:op-shadow-in .8s ease-in .06s both,op-shadow 5s ease-in-out 1s infinite}@keyframes op-shadow-in{0%{opacity:0;transform:translateZ(-1px) scale(.7)}}.op-shadow:after{content:"";position:absolute;inset:11.6% 9.4% 5.8% 5.1%;border-radius:3px;background:#0604029e;box-shadow:0 0 calc(var(--w) * .024) calc(var(--w) * .008) #06040280}.op-boxview.is-cutting .op-shadow,.op-boxview.is-open .op-shadow{animation-play-state:running,paused}@keyframes op-shadow{50%{opacity:.86}}.op-face{position:absolute;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.op-face:after{content:"";position:absolute;inset:0;pointer-events:none}.op-face-front:before,.op-flap-out:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,#3a200a00 0,#3a200a08 calc(var(--w) * .0075),#3a200a00 calc(var(--w) * .015))}.op-face-front{left:0;width:100%;height:var(--h);top:calc(100% - var(--h));transform-origin:bottom;transform:rotateX(-90deg);background-position:23% 71%;clip-path:polygon(0 3.5%,1.2% 0,98.6% 0,100% 2.6%,100% 98.6%,99.4% 100%,.5% 100%,0 98.2%)}.op-face-front:after{background:linear-gradient(to bottom,#ffe2b233,#ffe2b200 5%),linear-gradient(to bottom,#180c031a,#180c0333 60%,#180c035c 90%,#0e070299),linear-gradient(90deg,#ffe0b014,#ffe0b000 35%,#180c0300 60%,#180c0329)}.op-face-left{left:0;top:0;width:var(--h);height:100%;transform-origin:left center;transform:rotateY(-90deg);background-position:61% 33%}.op-face-right{right:0;top:0;width:var(--h);height:100%;transform-origin:right center;transform:rotateY(90deg);background-position:12% 58%}.op-face-left:after{background:linear-gradient(to left,#180c032e,#180c0366)}.op-face-right:after{background:linear-gradient(to right,#1008026b,#1008029e)}.op-side-tape{position:absolute;top:calc(50% - var(--w) * .055);height:calc(var(--w) * .11);right:0;width:64%;background:linear-gradient(to bottom,#ffecce4d,#804c1e9e 6% 94%,#ffe6c433)}.op-face-right .op-side-tape{left:0;right:auto}.op-arrows,.op-stamp,.op-certificate,.op-brand-stamp{mix-blend-mode:multiply;filter:blur(.3px);-webkit-mask-image:var(--ink-img, none);mask-image:var(--ink-img, none);-webkit-mask-size:140px;mask-size:140px}.op-arrows{position:absolute;left:5%;top:16%;width:calc(var(--w) * .075);color:#28160899;-webkit-mask-position:30% 70%;mask-position:30% 70%}.op-arrows svg{display:block;width:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.op-stamp{position:absolute;left:50%;top:52%;display:flex;flex-direction:column;align-items:center;padding:.32em .9em .34em;transform:translate(-50%,-50%) rotate(-5deg);font-size:calc(var(--w) * .056);color:#a83a2ad1;text-shadow:0 0 .06em rgba(168,58,42,.55);border:calc(var(--w) * .009) double currentColor;border-radius:.12em;-webkit-mask-size:150px;mask-size:150px}.op-stamp strong{font:700 1em/1 var(--display);letter-spacing:.22em;text-transform:uppercase;margin-right:-.22em}.op-stamp small{margin-top:.3em;font-size:.3em;font-weight:700;letter-spacing:.3em;text-transform:uppercase}.op-certificate{position:absolute;right:4.5%;bottom:9%;width:calc(var(--w) * .13);opacity:.6;-webkit-mask-position:60% 20%;mask-position:60% 20%}.op-certificate svg{display:block;width:100%;overflow:visible}.op-certificate circle{fill:none;stroke:#3b2410;stroke-width:1.6}.op-certificate text{font:700 8.5px var(--text);fill:#3b2410;letter-spacing:.4px}.op-certificate .op-cert-big{font:700 22px var(--display)}.op-scuff{position:absolute;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 35%,transparent);mask-image:radial-gradient(closest-side,#000 35%,transparent)}.op-scuff-a{left:-3%;top:-6%;width:10%;height:32%;background:linear-gradient(118deg,transparent 36%,rgba(255,226,178,.34) 46%,rgba(24,12,3,.42) 53%,transparent 66%)}.op-scuff-b{right:7%;top:4%;width:14%;height:22%;background:radial-gradient(closest-side,rgba(238,206,160,.2),transparent)}.op-scuff-c{right:-3%;top:-7%;width:8%;height:26%;background:linear-gradient(62deg,transparent 38%,rgba(24,12,3,.3) 48%,rgba(255,226,178,.14) 55%,transparent 64%)}.op-scuff-d{left:3%;bottom:5%;width:20%;height:14%;background:radial-gradient(closest-side,rgba(240,210,168,.22),transparent)}.op-top{position:absolute;inset:0;transform:translateZ(var(--h))}.op-boxview:not(.is-open) .op-inside{visibility:hidden}.op-inside{position:absolute;inset:0;overflow:hidden;background:linear-gradient(to bottom,#ffe2b214,#180c0342 21%,#0a0501ad 23.5%,#0a050185 32%,#0a0501a3 76%,#060301c2),var(--kraft-img, none) 40% 20% / calc(var(--w) * .8),#6e4a2a;box-shadow:inset 0 0 calc(var(--w) * .006) calc(var(--w) * .002) #ffe0b04d,inset 0 0 calc(var(--w) * .1) #0009}.op-inside:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,3,1,.5),rgba(6,3,1,.14) 9%,transparent 14%,transparent 86%,rgba(6,3,1,.24) 91%,rgba(6,3,1,.62))}.op-inside-records{position:absolute;inset:0}.op-inside:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,#0603019e,#06030138 7%,#06030100 16%),linear-gradient(90deg,#06030157,#06030100 8% 90%,#06030170)}.op-inside-records span{position:absolute;height:21%;border-radius:2px 2px 0 0;opacity:0;transition:opacity .35s;background:linear-gradient(to bottom,#fff6e280,#fff6e21f 2.5%,#fff6e200 8%),linear-gradient(to bottom,#0e07020f 5%,#0e070280,#0a0501db 75%,#0a0602),linear-gradient(90deg,#0a050166,#0a050100 13% 85%,#0a050175),linear-gradient(rgba(10,5,1,var(--dim, 0)),rgba(10,5,1,var(--dim, 0))),linear-gradient(100deg,#fff8e81a,#fff8e800 45%),var(--board, #ddd3bd);box-shadow:0 calc(var(--w) * -.005) calc(var(--w) * .014) #0000008c,0 calc(var(--w) * -.001) calc(var(--w) * .002) #0006}.op-inside-records.is-filled span{opacity:1}.op-inside-records span:nth-child(2n){--board: #d6cbb2}.op-inside-records span:nth-child(3n){--board: #e3dac6}.op-inside-records[data-best]:after{content:"";position:absolute;z-index:1;inset:20% 8% 46%;opacity:.75;pointer-events:none;background:radial-gradient(closest-side,rgb(var(--best) / .55),rgb(var(--best) / .2) 45%,transparent);animation:op-inside-glow 2.4s ease-in-out infinite alternate}.op-inside-records[data-best=rare]{--best: 84 160 255}.op-inside-records[data-best=epic]{--best: 178 116 255}.op-inside-records[data-best=legendary]{--best: 255 190 70}@keyframes op-inside-glow{0%{opacity:.45;transform:scale(.94)}to{opacity:.9;transform:scale(1.05)}}.op-paper{position:absolute;inset:0}.op-paper span{position:absolute;width:calc(var(--w) * var(--sz) * 1.2);height:calc(var(--w) * var(--sz) * 1.3);margin:calc(var(--w) * var(--sz) * -.65) 0 0 calc(var(--w) * var(--sz) * -.6);filter:drop-shadow(0 calc(var(--w) * -.004) calc(var(--w) * .006) rgba(6,3,1,.7)) drop-shadow(0 calc(var(--w) * -.01) calc(var(--w) * .024) rgba(6,3,1,.45))}.op-paper i,.op-scraps i{background:radial-gradient(55% 50% at 36% 30%,#fffaee38,#fffaee00 70%),radial-gradient(80% 80% at 42% 38%,#1e140800 40%,#1e140880 92%),linear-gradient(#3c2c1842,#3c2c1842),var(--paper-img, none) var(--bx, 40%) var(--by, 60%) / calc(var(--w) * .3),#cfc5b0}.op-paper i{position:absolute;inset:0}.op-flap{position:absolute}.op-flap-back{left:0;top:0;width:100%;height:50%;transform-origin:top center}.op-flap-front{left:0;bottom:0;width:100%;height:50%;transform-origin:bottom center}.op-flap-left{left:0;top:0;width:calc(var(--d) / 2);height:100%;transform-origin:left center}.op-flap-right{right:0;top:0;width:calc(var(--d) / 2);height:100%;transform-origin:right center}.op-flap-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.op-flap-face:after{content:"";position:absolute;inset:0;pointer-events:none}.op-flap-in{transform:rotateX(180deg);background-color:#b18758}.op-flap-left .op-flap-in,.op-flap-right .op-flap-in{transform:rotateY(180deg)}.op-flap-back .op-flap-out{background-position:8% 44%}.op-flap-front .op-flap-out{background-position:61% 12%}.op-flap-left .op-flap-out{background-position:37% 83%}.op-flap-right .op-flap-out{background-position:83% 29%}.op-flap-back .op-flap-in{background-position:71% 66%}.op-flap-front .op-flap-in{background-position:19% 91%}.op-flap-left .op-flap-in{background-position:52% 7%}.op-flap-right .op-flap-in{background-position:4% 23%}.op-flap-back .op-flap-out:after{background:radial-gradient(75% 150% at 30% 100%,#ffe6ba21,#ffe6ba00 70%),linear-gradient(to bottom,#ffe2b229,#ffe2b200 2.5%),linear-gradient(to top,#180c0352,#180c0300 4%),linear-gradient(90deg,#ffe2b21f,#ffe2b200 1.6% 98.4%,#ffe2b212),linear-gradient(to bottom,#180c0312,#180c0300 60%)}.op-flap-front .op-flap-out:after{background:radial-gradient(75% 150% at 30% 0%,#ffe6ba21,#ffe6ba00 70%),linear-gradient(to top,#ffe6ba42,#ffe6ba00 3%),linear-gradient(to bottom,#180c0352,#180c0300 4%),linear-gradient(90deg,#ffe2b21f,#ffe2b200 1.6% 98.4%,#ffe2b212),linear-gradient(90deg,#180c0300 50%,#180c0312)}.op-flap-left .op-flap-out:after,.op-flap-right .op-flap-out:after{background:#180c032e}.op-flap-in:after{--ao: rgba(18, 9, 2, .66), rgba(255, 230, 190, .12) 1.6%, rgba(18, 9, 2, .4) 4%, rgba(18, 9, 2, .24) 24%, rgba(18, 9, 2, .08) 60%, rgba(255, 230, 190, .12)}.op-flap-back .op-flap-in:after{background:linear-gradient(to top,var(--ao)),linear-gradient(90deg,#ffe4b80f,#1209021f)}.op-flap-front .op-flap-in:after{background:linear-gradient(to bottom,var(--ao)),linear-gradient(90deg,#12090200 40%,#12090224)}.op-flap-left .op-flap-in:after{background:linear-gradient(to left,var(--ao)),linear-gradient(to bottom,#ffe4b81a,#1209021f)}.op-flap-right .op-flap-in:after{background:linear-gradient(to right,var(--ao)),linear-gradient(to bottom,#12090229,#12090257)}.op-flap-edge{position:absolute;left:0;right:0;height:calc(var(--w) * .012);background:var(--flute-img, none) 0 0 / auto 100% repeat-x,#9c7146;backface-visibility:hidden}.op-flap-back .op-flap-edge{bottom:0;transform-origin:bottom;transform:rotateX(90deg)}.op-flap-front .op-flap-edge{top:0;transform-origin:top;transform:rotateX(-90deg)}.op-tape{position:absolute;left:0;display:block;overflow:visible;pointer-events:none}.op-tape-back{bottom:0}.op-tape-front{top:0}.op-tape-fill{fill:#7f4b1d;opacity:.62}.op-tape-print{fill:#2c15044d}.op-tape-print text{font-family:var(--display);font-weight:700;letter-spacing:.04em}.op-tape-crease{fill:none;stroke:#ffeed021;stroke-width:.6;stroke-linecap:round}.op-tape-crease.is-dark{stroke:#2412041a}.op-tape-static{opacity:0;transition:opacity .3s}.op-boxview.is-scored .op-tape-static{opacity:1}.op-tape-drop{fill:#24120433}.op-tape-edge{fill:none;stroke:#ffeed24d;stroke-width:.6;stroke-linejoin:round}.op-tape-front .op-tape-edge{stroke:#1e0e0352}.op-tape-gloss{position:absolute;left:0;right:0;top:50%;height:calc(var(--w) * .11);margin-top:calc(var(--w) * -.055);transform:translateZ(1.4px);overflow:hidden;pointer-events:none;transition:opacity .3s}.op-tape-gloss i{position:absolute;top:0;bottom:0;left:8%;width:62%;background:radial-gradient(50% 30% at 50% 30%,#fff8e84d,#fff4de17 55%,#fff4de00),radial-gradient(42% 8% at 50% 21%,#fffcf452,#fffcf400);animation:op-gloss-drift 5s ease-in-out 1s infinite}@keyframes op-gloss-drift{50%{translate:9% 0}}.op-boxview.is-scored .op-tape-gloss,.op-boxview.is-open .op-tape-gloss{opacity:0}.op-brand-stamp{position:absolute;left:7%;top:26%;display:flex;align-items:center;gap:.32em;font:700 calc(var(--w) * .042)/1 var(--display);letter-spacing:-.05em;color:#221205a8;transform:rotate(-3deg);-webkit-mask-size:120px;mask-size:120px}.op-brand-stamp .brand-mark{width:1.05em;height:1.05em;filter:grayscale(1) brightness(.35)}.op-brand-stamp small{margin-left:.5em;font:700 .3em var(--text);letter-spacing:.16em;text-transform:uppercase}.op-label{position:absolute;right:6%;top:30%;width:38%;display:flex;flex-direction:column;gap:.32em;padding:.7em .8em .6em;border-radius:1.5px;transform:rotate(-1.8deg);font:400 calc(var(--w) * .021)/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#1f1d1a;background:linear-gradient(162deg,#f2ecdf,#e9e1cf 55%,#dcd2bd);box-shadow:0 .5px 1px #2412046b,0 calc(var(--w) * .004) calc(var(--w) * .01) #2412042e}.op-label-head,.op-label-row,.op-label-code span{-webkit-mask-image:var(--ink-img, none);mask-image:var(--ink-img, none);-webkit-mask-size:90px;mask-size:90px}.op-label:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#fffcf442,#fffcf400 32%),linear-gradient(to top left,#46301433,#46301400 16%),linear-gradient(to top left,#fffaf000 3.4%,#fffaf059 4%,#fffaf000 6%)}.op-label-head{display:flex;align-items:center;gap:.35em;padding-bottom:.35em;border-bottom:.14em solid #1f1d1a}.op-label-head .brand-mark{filter:grayscale(1) brightness(.3) contrast(1.4)}.op-label-head strong{font:700 1.25em/1 var(--display);letter-spacing:-.04em}.op-label-head em{margin-left:auto;font-style:normal;font-size:.62em;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.op-label-row{display:flex;align-items:baseline;gap:.5em;min-width:0}.op-label-row small{flex:none;width:6.4em;font-size:.62em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#3a3631}.op-label-row b{min-width:0;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-label-code{display:flex;flex-direction:column;gap:.15em;margin-top:.15em}.op-barcode{display:block;width:100%;height:1.7em;fill:#1c1a17}.op-label-code span{font:600 .68em ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.14em}.op-seam{position:absolute;left:0;right:0;top:50%;height:0;transform:translateZ(2px);pointer-events:none}.op-seam:after{content:"";position:absolute;left:-1%;right:-1%;top:calc(var(--w) * -.065);height:calc(var(--w) * .13);border-radius:4px;background:radial-gradient(52% 50%,#ffe6b480,#ffe6b400);opacity:0;transition:opacity .3s}.op-boxview.is-nudge .op-seam:after{animation:op-nudge .7s ease-out}@keyframes op-nudge{30%{opacity:.55}}.op-cutter{position:absolute;left:0;top:50%;width:0;height:0;transform-style:preserve-3d;pointer-events:none;transition:opacity .35s;will-change:transform}.op-cutter-hint{position:absolute;left:0;top:0;transform-style:preserve-3d}.op-glint-dir{position:absolute;left:0;top:0}.op-cutter.is-left .op-glint-dir{transform:scaleX(-1)}.op-glint-trail{position:absolute;right:0;top:calc(var(--w) * -.009);width:calc(var(--w) * .24);height:calc(var(--w) * .018);transform-origin:right center;transform:scaleX(0);opacity:0;transition:opacity .55s ease-out;background:linear-gradient(90deg,#ffd69600,#ffdca052 55%,#fff4dee6 93%,#fffaf0);-webkit-mask-image:linear-gradient(transparent,rgba(0,0,0,.3) 30%,#000 45%,#000 55%,rgba(0,0,0,.3) 70%,transparent);mask-image:linear-gradient(transparent,rgba(0,0,0,.3) 30%,#000 45%,#000 55%,rgba(0,0,0,.3) 70%,transparent)}.op-boxview.is-cutting .op-glint-trail{opacity:1;transition-duration:.08s}.op-glint-stand{position:absolute;left:0;top:0;transform-origin:0 0;transform:rotateX(calc(-1 * var(--tilt)))}.op-glint{position:absolute;left:calc(var(--w) * -.05);top:calc(var(--w) * -.05);width:calc(var(--w) * .1);height:calc(var(--w) * .1);border-radius:50%;opacity:0;transform:scale(.5);transition:transform .14s ease-out,opacity .2s;background:radial-gradient(closest-side,#fffaf0,#ffe8be9e 13%,#ffcc8c29 42%,#ffcc8c00)}.op-glint:before{content:"";position:absolute;left:50%;top:50%;width:240%;height:3.5%;margin:-1.75% 0 0 -120%;border-radius:50%;background:radial-gradient(closest-side,#fff6e2b3,#ffe2b029 55%,#ffe2b000)}.op-cutter.is-idle .op-glint{opacity:.7;transform:scale(.42)}.op-boxview.is-scored .op-glint,.op-cutter.is-hover .op-glint{opacity:.55;transform:scale(.42)}.op-boxview.is-cutting .op-glint{opacity:1;transform:scale(1);transition-duration:.06s}.op-boxview.is-biting .op-glint{opacity:.7;transform:scale(.5)}.op-boxview.is-strain .op-glint{animation:op-glint-flicker .12s linear infinite}@keyframes op-glint-flicker{50%{opacity:.75}}.op-cutter.is-idle .op-cutter-hint{animation:op-cutter-hint 2.8s ease-in-out infinite}@keyframes op-cutter-hint{0%{transform:translate(0);opacity:0}14%{opacity:1}52%{transform:translate(calc(var(--w) * .12));opacity:1}66%,to{transform:translate(calc(var(--w) * .12));opacity:0}}.op-cutter.is-gone{opacity:0}.op-boxview.is-cutting{cursor:grabbing}.op-boxview.is-strain .op-world{animation:op-strain .11s linear infinite}@keyframes op-strain{0%,to{translate:0 0}25%{translate:.7px -.5px}50%{translate:-.6px .4px}75%{translate:.4px .6px}}.op-boxview.is-hit .op-seam:after{opacity:1;top:calc(var(--w) * -.016);height:calc(var(--w) * .032);background:linear-gradient(to bottom,#fff6e200,#fff6e2d9 42%,#fffdf6,#fff6e2d9 58%,#fff6e200);transition:none}.op-boxview.is-hit .op-glint{opacity:1;transform:scale(1.9);transition:none}.op-boxview.is-snapped .op-breathe{animation:op-snap .44s cubic-bezier(.3,.6,.4,1)}@keyframes op-snap{12%{translate:-5px 3px;rotate:-.7deg}26%{translate:4px -2px;rotate:.5deg}42%{translate:-2.5px 1px;rotate:-.3deg}62%{translate:1px 0;rotate:.1deg}}.op-scraps{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.op-shards{position:absolute;z-index:3;height:0;pointer-events:none}.op-shards i{position:absolute;left:var(--x);top:0;width:calc(var(--w) * var(--sw));height:calc(var(--w) * .022);margin:calc(var(--w) * -.011) 0 0 calc(var(--w) * var(--sw) * -.5);opacity:0;clip-path:polygon(0 18%,22% 0,58% 12%,100% 0,92% 74%,64% 100%,30% 86%,6% 100%);background:linear-gradient(172deg,#fff4dee6,#9c642ea3 30%,#70441c94 72%,#ffe8c49e)}.op-boxview.is-snapped .op-shards i{animation:op-shard .85s var(--delay) both}@keyframes op-shard{0%{opacity:1;transform:translate(0);animation-timing-function:cubic-bezier(.2,.8,.4,1)}38%{opacity:1;transform:translate(calc(var(--w) * var(--dx) * .6),calc(var(--w) * var(--up) * -1)) rotate(calc(var(--rz) * .5)) rotateX(calc(var(--rx) * .5));animation-timing-function:cubic-bezier(.5,0,.85,.6)}to{opacity:0;transform:translate(calc(var(--w) * var(--dx)),calc(var(--w) * var(--dy))) rotate(var(--rz)) rotateX(var(--rx))}}.op-boxview:not(.is-open) .op-scraps{visibility:hidden}.op-scraps i{position:absolute;left:var(--x);top:var(--y);width:calc(var(--w) * .14);height:calc(var(--w) * .11);margin:calc(var(--w) * -.055) 0 0 calc(var(--w) * -.07);transform:translateZ(.2px)}.op-boxview.is-open .op-scraps i{animation:op-scrap 1s calc(var(--delay) + .16s) both}@keyframes op-scrap{0%{transform:translateZ(.2px);animation-timing-function:cubic-bezier(.2,.7,.4,1)}42%{transform:translate3d(calc(var(--w) * var(--dx) * .18),calc(var(--w) * var(--dy) * .18),calc(var(--h) * 1.15)) rotate(calc(var(--rz) * .6));animation-timing-function:cubic-bezier(.5,0,.75,.5)}to{transform:translate3d(calc(var(--w) * var(--dx) * .3),calc(var(--w) * var(--dy) * .3),.2px) rotate(var(--rz))}}.op-under{position:relative;z-index:5;flex:none;display:flex;flex-direction:column;align-items:center;gap:14px;min-height:124px;padding:0 20px calc(26px + env(safe-area-inset-bottom));text-align:center}.op-hint{min-height:1.5em;font-size:15px;font-weight:500;color:#eadfcb}.op-hint.is-waiting{display:inline-flex;align-items:center;gap:10px;color:#cdbfa8}.op-key-button{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:8px 15px;border-radius:999px;font-size:13px;font-weight:600;color:#dccfb9;background:#fff4e20f;border:1px solid rgba(255,244,226,.14);transition:background .2s}.op-key-button:hover{background:#fff4e21f}.op-key-button kbd{font:600 11px var(--text);padding:2px 7px;border-radius:5px;background:#fff4e21f;color:#f3e7d3}@media(pointer:coarse){.op-key-button kbd{display:none}}.op-error{width:min(440px,100%);padding:18px 20px;border-radius:14px;text-align:left;background:#1e1813eb;border:1px solid rgba(237,97,76,.35);box-shadow:inset 3px 0 0 var(--coral),0 18px 40px #00000059}.op-error strong{font:600 17px/1.3 var(--display);letter-spacing:-.3px;color:#fff3e3}.op-error p{margin-top:6px;font-size:13px;line-height:1.6;color:#cdbfa8}.op-error-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.op-light-button{background:#f7f1e6;color:var(--ink)}.op-light-button:hover:not(:disabled){background:#fff}.op-ghost-button{color:#efe4d2;border-color:#fff4e238}.op-ghost-button:hover:not(:disabled){background:#fff4e214;border-color:#fff4e25c}.op-stage-row{justify-content:flex-start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.or-stage{--common: 205 208 214;--rare: 84 160 255;--epic: 178 116 255;--legendary: 255 190 70;position:relative;width:min(1240px,100%);margin:auto;padding:8px 32px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center}.or-stage .is-common{--c: var(--common)}.or-stage .is-rare{--c: var(--rare)}.or-stage .is-epic{--c: var(--epic)}.or-stage .is-legendary{--c: var(--legendary)}.or-head{position:relative;z-index:2;text-align:center;animation:op-fade-in .4s ease-out .35s both}.or-head .eyebrow{color:#b1a38c}.or-head h2{margin-top:8px;font:600 clamp(24px,2.6vw,36px)/1.08 var(--display);letter-spacing:-.04em;color:#fbf4e8}.or-head h2:focus{outline:none}.or-sums{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.op-sum{padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600;background:#fff4e217;color:#e6dac6}.op-sum-legendary{color:#3b2a06;background:linear-gradient(100deg,#ffd98a,#ffc04a)}.op-sum-epic{background:#e6d9ff;color:#4f2f8f}.op-sum-rare{background:#d9e9ff;color:#1f4f8a}.or-row{--s: clamp(108px, min(calc((100vw - 64px - (var(--n) - 1) * 28px) / var(--n)), 27vh), 216px);position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--n),var(--s));justify-content:center;gap:18px 28px;margin:10px 0 0;padding:0;list-style:none}.or-slot{position:relative;min-width:0;padding-top:calc(var(--s) * .6)}.or-fly{position:relative}.or-hit{position:relative;display:block;width:var(--s);height:var(--s);margin:0 auto;padding:0;border-radius:4px;background:none;color:inherit;cursor:pointer;touch-action:manipulation;transition:transform .25s cubic-bezier(.2,.9,.3,1.3)}.or-hit:focus-visible{outline-offset:7px}.or-slot:not(.is-flipped) .or-hit:hover,.or-slot:not(.is-flipped) .or-hit:focus-visible{transform:translateY(-6px)}.or-slot.is-flipped:not(.is-out) .or-hit{cursor:default}.or-slot.is-out .or-hit.is-mute{cursor:default}.or-glow{position:absolute;inset:0;pointer-events:none;animation:or-light-on .45s cubic-bezier(.2,.8,.3,1) var(--on, 0s) both}@keyframes or-light-on{0%{opacity:0}}.or-glow>i{position:absolute;display:block}.or-aura{inset:-26%;border-radius:50%;background:radial-gradient(closest-side,rgb(var(--c) / .55),rgb(var(--c) / .2) 52%,transparent);opacity:var(--aura, .8);animation:or-breathe 2.8s ease-in-out calc(var(--on, 0s) + .5s) infinite alternate}@keyframes or-breathe{0%{opacity:calc(var(--aura, .8) * .7);transform:scale(.96)}to{opacity:var(--aura, .8);transform:scale(1.04)}}.or-beam{left:6%;right:6%;bottom:30%;height:calc(var(--s) * var(--beam, 1.2));opacity:var(--beam-o, .55);transform-origin:50% 100%;background:linear-gradient(to top,rgb(var(--c) / .7),rgb(var(--c) / .26) 38%,rgb(var(--c) / 0));-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent);animation:or-beam-up .7s cubic-bezier(.2,.8,.3,1) var(--on, 0s) both}@keyframes or-beam-up{0%{transform:scaleY(.2)}}.or-flare{inset:-40%;border-radius:50%;opacity:0;background:radial-gradient(closest-side,rgb(255 255 255 / .9),rgb(var(--c) / .7) 24%,rgb(var(--c) / .16) 55%,transparent);animation:or-flare .7s ease-out var(--on, 0s) both}@keyframes or-flare{0%{opacity:0;transform:scale(.4)}25%{opacity:1}to{opacity:0;transform:scale(1.3)}}.or-slot.is-common{--aura: .32;--beam: .7;--beam-o: .22}.or-slot.is-rare{--aura: .75;--beam: 1.15;--beam-o: .5}.or-slot.is-epic{--aura: .9;--beam: 1.4;--beam-o: .62}.or-slot.is-legendary{--aura: 1;--beam: 1.9;--beam-o: .78}.or-rays{left:50%;top:50%;width:calc(var(--s) * 2.6);height:calc(var(--s) * 2.6);margin:calc(var(--s) * -1.3) 0 0 calc(var(--s) * -1.3);border-radius:50%;opacity:.7;background:repeating-conic-gradient(rgb(var(--c) / .26) 0deg 3deg,transparent 3deg 14deg);-webkit-mask-image:radial-gradient(closest-side,#000 20%,transparent 74%);mask-image:radial-gradient(closest-side,#000 20%,transparent 74%);animation:op-rays 40s linear infinite}.or-motes{left:10%;right:10%;bottom:40%;height:calc(var(--s) * 1.5)}.or-motes i{position:absolute;bottom:0;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff8dc,#ffd47c 45%,transparent 72%);animation:or-mote linear infinite}@keyframes or-mote{0%{opacity:0;transform:translate(0)}15%{opacity:.95}80%{opacity:.6}to{opacity:0;transform:translate(var(--drift),calc(var(--s) * -1.3))}}.or-slot.is-out .or-beam,.or-slot.is-out .or-rays,.or-slot.is-out .or-motes{opacity:0;transition:opacity .5s}.or-slot.is-out .or-aura{inset:-64% -18% 28%}.or-disc{position:absolute;left:3%;top:3%;width:94%;height:94%;opacity:0;transition:transform var(--out-time, .55s) var(--out-ease, cubic-bezier(.2, 1.35, .45, 1)) var(--hold, 0s),opacity .1s var(--hold, 0s)}.or-slot.is-out .or-disc{opacity:1;transform:translateY(-62%)}.or-slot.is-epic{--out-time: .75s;--hold: .05s;--spin: 2.1s}.or-slot.is-legendary{--out-time: 1s;--hold: .09s;--spin: 2.9s;--out-ease: cubic-bezier(.16, 1.25, .4, 1)}.or-disc .vinyl{box-shadow:0 8px 22px #00000080}.or-slot.is-out .or-disc .vinyl-disc{animation-name:vinyl-spin,op-spin-down;animation-duration:1.8s,var(--spin, 1.7s);animation-timing-function:linear,cubic-bezier(.12,.62,.3,1);animation-iteration-count:infinite,1;animation-delay:0s,var(--hold, 0s);animation-fill-mode:none,both;animation-play-state:paused,running}.or-slot.is-out .or-disc .vinyl.is-spinning .vinyl-disc{animation-play-state:running}@keyframes op-spin-down{0%{rotate:-900deg}to{rotate:0deg}}.or-sleeve{position:absolute;inset:0;perspective:calc(var(--s) * 4)}.or-flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,1.3,.5,1)}.or-slot.is-flipped .or-flip{transform:rotateY(180deg)}.or-side{position:absolute;inset:0;border-radius:3px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 10px 24px #00000073}.or-face{transform:rotateY(180deg);background:#2b2722}.or-face img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.or-face .sleeve-back,.or-back .sleeve-back{width:100%;height:100%}.or-gloss{position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.16),transparent 32%,transparent 68%,rgba(0,0,0,.16));box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 22px #00000047}.or-rim{position:absolute;inset:0;border-radius:3px;pointer-events:none;box-shadow:0 0 0 1.5px rgb(var(--c) / .9),0 0 16px 2px rgb(var(--c) / .55),inset 0 0 20px rgb(var(--c) / .3);animation:or-light-on .45s ease-out var(--on, 0s) both}.or-slot.is-common .or-rim{box-shadow:0 0 0 1px rgb(var(--c) / .55),0 0 10px rgb(var(--c) / .25)}.or-slot.is-out .or-rim{opacity:.5;transition:opacity .6s}.or-mouth{position:absolute;left:2%;right:2%;top:0;height:5px;border-radius:2px;pointer-events:none;opacity:0;background:linear-gradient(rgb(var(--c) / .95),transparent);transition:opacity .3s var(--hold, 0s)}.or-slot.is-out:not(.is-common) .or-mouth{opacity:1}.or-slot.is-charging .or-aura{animation:or-charge .9s cubic-bezier(.6,0,.9,.5) both}@keyframes or-charge{0%{opacity:calc(var(--aura) * .7);transform:scale(.95)}to{opacity:1;transform:scale(1.22)}}.or-slot.is-charging:is(.is-epic,.is-legendary) .or-sleeve{animation:or-tremble .1s linear infinite}@keyframes or-tremble{0%,to{translate:0 0}25%{translate:-.9px .3px}50%{translate:.8px -.4px}75%{translate:-.4px -.2px}}.or-fx{position:absolute;left:50%;top:calc(var(--s) * -.08);width:0;height:0;pointer-events:none}.or-fx>i{position:absolute;display:block;border-radius:50%}.or-burst{width:calc(var(--s) * 1.4);height:calc(var(--s) * 1.4);left:calc(var(--s) * -.7);top:calc(var(--s) * -.7);opacity:0;background:radial-gradient(closest-side,rgb(255 255 255 / .9),rgb(var(--c) / .6) 40%,transparent 74%);animation:or-burst .6s cubic-bezier(.1,.7,.3,1) var(--hold, 0s) both}.or-slot.is-common .or-burst{background:radial-gradient(closest-side,rgb(255 244 226 / .5),transparent 70%)}.or-slot.is-legendary .or-burst{width:calc(var(--s) * 2.4);height:calc(var(--s) * 2.4);left:calc(var(--s) * -1.2);top:calc(var(--s) * -1.2);animation-duration:1.1s}@keyframes or-burst{0%{opacity:0;transform:scale(.3)}14%{opacity:1}to{opacity:0;transform:scale(1.5)}}.or-ring{width:var(--s);height:var(--s);left:calc(var(--s) * -.5);top:calc(var(--s) * -.5);opacity:0;border:calc(var(--s) * .016) solid rgb(var(--c) / .9);animation:or-ring .75s cubic-bezier(.15,.75,.3,1) var(--hold, 0s) both}.or-slot.is-legendary .or-ring{animation-duration:1.3s}@keyframes or-ring{0%{opacity:.95;transform:scale(.35)}to{opacity:0;transform:scale(2.1)}}.or-fx-rays{width:calc(var(--s) * 3);height:calc(var(--s) * 3);left:calc(var(--s) * -1.5);top:calc(var(--s) * -1.5);background:repeating-conic-gradient(rgb(var(--c) / .3) 0deg 3deg,transparent 3deg 13deg);-webkit-mask-image:radial-gradient(closest-side,#000 16%,transparent 72%);mask-image:radial-gradient(closest-side,#000 16%,transparent 72%);animation:or-rays-in 1.4s cubic-bezier(.2,.8,.3,1) var(--hold, 0s) both,op-rays 40s linear infinite}@keyframes or-rays-in{0%{opacity:0;scale:.5}to{opacity:.9}}@keyframes op-rays{to{transform:rotate(360deg)}}.or-flash{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(70% 80% at 50% 40%,#fffaf0,#ffecc88c 50%,#ffdca033);animation:or-whiteout 1.3s cubic-bezier(.2,.7,.3,1) .09s both}.or-flash.is-epic{background:radial-gradient(60% 70% at 50% 40%,rgba(236,224,255,.8),rgba(178,116,255,.25) 55%,transparent);animation-duration:.8s;animation-delay:.05s}@keyframes or-whiteout{0%{opacity:0}9%{opacity:.6}to{opacity:0}}.or-dim{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .9s ease;background:radial-gradient(60% 70% at 50% 46%,transparent 20%,rgba(6,3,1,.55) 62%,rgba(6,3,1,.75))}.or-stage.is-hushed .or-dim{opacity:1}.or-play{position:absolute;right:7%;bottom:7%;z-index:2;display:grid;place-items:center;width:clamp(26px,calc(var(--s) * .2),38px);height:clamp(26px,calc(var(--s) * .2),38px);border-radius:50%;color:#fbf4e8;background:#15110ec7;box-shadow:0 2px 8px #0006;animation:op-fade-in .3s ease-out calc(var(--hold, 0s) + .35s) both}.or-play svg{width:46%;height:46%}.or-slot.is-playing .or-play{background:var(--coral)}.or-info{margin-top:12px;min-height:102px;text-align:center;animation:op-fade-in .35s ease-out var(--land, 0s) both}.or-rarity{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgb(var(--c))}.or-rarity:before{content:"";width:7px;height:7px;border-radius:50%;background:rgb(var(--c));box-shadow:0 0 8px 1px rgb(var(--c) / .7)}.or-slot.is-common .or-rarity{color:#cdc6b8}.or-slot.is-common .or-rarity:before{box-shadow:none}.or-title{display:-webkit-box;margin-top:6px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font:600 14px/1.28 var(--display);letter-spacing:-.02em;color:#fbf4e8;overflow-wrap:anywhere}.or-artist{display:block;margin-top:3px;font-size:12.5px;color:#cdbfa8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.or-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:7px;font:500 11.5px var(--display);color:#b1a38c;font-variant-numeric:tabular-nums}.or-slot.is-out .or-info>:not(.or-rarity){animation:op-pop .45s cubic-bezier(.2,.9,.3,1.25) calc(var(--hold, 0s) + .2s) both}.or-slot.is-out .or-meta{animation-delay:calc(var(--hold, 0s) + .34s)!important}@keyframes op-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}}@keyframes op-fade-in{0%{opacity:0}}.op-badges{position:relative;z-index:2;display:grid;gap:10px;width:min(580px,100%);margin-top:22px}.op-badge{display:flex;align-items:center;gap:14px;padding:14px 18px 14px 14px;border-radius:13px;background:linear-gradient(100deg,#d5dd9833,#fff4e20d);border:1px solid rgba(213,221,152,.42)}.op-badge-medal{position:relative;width:50px;height:50px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:var(--ink);box-shadow:0 0 0 5px #d5dd9829,0 0 34px #d5dd9873}.op-badge-medal:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--acid);opacity:0;animation:or-ring .65s cubic-bezier(.15,.75,.3,1) var(--slam, 0s) both}.is-reduced .op-badge-medal:after{display:none}.op-badge-text strong{display:block;font:600 16px/1.3 var(--display);letter-spacing:-.3px;color:#fbf4e8}.op-badge-text small{display:block;margin-top:3px;font-size:12.5px;line-height:1.5;color:#cdbfa8}.or-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:22px;animation:op-fade-in .4s ease-out .5s both}.or-actions .coral-button{background:#cf4632}.or-actions .coral-button:hover:not(:disabled){background:#bb3d2a}.or-next{font-size:13px;color:#cdbfa8}.or-next .countdown{color:#fbf4e8;font-weight:600}@media(max-width:900px)and (orientation:portrait){.or-row{--s: min(calc((100vw - 32px) / 3 - 12px), 19vh);width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px 0}.or-slot{grid-column:span 2}.or-slot:nth-child(4):nth-last-child(2){grid-column:2 / span 2}}@media(max-width:640px){.or-stage{margin:0 auto;min-height:100%;padding:4px 16px calc(18px + env(safe-area-inset-bottom))}.or-head h2{margin-top:6px;font-size:22px}.or-sums{gap:6px;margin-top:8px}.op-sum{padding:3px 9px;font-size:11px}.or-row{margin-top:2px}.or-slot{padding-top:calc(var(--s) * .62)}.or-info{margin-top:8px;min-height:82px}.or-rarity{font-size:9px;letter-spacing:.12em;gap:5px}.or-title{margin-top:4px;font-size:12.5px}.or-artist{font-size:11px}.or-meta{margin-top:4px;font-size:10.5px;gap:4px}.or-meta .new-tag{font-size:9.5px;padding:1px 6px}.or-actions{position:sticky;bottom:0;width:calc(100% + 32px);margin:auto -16px calc(-18px - env(safe-area-inset-bottom));padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,#15110e 70%,#15110e00)}.or-actions>*{flex:1 1 100%}.op-badges{margin-top:14px;scroll-margin-bottom:150px}.op-badge{padding:10px 12px;gap:12px}.op-badge-medal{width:40px;height:40px}.op-badge-text strong{font-size:14px}}.or-tilt{position:absolute;inset:0}.or-stage.is-solo .or-row{--s: max(150px, min(64vw, calc((100svh - 430px) / 1.62), 300px));--gap: 5vw;display:flex;flex:none;justify-content:flex-start;gap:0 var(--gap);width:calc(100% + 32px);margin:calc(var(--s) * -.42) -16px 0;padding:calc(var(--s) * .42) 0 0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.or-stage.is-solo .or-row::-webkit-scrollbar{display:none}.or-stage.is-solo .or-row:before,.or-stage.is-solo .or-row:after{content:"";flex:none;width:calc((100% - var(--s)) / 2 - var(--gap))}.or-stage.is-solo .or-slot{flex:none;width:var(--s);scroll-snap-align:center;scroll-snap-stop:always}.or-stage.is-solo .or-hit{transition:transform .35s cubic-bezier(.2,.9,.3,1.15),opacity .35s}.or-stage.is-solo .or-slot:not(.is-current) .or-hit{transform:scale(.84);opacity:.5}.or-stage.is-solo .or-info{margin-top:12px;min-height:96px;transition:opacity .3s}.or-stage.is-solo .or-slot:not(.is-current) .or-info{opacity:0}.or-stage.is-solo .or-rarity{font-size:11px;letter-spacing:.15em;gap:7px}.or-stage.is-solo .or-title{margin-top:6px;font-size:17px}.or-stage.is-solo .or-artist{font-size:13.5px}.or-stage.is-solo .or-meta{margin-top:6px;font-size:12px}.or-shine{position:absolute;inset:0;overflow:hidden;border-radius:3px;pointer-events:none}.or-shine i{position:absolute;inset:-45%;background:linear-gradient(112deg,transparent 38%,rgba(255,250,238,.26) 48%,rgba(255,250,238,.08) 53%,transparent 62%)}.or-pager{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:2px}.or-step{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#efe4d2;background:#fff4e20f;border:1px solid rgba(255,244,226,.14);transition:opacity .2s,background .2s}.or-step[aria-disabled=true]{opacity:.3;cursor:default}.or-dots{display:flex;align-items:center;gap:9px}.or-dots i{width:8px;height:8px;border-radius:50%;background:rgb(var(--c) / .3);transition:transform .25s,background .25s,box-shadow .25s}.or-dots i.is-seen{background:rgb(var(--c) / .75)}.or-dots i.is-current{transform:scale(1.45);background:rgb(var(--c));box-shadow:0 0 8px rgb(var(--c) / .7)}.is-reduced .op-box,.is-reduced .op-shadow,.is-reduced .op-cutter.is-idle .op-cutter-hint,.is-reduced .op-tape-gloss i,.is-reduced .op-inside-records:after{animation:none}.is-reduced .op-glint{transition:none}.is-reduced .op-world,.is-reduced .op-breathe,.is-reduced .or-aura,.is-reduced .or-beam,.is-reduced .or-rays,.is-reduced .or-sleeve,.is-reduced .or-head,.is-reduced .or-actions,.is-reduced .or-info{animation:none!important}.is-reduced .or-flare,.is-reduced .or-ring,.is-reduced .or-fx-rays,.is-reduced .or-motes,.is-reduced .or-flash,.is-reduced .or-dim{display:none}.is-reduced .or-burst{animation:op-fade-out .3s ease-out both}@keyframes op-fade-out{0%{opacity:.8}to{opacity:0}}.is-reduced .or-hit,.is-reduced .or-flip{transition:none;transform:none!important}.is-reduced .or-face{transform:none;opacity:0;transition:opacity .2s}.is-reduced .or-slot.is-flipped .or-face{opacity:1}.is-reduced .or-disc{transition:opacity .2s,transform .2s ease-out}.is-reduced .or-slot.is-out .or-disc .vinyl-disc{animation:none}.is-reduced .or-slot.is-out .or-info>*{animation:op-fade-in .2s both!important}@media(prefers-reduced-motion:reduce){.op-scene{animation-duration:.15s}.op-box,.op-shadow,.op-cutter.is-idle .op-cutter-hint,.op-tape-gloss i,.op-inside-records:after{animation:none}}.pro-badge{display:inline-flex;align-items:center;flex:none;height:17px;padding:0 6px;border-radius:5px;background:var(--ink);color:var(--acid);font:700 9.5px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}.pro-badge-large{height:24px;padding:0 9px;border-radius:7px;font-size:12px}.pro-link{display:flex;align-items:center;gap:10px;margin-top:14px;padding:9px 13px;border-radius:9px;font-size:12px;color:var(--muted);text-decoration:none;transition:background .15s,color .15s}.pro-link:hover{background:var(--sage-hover);color:var(--ink)}.pro-link.active{color:var(--ink);background:var(--sage-hover)}.pro-link small{margin-left:auto;font-size:10.5px;font-weight:600;color:#5e6a2b}.pro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:18px;align-items:start}.pro-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;min-height:320px;padding:28px 28px 26px;border-radius:16px;background:var(--acid);color:var(--ink)}.pro-card .eyebrow{color:#4c5426}.pro-card-disc{position:absolute;right:-58px;top:-52px;opacity:.92;pointer-events:none}.pro-card-title time{white-space:nowrap}.pro-card-title{max-width:15ch;font:600 34px/1.06 var(--display);letter-spacing:-1.4px}.pro-card.is-active .pro-card-title{max-width:16ch}.pro-price{font:600 15px/1.3 var(--display);letter-spacing:-.2px}.pro-card-text{max-width:40ch;font-size:13.5px;line-height:1.6;color:#3c4232}.pro-card-action{margin-top:auto;padding-top:8px;display:grid;justify-items:start;gap:9px}.pro-card-note{font-size:11.5px;color:#4c5426}.pro-card-error{margin:0}.pro-benefits{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.pro-table{width:100%;margin-top:14px;border-collapse:collapse;font-size:13px}.pro-table th,.pro-table td{padding:13px 8px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.pro-table thead th{padding-top:4px;font-size:11px;font-weight:600;color:var(--muted)}.pro-table thead td{border-bottom-color:var(--line)}.pro-table tbody th{padding-left:0;font-weight:500;color:var(--ink)}.pro-table tbody td{color:var(--muted);white-space:nowrap}.pro-table tbody td.pro-same{white-space:normal}.pro-table .pro-cell{color:var(--ink);font-weight:600}.pro-table .pro-same{color:var(--ink)}.pro-table tr:last-child>*{border-bottom:0}@media(max-width:1000px){.pro-grid{grid-template-columns:minmax(0,1fr)}.pro-card{min-height:0}}@media(max-width:620px){.pro-card{padding:24px 20px 22px}.pro-card-disc{transform:scale(.74);transform-origin:top right;right:-46px;top:-44px}.pro-card-title{font-size:29px;max-width:12ch}.pro-card-action,.pro-card-action .primary-button{width:100%}.pro-benefits{padding:20px 16px}.pro-table{font-size:12.5px}.pro-table th,.pro-table td{padding:11px 6px}}.identity small .pro-badge{margin-left:7px;height:15px;padding:0 5px;font-size:8.5px}.pro-cartons-line{display:inline-flex;align-items:center;gap:9px;min-height:32px;font-size:13px;color:#d6c9b3;text-decoration:none}.pro-cartons-line:hover{color:#fbf4e8}.pro-cartons-line .pro-badge{background:var(--acid);color:var(--ink)}.pro-card-title:focus{outline:none}.ct-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:36px;padding:36px 48px;border-radius:13px;overflow:hidden;color:#f4ecdf;background:radial-gradient(48% 78% at 27% 30%,rgba(255,214,160,.22),rgba(255,214,160,.05) 55%,transparent 75%),linear-gradient(#2d251d,#1d1814 70%,#18130f)}.ct-hero :focus-visible{outline-color:#f6c26b}.ct-box-stage{position:relative;justify-self:center;width:clamp(200px,23vw,320px);aspect-ratio:120 / 104}.ct-hero:not(.is-empty) .ct-box-stage{cursor:pointer}.ct-box-shadow{position:absolute;left:-10%;right:-10%;bottom:-14%;height:40%;border-radius:50%;background:radial-gradient(closest-side,rgba(6,3,1,.6),rgba(6,3,1,.22) 60%,transparent)}.ct-box-wrap{position:absolute;inset:0;display:block}.ct-hero:not(.is-empty) .ct-box-wrap .ct-box{transform-origin:50% 90%;animation:ct-bob 3.4s ease-in-out infinite}.ct-box{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 2px 2px rgba(6,3,1,.45)) drop-shadow(0 14px 18px rgba(6,3,1,.35))}.ct-box.is-ghost{filter:none}.ct-box.is-ghost polygon{fill:#2c251e;stroke:#fff4e24d;stroke-width:1.1;stroke-dasharray:3.5 3;stroke-linejoin:round}.ct-box.is-ghost polygon:nth-child(2){fill:#27211b}.ct-box.is-ghost polygon:nth-child(3){fill:#231d18}@keyframes ct-bob{50%{transform:translateY(-5px)}}.ct-box-glow{position:absolute;left:50%;top:30.8%;width:64%;height:14%;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) rotate(26.6deg);opacity:0;transition:opacity .16s ease-out;background:radial-gradient(closest-side,#fffdf2,#ffd678d9 34%,#ffb04652 64%,#ffb04600)}.ct-box-glow:after{content:"";position:absolute;left:4%;right:4%;bottom:30%;height:360%;transform:rotate(-26.6deg);transform-origin:50% 100%;background:radial-gradient(46% 60% at 50% 100%,rgba(255,200,110,.55),rgba(255,200,110,.18) 55%,transparent)}.ct-hero:not(.is-empty) :is(.ct-box-stage:hover,.ct-box-stage:active) .ct-box,.ct-hero:not(.is-empty):has(.ct-open:is(:hover,:focus-visible,:active)) .ct-box{animation:ct-bob 1.2s ease-in-out infinite,ct-shiver 1.5s linear infinite}.ct-hero:not(.is-empty) :is(.ct-box-stage:hover,.ct-box-stage:active) .ct-box-glow,.ct-hero:not(.is-empty):has(.ct-open:is(:hover,:focus-visible,:active)) .ct-box-glow{opacity:1;animation:ct-glow 1.5s ease-in-out .2s infinite alternate}@keyframes ct-shiver{0%,20%,to{translate:0 0;rotate:0deg}3%{translate:-1.5px 0;rotate:-1.4deg}7%{translate:1.6px -1px;rotate:1.2deg}11%{translate:-1px .5px;rotate:-.8deg}15%{translate:.6px 0;rotate:.4deg}}@keyframes ct-glow{to{opacity:.55}}.ct-hero-panel{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}.ct-hero .eyebrow{color:#c2b49c}.ct-stock{display:flex;align-items:baseline;gap:14px}.ct-stock strong{font:600 92px/.82 var(--display);letter-spacing:-.065em;font-variant-numeric:tabular-nums;color:#fbf4e8}.ct-stock span{font:600 26px/1 var(--display);letter-spacing:-.7px;color:#fbf4e8}.ct-empty-title{max-width:360px;font:600 34px/1.08 var(--display);letter-spacing:-.04em;color:#fbf4e8}.ct-hero-lead{max-width:410px;font-size:14px;line-height:1.6;color:#d6c9b3}.ct-hero-lead strong{color:#fbf4e8;font-weight:650}.ct-chosen{display:flex;align-items:center;gap:12px;width:100%;max-width:390px;margin-top:4px;padding:10px 14px 10px 10px;border-radius:11px;color:#fbf4e8;text-align:left;background:#fff4e212;border:1px solid rgba(255,244,226,.14);transition:background .2s,border-color .2s}button.ct-chosen:hover{background:#fff4e21c;border-color:#fff4e242}.ct-chosen>span:nth-child(2){min-width:0}.ct-chosen small{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c2b49c}.ct-chosen strong{display:block;margin-top:1px;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-chosen-change{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:12px;font-weight:600;color:#f6c26b}.ct-chosen-note{margin-left:auto;font-size:12px;color:#c2b49c}.ct-chosen-change svg{transition:transform .2s}.ct-chosen-change svg.is-flipped{transform:rotate(180deg)}.ct-open{width:100%;max-width:390px;min-height:54px;padding:14px 26px;border-radius:11px;font-size:15px}.ct-hero .coral-button{background:#cf4632}.ct-hero .coral-button:hover:not(:disabled){background:#bb3d2a}.ct-hero .outline-button.ct-open{color:#fbf4e8;border-color:#fff4e242}.ct-hero .outline-button.ct-open:hover{background:#fff4e214;border-color:#fff4e266}.ct-themes-note{margin:-8px 0 4px}.ct-done{min-height:38px;padding:8px 14px}.ct-section-note{font-size:12.5px;color:var(--muted)}.ct-search{position:relative;display:flex;align-items:center;max-width:520px}.ct-search>svg{position:absolute;left:15px;color:var(--muted);pointer-events:none}.ct-search input{width:100%;height:46px;padding:0 44px 0 43px;border:1px solid #d3d8ca;border-radius:11px;background:#fdfcf8;color:var(--ink);font-size:14px;transition:border-color .2s,background .2s}.ct-search input::placeholder{color:#9a9e91}.ct-search input:hover{border-color:#c4cab7}.ct-search input:focus-visible{outline:2px solid var(--coral-ink);outline-offset:1px;background:#fff}.ct-search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.ct-search-clear{position:absolute;right:6px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--muted)}.ct-search-clear:hover{background:var(--sage);color:var(--ink)}.ct-group{margin-top:24px}.ct-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin-bottom:8px}.ct-group-head h3{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ct-group-head h3 span{margin-left:8px;letter-spacing:.04em;color:#a3a799;font-variant-numeric:tabular-nums}.ct-group-head .ct-more{margin:0}.ct-chips{display:flex;flex-wrap:wrap;gap:8px}.ct-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:40px;padding:6px 13px 6px 7px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:550;background:var(--surface);border:1px solid var(--line);transition:border-color .15s,background .15s,color .15s,transform .12s}.ct-chip:hover{border-color:#c9cfbd;background:#fff}.ct-chip:active{transform:scale(.97)}.ct-chip.is-checked{color:var(--paper);background:var(--ink);border-color:var(--ink)}.ct-chip:has(input:focus-visible){outline:2px solid var(--coral-ink);outline-offset:2px}.ct-chip-dot{width:24px;height:24px;flex:none;border-radius:50%;background:radial-gradient(circle,#e7d9bb 0 19%,#1b1c1a 21% 24%,var(--c) 26%);box-shadow:0 1px 3px #282b2547}.ct-chip-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-chip small{flex:none;font-size:11px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.ct-chip.is-checked small{color:#c9ccbf}.ct-chip-done{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--acid);color:var(--ink)!important}.ct-az{margin-top:12px;max-height:min(400px,62vh);overflow-y:auto;overscroll-behavior:contain;padding:0 14px 14px;border-radius:13px;background:var(--card)}.ct-az-letter{position:sticky;top:0;z-index:1;display:block;padding:12px 0 8px;background:var(--card);font:600 15px/1 var(--display);letter-spacing:-.02em;color:var(--muted)}.ct-results-count{margin:0 0 12px;font-size:13px;color:var(--muted)}.ct-results-more{margin-top:12px}.ct-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:12px}.ct-theme{position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:14px 16px 14px 14px;border-radius:12px;cursor:pointer;background:var(--surface);border:1px solid var(--line);transition:border-color .2s,background .2s}.ct-theme:hover{border-color:#c9cfbd;background:#fff}.ct-theme.is-checked{border-color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}.ct-theme:has(input:focus-visible){outline:2px solid var(--coral-ink);outline-offset:3px}.ct-theme-disc{box-shadow:0 3px 8px #282b252e}.ct-theme-text{flex:1;min-width:0}.ct-theme-text strong{display:block;padding-right:18px;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-theme-text small{display:block;margin-top:2px;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-theme-progress{display:block;height:3px;margin-top:10px;border-radius:3px;overflow:hidden;background:var(--card-line)}.ct-theme-progress i{display:block;height:100%;background:var(--ink);transform-origin:left}.ct-theme-count{display:block;margin-top:5px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.ct-theme-badge{color:#67722a;font-weight:600}.ct-theme-check{position:absolute;top:10px;right:10px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);opacity:0;transform:scale(.6);transition:opacity .15s,transform .2s}.ct-theme.is-checked .ct-theme-check{opacity:1;transform:none}.ct-more{margin-top:12px}@media(max-width:520px){.ct-chip{min-height:44px}}.ct-more svg{transition:transform .2s}.ct-more svg.is-flipped{transform:rotate(180deg)}.ct-rates-fold{margin-top:28px;border-radius:13px;background:var(--card)}.ct-rates-fold>summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;min-height:56px;padding:14px 22px;border-radius:13px;cursor:pointer;list-style:none}.ct-rates-fold>summary::-webkit-details-marker{display:none}.ct-rates-fold>summary:hover .ct-rates-title{color:var(--coral-ink)}.ct-rates-title{font:600 16px var(--display);letter-spacing:-.3px}.ct-rates-short{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.ct-rates-chevron{margin-left:auto;color:var(--muted);transition:transform .2s}.ct-rates-fold[open] .ct-rates-chevron{transform:rotate(180deg)}.ct-rates{display:grid;gap:22px;padding:4px 22px 24px}.ct-rates-fold .ct-rates-error{margin:0 22px 22px}.ct-rates-bar{display:flex;gap:2px;height:12px;border-radius:6px;overflow:hidden}.ct-rates-bar span{min-width:6px}.ct-bar-common{background:#b9bcb0}.ct-bar-rare{background:#588daf}.ct-bar-epic{background:#b2a0d9}.ct-bar-legendary{background:linear-gradient(90deg,#ed614c,#d5dd98,#588daf,#b2a0d9)}.ct-odds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.ct-odd{display:flex;flex-direction:column;gap:14px;min-width:0;padding:18px 16px 16px;border-radius:11px;background:var(--surface);border:1px solid var(--card-line)}.ct-odd .vinyl{box-shadow:0 3px 8px #282b2533}.ct-odd-main{min-width:0}.ct-odd-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ct-odd-head strong{font:600 27px/1 var(--display);letter-spacing:-.045em;font-variant-numeric:tabular-nums}.ct-odd-detail{display:block;margin-top:9px;font-size:12.5px;line-height:1.55;color:#585f53}.ct-odd-range{margin-top:auto;font-size:11px;line-height:1.5;color:var(--muted);font-variant-numeric:tabular-nums}.ct-rates-note{max-width:780px;margin:0}.ct-rates-error{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 22px;border-radius:13px;border:1px dashed #ccd1c5;font-size:13.5px;color:var(--muted)}@media(max-width:1150px){.ct-odds{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.ct-hero{grid-template-columns:minmax(0,1fr);gap:26px;padding:30px 20px 22px}.ct-box-stage{width:172px}.ct-hero-panel{align-items:stretch}.ct-stock strong{font-size:76px}.ct-open,.ct-chosen{max-width:none}}@media(max-width:520px){.ct-hero{gap:18px;padding-top:24px}.ct-box-stage{width:136px}.ct-hero-panel{gap:10px}.ct-stock strong{font-size:64px}.ct-rates-fold>summary{padding:12px 14px}.ct-rates{padding:0 14px 18px}.ct-odds{grid-template-columns:minmax(0,1fr)}.ct-odd{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px 14px;padding:14px}.ct-odd-range{grid-column:2}.ct-themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ct-theme{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.ct-theme-text small{display:none}.ct-theme-text strong{padding-right:20px}.ct-theme-progress{margin-top:8px}}@media(prefers-reduced-motion:reduce){.ct-box,.ct-box-glow{animation:none!important}}.disco-tools{display:flex;align-items:center;gap:12px;margin-bottom:14px}.disco-search{position:relative;flex:1;max-width:480px;display:flex;align-items:center}.disco-search>svg{position:absolute;left:15px;color:var(--muted);pointer-events:none}.disco-search input{width:100%;height:46px;padding:0 44px 0 43px;border:1px solid #d3d8ca;border-radius:11px;background:#fdfcf8;color:var(--ink);font-size:14px;transition:border-color .2s,background .2s}.disco-search input::placeholder{color:#9a9e91}.disco-search input:hover{border-color:#c4cab7}.disco-search input:focus-visible{outline:2px solid var(--coral-ink);outline-offset:1px;background:#fff}.disco-search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.disco-search-clear{position:absolute;right:6px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--muted)}.disco-search-clear:hover{background:var(--sage);color:var(--ink)}.disco-sort{position:relative;margin-left:auto;display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.disco-sort select{height:46px;padding:0 38px 0 15px;border:1px solid #d3d8ca;border-radius:11px;background:#fdfcf8;color:var(--ink);font-size:13px;font-weight:600;appearance:none;cursor:pointer}.disco-sort select:hover{border-color:#c4cab7}.disco-sort select:focus-visible{outline:2px solid var(--coral-ink);outline-offset:1px}.disco-sort>svg{position:absolute;right:14px;pointer-events:none;color:var(--ink)}.cp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.cp-chip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font-size:12.5px;font-weight:500;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.cp-chip:not([aria-pressed=true]):hover:not(:disabled){background:var(--sage);border-color:#cfd4c5}.cp-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.cp-chip:disabled{opacity:.4}.cp-chip>i{width:8px;height:8px;border-radius:50%;flex:none}.cp-chip-common>i{background:#8f9488}.cp-chip-rare>i{background:#4f86ad}.cp-chip-epic>i{background:#8466c6}.cp-chip-legendary>i{background:conic-gradient(#ed614c,#d5dd98,#588daf,#b2a0d9,#ed614c)}.cp-count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.cp-chip[aria-pressed=true] .cp-count,.coll-segmented [aria-pressed=true] .cp-count{color:inherit;opacity:.7}.disco-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin:16px 0 26px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}.disco-summary .text-button{color:var(--muted)}.disco-summary .text-button:hover{color:var(--coral-ink)}@media(max-width:620px){.disco-tools{flex-wrap:wrap}.disco-search{flex-basis:100%;max-width:none}.disco-sort{margin-left:0}.disco-sort select{height:40px}.cp-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -18px 8px;padding:0 18px 2px;scrollbar-width:none;scroll-padding:0 18px}.cp-chips::-webkit-scrollbar{display:none}.disco-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.disco-grid .vinyl-card-title{font-size:13px}.disco-grid .vinyl-card-meta{gap:5px 6px}}.track-back{margin:-10px 0 22px;color:var(--muted)}.track-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:60px;align-items:center;margin-top:4px}.track-stage{min-width:0}.track-stage-caption{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 10px;margin-top:18px;font-size:12.5px;color:#585e51}.track-serial{font:600 13px var(--display);color:var(--ink);font-variant-numeric:tabular-nums}.turntable{position:relative;margin:0;width:100%;aspect-ratio:1.16;container-type:inline-size;border-radius:22px;border:1px solid var(--card-line);background:radial-gradient(120% 90% at 20% 0%,#f6f4ed,transparent 60%),linear-gradient(160deg,#efede5,#e5e2d6);box-shadow:inset 0 1px #fffc,0 22px 40px -30px #34322173}.turntable-platter{position:absolute;left:6cqw;top:6cqw;width:74cqw;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#3a3c35 0 62%,#2c2e28 63%,#1f201c);box-shadow:0 0 0 1.1cqw #dcd9cc,0 0 0 1.3cqw #cbc8ba,0 10px 22px #28261c47}.turntable-record{width:95%;box-shadow:0 2px 6px #0006;animation:record-in .45s cubic-bezier(.2,.8,.2,1)}.turntable-spindle{position:absolute;left:50%;top:50%;width:1.5cqw;height:1.5cqw;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,#fff,#bdb7a6 55%,#7b7566)}.turntable-arm{position:absolute;left:88cqw;top:13cqw;width:0;height:0;transform:rotate(0);transition:transform 1s cubic-bezier(.3,.7,.2,1)}.turntable.is-playing .turntable-arm{transform:rotate(24deg)}.turntable-arm-base{position:absolute;left:-6cqw;top:-6cqw;width:12cqw;height:12cqw;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fbfaf6,#d8d4c6 55%,#bdb8a8);box-shadow:0 3px 8px #34322140,inset 0 0 0 .5cqw #ffffff80}.turntable-arm-rod{position:absolute;left:-.6cqw;top:0;width:1.2cqw;height:50cqw;border-radius:1cqw;background:linear-gradient(90deg,#a9a596,#f4f2ea 45%,#a9a596);box-shadow:1cqw 1.4cqw 1.6cqw #28261c38}.turntable-arm-head{position:absolute;left:-1.6cqw;top:48cqw;width:4.4cqw;height:7.4cqw;border-radius:.8cqw .8cqw 1.2cqw 1.2cqw;transform:rotate(16deg);transform-origin:50% 0;background:linear-gradient(180deg,#2f312b,#45473f);box-shadow:0 .6cqw 1cqw #0000004d}.turntable-arm-weight{position:absolute;left:-2.5cqw;top:-11.5cqw;width:5cqw;height:6.5cqw;border-radius:1.2cqw;background:linear-gradient(90deg,#3c3e37,#6b6d63 45%,#3c3e37)}.turntable-rest{position:absolute;left:91.5cqw;top:54cqw;width:2.6cqw;height:2.6cqw;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fbfaf6,#bdb8a8);box-shadow:0 1px 3px #3432214d}.turntable-light{position:absolute;left:86cqw;bottom:9cqw;width:1.5cqw;height:1.5cqw;border-radius:50%;background:#c9c5b6;box-shadow:inset 0 1px 1px #0003;transition:background .4s,box-shadow .4s}.turntable.is-playing .turntable-light{background:var(--coral);box-shadow:0 0 1.4cqw #ed614ccc}.turntable-speed{position:absolute;left:89.2cqw;bottom:8.4cqw;font:600 2.5cqw/1 var(--display);letter-spacing:.02em;color:#8d907f}.turntable-skeleton{width:100%;aspect-ratio:1.16;border-radius:22px}@keyframes record-in{0%{opacity:0;transform:scale(.97)}}.track-info{min-width:0}.track-title{margin-top:14px;font:600 clamp(40px,4.6vw,66px)/1 var(--display);letter-spacing:-.045em;overflow-wrap:anywhere}.explicit-mark{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:12px;border-radius:5px;background:#dedcd0;color:#555a4e;font:700 12px/1 var(--text);letter-spacing:0;vertical-align:.5em}.track-artist{margin-top:12px;font:500 21px/1.35 var(--display);letter-spacing:-.4px;color:#4d5246}.track-listen{display:flex;align-items:center;flex-wrap:wrap;gap:14px 16px;margin-top:32px}.track-play{min-width:206px;padding:5px 22px 5px 5px;background:var(--ink);color:var(--paper);transition:background .2s}.track-play:hover:not(:disabled){background:var(--ink-hover)}.track-play .play-label{font-size:14px}.track-play:disabled{background:#d9dbd0;color:var(--ink)}.track-mention{margin-top:12px;font-size:12px;color:var(--muted)}.track-album{display:flex;align-items:flex-start;gap:18px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}.track-album img{width:64px;height:64px;flex:none;border-radius:7px;box-shadow:2px 3px 9px #28261c2e}.track-facts{flex:1;min-width:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 22px}.track-facts>.is-wide{grid-column:1 / -1}.track-facts dt{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.track-facts dd{margin:5px 0 0;font-size:14px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.track-tags{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.track-tags li{padding:4px 11px;border-radius:999px;background:var(--card);font-size:11.5px;color:#585e51}.track-section{margin-top:12px}.cp-note{font-size:12.5px;color:var(--muted)}.mine-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,430px),1fr));gap:12px}.mine-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;padding:10px 12px 10px 10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .2s,box-shadow .2s}.mine-row:hover{border-color:#cfd4c5}.mine-row.is-selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.mine-row-main{flex:1 1 200px;min-width:0;display:flex;align-items:center;gap:14px;padding:2px;border-radius:10px;text-align:left}.mine-row-main .vinyl{box-shadow:1px 3px 8px #28261c38;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.mine-row-main:hover .vinyl,.mine-row.is-selected .vinyl{transform:rotate(40deg)}.mine-row-text{min-width:0;display:grid;gap:4px}.mine-row-head{display:flex;align-items:center;gap:8px}.mine-row-head strong{font:600 14px var(--display);font-variant-numeric:tabular-nums}.mine-row-label{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mine-row-text small{font-size:11.5px;color:var(--muted)}.mine-row-action{flex:none;min-height:38px;padding:8px 12px;gap:7px;font-size:12px}.mine-row-action.is-exposed{border-color:#ccd5b0;background:#eff2e0;color:#4a5a24}.track-missing{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;padding:20px 22px;border:1px dashed #ccd1c5;border-radius:16px}.track-missing>svg{color:var(--coral);flex:none}.track-missing p{flex:1 1 260px;font-size:13.5px;line-height:1.6;color:var(--muted)}.track-missing strong{color:var(--ink);font-weight:600}.track-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:44px}.track-panel{padding:26px 26px 22px;border-radius:16px;background:var(--card)}.track-panel h2{font-size:20px;font-weight:600;letter-spacing:-.6px}.track-panel-lead{margin-top:6px;font-size:13px;line-height:1.6;color:var(--muted)}.track-panel .fine-print{margin-top:18px}.pressed-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:13px}.pressed-list li{display:grid;grid-template-columns:96px 52px minmax(0,1fr);align-items:center;gap:12px}.pressed-list .rarity-chip{justify-self:start}.pressed-list strong{font:600 18px/1 var(--display);text-align:right;font-variant-numeric:tabular-nums}.pressed-bar{display:block;height:6px;border-radius:3px;background:#282b2512;overflow:hidden}.pressed-bar i{display:block;height:100%;border-radius:inherit;transform-origin:left}.pressed-fill-common{background:#9ca093}.pressed-fill-rare{background:#4f86ad}.pressed-fill-epic{background:#8466c6}.pressed-fill-legendary{background:linear-gradient(90deg,#ed614c,#e8c95c,#58a98a,#588daf,#b2a0d9)}.noto-score{display:flex;align-items:baseline;gap:8px;margin-top:18px}.noto-score strong{font:600 58px/1 var(--display);letter-spacing:-.045em;font-variant-numeric:tabular-nums}.noto-score span{font-size:14px;color:var(--muted)}.noto-score.is-none strong{font-size:32px;letter-spacing:-.035em;color:#5b6053}.noto-meter{height:6px;margin-top:16px;border-radius:3px;background:#282b2514;overflow:hidden}.noto-meter i{display:block;height:100%;background:var(--ink);transform-origin:left}@media(max-width:1080px){.track-hero{grid-template-columns:minmax(0,1fr);gap:34px}.track-stage{max-width:560px;width:100%;margin:0 auto}}@media(max-width:760px){.track-panels{grid-template-columns:minmax(0,1fr);margin-top:32px}.mine-list{grid-template-columns:minmax(0,1fr)}}@media(max-width:620px){.track-back{margin:-8px 0 16px}.turntable{border-radius:18px}.track-title{font-size:40px;letter-spacing:-1.8px}.track-artist{font-size:18px}.track-listen{margin-top:24px}.track-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.track-panel{padding:22px 20px 18px}.mine-row-action{flex:1 1 100%}}.coll-progress{position:relative;height:6px;border-radius:3px;background:#282b2517;overflow:hidden}.coll-progress>i{position:absolute;inset:0;border-radius:inherit;background:var(--ink);transform-origin:left;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.coll-progress.is-full>i{background:#84983e}.coll-catalog-card{position:relative;display:flex;align-items:center;gap:30px;padding:26px 30px;border-radius:18px;background:var(--card)}.coll-catalog-records{display:flex;flex:none;padding-right:6px}.coll-catalog-records .vinyl{box-shadow:3px 6px 14px #28261c40}.coll-catalog-records .vinyl+.vinyl{margin-left:-60px}.coll-catalog-text{flex:1;min-width:0}.coll-catalog-text h2{font-size:26px;font-weight:600;letter-spacing:-.9px}.coll-catalog-text h2 a{color:inherit;text-decoration:none}.coll-catalog-text h2 a:after{content:"";position:absolute;inset:0;border-radius:inherit}.coll-catalog-text h2 a:focus-visible{outline:none}.coll-catalog-card:has(h2 a:focus-visible){outline:2px solid var(--coral-ink);outline-offset:3px}.coll-catalog-card:has(h2 a:hover) h2{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}.coll-catalog-text p{margin:6px 0 14px;font-size:13.5px;color:var(--muted)}.coll-catalog-text p strong{color:var(--ink);font-weight:600}.coll-catalog-text .coll-progress{max-width:520px}.coll-catalog-open{position:relative;z-index:1;flex:none;background:var(--surface)}.coll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:16px}.coll-card{position:relative;display:flex;flex-direction:column;gap:18px;padding:18px 18px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .2s,background .2s}.coll-card:hover{border-color:#c6ccba;background:#fdfcf8}.coll-card:has(.coll-card-link:focus-visible){outline:2px solid var(--coral-ink);outline-offset:3px}.coll-card-head{display:flex;align-items:center;gap:14px;min-width:0}.coll-card-disc{box-shadow:2px 4px 10px #28261c38;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.coll-card:hover .coll-card-disc{transform:rotate(50deg)}.coll-card-text{flex:1;min-width:0}.coll-card h3{font-size:17px;font-weight:600;letter-spacing:-.4px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coll-card-link{color:inherit;text-decoration:none}.coll-card-link:after{content:"";position:absolute;inset:0;border-radius:inherit}.coll-card-link:focus-visible{outline:none}.coll-card-text p{margin-top:4px;font-size:12px;color:var(--muted)}.coll-card.is-complete .coll-card-text p{color:#5b6d26;font-weight:500}.coll-badge{flex:none;align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 7px;border-radius:999px;background:var(--acid);color:#3c4420;font-size:11px;font-weight:700}.coll-card-progress{display:flex;align-items:center;gap:12px;margin-top:auto}.coll-card-progress .coll-progress{flex:1}.coll-card-count{font:500 12px var(--display);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.coll-card-count strong{font-size:14px;color:var(--ink)}.coll-card-open{position:relative;z-index:1;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;min-height:34px;margin:-6px 0 -2px -8px;padding:6px 10px 6px 8px;border-radius:8px;color:var(--ink);font-size:12px;font-weight:600;text-decoration:none;transition:background .15s}.coll-card-open:hover{background:var(--sage)}.coll-card-open svg{color:#a2683a}.coll-unfold{display:flex;margin:18px auto 0}.coll-unfold svg{transition:transform .2s}.coll-unfold svg.is-up{transform:rotate(180deg)}.coll-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:30px;margin:-8px 0 30px;padding:22px 28px;border-radius:16px;background:var(--card)}.coll-summary-count{white-space:nowrap}.coll-summary-count strong{font:600 46px/1 var(--display);letter-spacing:-.045em;font-variant-numeric:tabular-nums}.coll-summary-count span{margin-left:6px;font-size:14px;color:var(--muted)}.coll-summary-bar{display:flex;align-items:center;gap:14px}.coll-summary-bar .coll-progress{flex:1;height:8px;border-radius:4px}.coll-summary-bar>span{font:600 14px var(--display);font-variant-numeric:tabular-nums}.coll-summary-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 15px 8px 11px;border-radius:999px;background:var(--acid);color:#3c4420;font-size:13px;white-space:nowrap}.coll-summary-badge strong{font-weight:700}.coll-summary-note{font-size:13px;color:var(--muted);white-space:nowrap}.coll-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.coll-segmented{display:inline-flex;gap:2px;padding:4px;border-radius:11px;background:var(--card)}.coll-segmented button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 14px;border-radius:8px;color:#585e51;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.coll-segmented button:hover{color:var(--ink)}.coll-segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #282b2524}.coll-tracks .vinyl-card.is-missing .album-artwork-cover{background:#e3e1d5;box-shadow:inset 0 0 0 1px #282b250f}.coll-tracks .vinyl-card.is-missing .album-artwork-cover>img{filter:grayscale(1) blur(3px) contrast(.8);opacity:.3;transform:scale(1.1)}.coll-tracks .vinyl-card.is-missing .album-artwork-record{opacity:.1}.coll-tracks .vinyl-card.is-missing .album-artwork-cover:after{content:"À trouver";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:4px 10px;border-radius:999px;background:#f7f5efd9;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.coll-tracks .vinyl-card.is-missing .vinyl-card-artist{color:var(--muted)}@media(max-width:900px){.coll-summary{grid-template-columns:auto minmax(0,1fr);gap:16px 24px}.coll-summary-badge,.coll-summary-note{grid-column:1 / -1;justify-self:start}}@media(max-width:620px){.coll-catalog-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px 16px;padding:20px}.coll-catalog-records{padding:0}.coll-catalog-records .vinyl{width:54px!important;height:54px!important}.coll-catalog-records .vinyl+.vinyl{margin-left:-36px}.coll-catalog-text h2{font-size:21px;letter-spacing:-.6px}.coll-catalog-text p{margin:4px 0 12px;font-size:12.5px}.coll-catalog-open{grid-column:1 / -1}.coll-grid{grid-template-columns:minmax(0,1fr);gap:12px}.coll-card{gap:14px;padding:14px 14px 12px}.coll-card-disc{width:46px!important;height:46px!important}.coll-summary{grid-template-columns:minmax(0,1fr);padding:20px}.coll-summary-count strong{font-size:40px}.coll-summary-note{white-space:normal}.coll-segmented{width:100%}.coll-segmented button{flex:1;justify-content:center;padding:6px 8px}}.vitrine-status{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:-12px 0 22px}.vitrine-count{font-size:13px;color:var(--muted)}.vitrine-count strong{font:600 22px/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}.vitrine-save{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.vitrine-save.is-saved svg{color:#6b8a32}.vitrine-save.is-error{color:var(--coral-ink)}.vitrine-save-spin{animation:vinyl-spin 1s linear infinite}.vitrine-add{margin-left:auto}.shelf{position:relative;container-type:inline-size;padding:34px 0 14px;border-radius:22px;border:1px solid var(--card-line);background:linear-gradient(180deg,#efeee6,#e6e4d8)}.shelf-grid{--cols: 6;--gap: 22px;--ledge: 18px;--caption: 112px;list-style:none;margin:0;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gap);row-gap:30px}.shelf-back{padding:0 30px;overflow:hidden}.shelf-items{position:absolute;left:30px;right:30px;top:34px;padding:0;pointer-events:none}.shelf-cell{position:relative;padding-bottom:var(--caption)}.shelf-spacer{position:relative;aspect-ratio:1.25}.shelf-ledge{position:relative;display:block;height:var(--ledge);margin:0 -40px;background:linear-gradient(180deg,#f2e5cc 0 5px,#dcc39b 5px,#ceb187 55%,#bf9f72);box-shadow:inset 0 1px #ffffff73,0 16px 18px -14px #4e3a1c99}.shelf-number{position:absolute;left:44px;top:6px;font:600 9px/11px var(--display);letter-spacing:.08em;color:#5c422099}.shelf-add{position:absolute;left:0;top:0;height:100%;aspect-ratio:1;display:grid;place-content:center;justify-items:center;gap:6px;border:1.5px dashed #c5cab9;border-radius:9px;background:#ffffff38;color:#a2a797;font-size:12px;font-weight:600;transition:border-color .2s,background .2s,color .2s}.shelf-add.is-next{border-color:#a6ad97;background:#ffffff8c;color:var(--ink)}.shelf-add:hover{border-color:var(--ink);background:var(--surface);color:var(--ink)}.shelf-item{position:relative;min-width:0;pointer-events:auto}.shelf-art{position:relative;cursor:grab;user-select:none;-webkit-user-select:none}.shelf-art .album-artwork-record{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.shelf-art:hover .album-artwork-record{transform:translate(5%) rotate(26deg)}.shelf-item:active .shelf-art,.shelf-item.is-lifted .shelf-art{cursor:grabbing}.shelf-item.is-lifted .album-artwork-cover{box-shadow:10px 16px 28px #28261c4d}.shelf-caption{transition:opacity .15s}.shelf-item.is-lifted .shelf-caption{opacity:0}.shelf-play{position:absolute;left:8px;bottom:8px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.shelf-art:hover .shelf-play,.shelf-item:focus-within .shelf-play,.shelf-play.is-active{opacity:1;transform:none}.shelf-caption{display:flex;flex-direction:column;min-width:0;height:calc(var(--ledge) + var(--caption));padding-top:calc(var(--ledge) + 12px)}.shelf-title{font-size:13.5px;font-weight:600;letter-spacing:-.2px;line-height:1.35;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:4px}.shelf-title:hover{text-decoration:underline}.shelf-artist{margin-top:2px;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-meta{display:flex;align-items:center;gap:6px;margin-top:8px}.shelf-serial{font:500 11.5px var(--display);color:#5f6457;font-variant-numeric:tabular-nums}.shelf-tools{display:flex;align-items:center;gap:2px;margin:auto 0 0 -7px}.shelf-tool{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:#7d8274;transition:background .15s,color .15s}.shelf-tool:hover:not(:disabled){background:#282b2512;color:var(--ink)}.shelf-tool:disabled{opacity:.28}.shelf-grip{cursor:grab;touch-action:none}.shelf-remove{margin-left:auto}.shelf-remove:hover:not(:disabled){color:var(--coral-ink)}.vitrine-hint{margin-top:14px;font-size:12px;color:var(--muted)}.vitrine-hint-touch{display:none}@container (max-width: 900px){.shelf-grid{--cols: 3}}@container (max-width: 470px){.shelf-grid{--cols: 2;--gap: 18px}}@media(hover:none){.shelf-play{opacity:1;transform:none}.shelf-art{cursor:default}}@media(pointer:coarse),(hover:none){.vitrine-hint-touch{display:inline}.shelf-tool{width:36px;height:36px}.shelf-grid{--caption: 118px}}@media(max-width:620px){.shelf{padding-top:26px;border-radius:18px}.shelf-back{padding:0 16px}.shelf-items{left:16px;right:16px;top:26px}.vitrine-add{margin-left:0;width:100%}}.vitrine-share-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:14px 34px;margin-top:40px;padding:26px 28px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.vitrine-share-text h2{font-size:20px;font-weight:600;letter-spacing:-.6px}.vitrine-share-text p{margin-top:6px;font-size:13px;line-height:1.6;color:var(--muted)}.vitrine-share-code{font-family:var(--display);font-weight:600;letter-spacing:.12em;color:var(--ink)}.vitrine-share-field{display:flex;gap:8px;min-width:0}.vitrine-share-field input{flex:1;min-width:0;height:44px;padding:0 14px;border:1px solid #d3d8ca;border-radius:10px;background:#fdfcf8;color:var(--ink);font:12.5px ui-monospace,SF Mono,Menlo,monospace}.vitrine-share-field input:focus-visible{outline:2px solid var(--coral-ink);outline-offset:1px}.vitrine-share-open{grid-column:2;justify-self:start;margin-top:-4px}@media(max-width:760px){.vitrine-share-panel{grid-template-columns:minmax(0,1fr);padding:22px 20px}.vitrine-share-open{grid-column:1}}.vpick{width:min(940px,calc(100vw - 48px));max-width:none;height:min(86vh,920px);max-height:none;padding:0;border:0;border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px #1c221a52;overflow:hidden}.vpick[open]{display:flex;animation:vpick-in .22s cubic-bezier(.2,.8,.2,1)}.vpick::backdrop{background:#21241e7a}html:has(.vpick[open]){overflow:hidden}.vpick-panel{display:flex;flex-direction:column;width:100%;min-height:0}.vpick-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 22px 4px 28px}.vpick-head h2{font-size:27px;font-weight:600;letter-spacing:-1px}.vpick-head p{margin-top:4px;font-size:13px;color:var(--muted)}.vpick-tools{display:grid;gap:12px;padding:14px 28px;border-bottom:1px solid var(--line)}.vpick-tools .disco-search{max-width:none}.vpick-tools .cp-chips{margin:0}.vpick-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 28px 30px}.vpick-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:22px 18px}.vpick-grid .skeleton-artwork{margin:0}.vpick-item{display:flex;flex-direction:column;width:100%;padding:8px;border-radius:12px;text-align:left;transition:background .15s}.vpick-item:hover:not(:disabled){background:var(--card)}.vpick-item:hover:not(:disabled) .album-artwork-record{transform:translate(5%) rotate(26deg)}.vpick-item .album-artwork{margin-bottom:11px}.vpick-item-title{font-size:13px;font-weight:600;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vpick-item-artist{margin-top:2px;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vpick-item-meta{display:flex;align-items:center;gap:6px;min-height:20px;margin-top:7px;font:500 11px var(--display);color:#5f6457}.vpick-taken{font:600 10.5px var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.vpick-more{display:flex;margin:26px auto 0}.vpick-empty{padding:34px 0;text-align:center;font-size:13px;color:var(--muted)}@keyframes vpick-in{0%{opacity:0;transform:translateY(12px) scale(.985)}}@media(max-width:620px){.vpick{width:100vw;height:92dvh;margin:auto 0 0;border-radius:20px 20px 0 0}.vpick-head{padding:20px 12px 2px 18px}.vpick-head h2{font-size:23px}.vpick-tools{padding:12px 18px}.vpick-tools .cp-chips{margin:0 -18px}.vpick-list{padding:18px 12px 28px}.vpick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 4px}@keyframes vpick-in{0%{transform:translateY(40px);opacity:0}}}@media(prefers-reduced-motion:reduce){.turntable-arm,.turntable-light,.coll-progress>i,.coll-card-disc,.mine-row-main .vinyl,.shelf-art .album-artwork-record{transition:none}.turntable-record,.vpick[open],.vitrine-save-spin{animation:none}.coll-card:hover .coll-card-disc,.mine-row-main:hover .vinyl,.mine-row.is-selected .vinyl{transform:none}.shelf-art:hover .album-artwork-record,.vpick-item:hover:not(:disabled) .album-artwork-record{transform:rotate(12deg)}}.colls-browse{scroll-margin-top:20px}.colls-browse .cp-chips{margin-bottom:4px}.colls-group{margin-top:30px}.colls-group-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin-bottom:12px}.colls-group-head h3{font-size:17px;font-weight:600;letter-spacing:-.4px}.colls-more{margin-left:auto;padding:4px 0;color:var(--ink);font-weight:600}.colls-more:hover{color:var(--coral-ink)}.colls-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.colls-tile{position:relative;display:flex;align-items:center;gap:13px;min-width:0;padding:12px 14px 12px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .2s,background .2s}.colls-tile:hover{border-color:#c6ccba;background:#fdfcf8}.colls-tile:has(.colls-tile-link:focus-visible){outline:2px solid var(--coral-ink);outline-offset:2px}.colls-tile-disc{flex:none;box-shadow:1px 3px 8px #28261c33;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.colls-tile:hover .colls-tile-disc{transform:rotate(45deg)}.colls-tile-text{flex:1;min-width:0;display:grid;gap:5px}.colls-tile-link{font:600 14px/1.25 var(--display);letter-spacing:-.2px;color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.colls-tile-link:after{content:"";position:absolute;inset:0;border-radius:inherit}.colls-tile-link:focus-visible{outline:none}.colls-tile-meta{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.colls-tile-meta strong{color:var(--ink);font-weight:600}.colls-tile .coll-progress{height:4px}.colls-tile.is-complete{border-color:#d5dbb0;background:#f6f7ea}.colls-tile.is-complete .colls-tile-meta{color:#5b6d26;font-weight:600}.colls-tile-badge{flex:none;color:#6b8a32}.colls-browse .coll-unfold .cp-count{margin-left:2px}.colls-more.only-narrow{display:none}@media(max-width:620px){.colls-tiles{grid-template-columns:minmax(0,1fr);gap:8px}.colls-tile{padding:10px 12px 10px 10px}.colls-group{margin-top:24px}.colls-more{margin-left:0;flex-basis:100%}.colls-more.only-narrow{display:inline-flex}.colls-preview>:nth-child(n+5),.colls-near>:nth-child(n+4){display:none}}@media(prefers-reduced-motion:reduce){.colls-tile-disc{transition:none}.colls-tile:hover .colls-tile-disc{transform:none}}.bt-mode{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:6px;font:700 10px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;vertical-align:middle}.bt-mode-normal{background:#e6eab9;color:#4b5320}.bt-mode-hardcore{background:#fbe3dd;color:#a43a27}.eyebrow .bt-mode{height:18px;letter-spacing:.12em}.bt-coral{background:#cf4632}.bt-coral:hover:not(:disabled){background:#bb3d2a}.bt-title-with{display:inline-flex;align-items:center;flex-wrap:wrap;gap:14px}.bt-page .composer-back,.bt-new .composer-back{display:inline-flex}.bt-list{display:grid;gap:12px;margin:0;padding:0;list-style:none;transition:opacity .2s}.bt-list.is-refreshing{opacity:.6}.bt-row{display:flex;align-items:center;gap:16px;min-height:76px;padding:14px 18px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink);text-decoration:none;transition:background .15s,border-color .15s,transform .15s}.bt-row:hover{background:#f3f2ea;border-color:#cfd4c4}.bt-row:active{transform:scale(.995)}.bt-row.is-turn{border-color:#f0b3a8;box-shadow:inset 3px 0 0 var(--coral)}.bt-row-link{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--card);color:var(--ink)}.bt-row-text{flex:1;min-width:0;display:grid;gap:5px}.bt-row-text strong{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;font:600 16px/1.3 var(--display);letter-spacing:-.3px}.bt-row-text small{font-size:12.5px;line-height:1.45;color:var(--muted)}.bt-row-text .countdown{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.bt-row-score{flex:none;display:inline-flex;align-items:baseline;gap:6px;font:600 22px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.6px}.bt-row-score i{font-style:normal;color:#a4a99a}.bt-row.is-win .bt-row-score{color:#4b5320}.bt-row-cta{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:9px;border:1px solid var(--line);font-size:12.5px;font-weight:600}.bt-row-cta.is-turn{background:#cf4632;border-color:#cf4632;color:#fff}.bt-solo{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;margin-bottom:26px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.bt-solo-icon{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--player);color:var(--acid)}.bt-solo-text{flex:1 1 240px;min-width:0;display:grid;gap:3px}.bt-solo-text h2{font:600 18px/1.2 var(--display);letter-spacing:-.4px}.bt-solo-text p{font-size:13px;line-height:1.5;color:var(--muted)}.bt-solo-modes{display:flex;gap:6px;margin:0;padding:0;border:0;min-width:0}.bt-solo-mode{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,box-shadow .15s}.bt-solo-mode:hover{border-color:#c4caba}.bt-solo-mode.is-checked{border-color:var(--ink);background:#fff;box-shadow:0 0 0 1px var(--ink)}.bt-solo-mode:has(input:focus-visible){outline:2px solid var(--coral-ink);outline-offset:3px}.bt-solo .primary-button{min-height:44px}.bt-solo .form-error{flex-basis:100%;margin:0}.bt-limit{margin-top:18px}.bt-limit a{color:var(--ink);font-weight:600}.bt-setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:30px}.bt-step{min-width:0;margin:0;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.bt-step legend,.bt-step-legend{display:flex;align-items:center;gap:10px;float:left;width:100%;margin-bottom:16px;padding:0;font:600 19px/1.2 var(--display);letter-spacing:-.5px;color:var(--ink)}.bt-step legend+*{clear:both}.bt-step-n{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font:700 12px/1 var(--text)}.bt-step-picks{padding:24px 24px 30px}.bt-step-picks .bt-step-legend{float:none;margin-bottom:6px}.bt-step-lead{margin:0 0 18px;font-size:13.5px;line-height:1.6;color:var(--muted)}.bt-step-note{margin-top:12px}.bt-choices{display:grid;gap:10px}.bt-choice{position:relative;display:flex;align-items:flex-start;gap:14px;padding:15px 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--paper);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.bt-choice:hover{border-color:#c4caba}.bt-choice>svg{flex:none;margin-top:1px;color:var(--muted)}.bt-choice>span{display:grid;gap:3px;min-width:0}.bt-choice strong{font-size:14px;font-weight:600}.bt-choice small{font-size:12.5px;line-height:1.5;color:var(--muted)}.bt-choice.is-checked{border-color:var(--ink);background:#fff;box-shadow:0 0 0 1px var(--ink)}.bt-choice.is-checked>svg{color:var(--coral)}.bt-choice.is-checked:after{content:"";position:absolute;right:14px;top:16px;width:10px;height:10px;border-radius:50%;background:var(--coral)}.bt-choice:has(input:focus-visible){outline:2px solid var(--coral-ink);outline-offset:3px}.bt-choice-hardcore.is-checked strong{color:#a43a27}.bt-code{margin-top:16px}.bt-code .form-field{margin-bottom:8px}.bt-code .form-error,.bt-code-found{margin:0;min-height:20px;font-size:13px}.bt-code-found{color:var(--muted)}.bt-code-found strong{color:var(--ink)}.bt-form-error{margin:0 0 14px}.bt-notice{max-width:none;margin:14px 0 0}.bt-search{margin-bottom:4px}.bt-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:30px 22px}.bt-rank{color:#fff;font:700 13px/1 var(--display)}.pick:not(.is-checked) .bt-rank{color:transparent}.bt-silent{display:inline-block;margin-top:8px;font-size:11px;font-weight:600;color:var(--muted)}.bt-tray{position:sticky;top:12px;z-index:30;display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:10px 10px 10px 12px;border-radius:14px;background:var(--player);color:var(--paper);box-shadow:0 10px 24px #282b2529}.bt-slots{display:flex;gap:8px;margin:0;padding:0;list-style:none}.bt-slot{position:relative;width:50px;height:50px;flex:none}.bt-slot>span{display:grid;place-items:center;width:100%;height:100%;border:1.5px dashed rgba(247,245,239,.28);border-radius:9px;font:600 15px var(--display);color:var(--player-muted)}.bt-slot button{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:9px;background:#3b3e36;animation:bt-pop .28s cubic-bezier(.2,.9,.3,1.3)}.bt-slot img{width:100%;height:100%;object-fit:cover}.bt-slot-x{position:absolute;right:3px;top:3px;padding:2px;border-radius:50%;background:#141612b8;color:#fff;opacity:0;transition:opacity .15s}.bt-slot button:hover .bt-slot-x,.bt-slot button:focus-visible .bt-slot-x{opacity:1}@media(hover:none){.bt-slot-x{opacity:1}}.bt-tray-count{font:600 22px/1 var(--display);font-variant-numeric:tabular-nums;color:var(--player-muted)}.bt-tray-count strong{color:var(--paper)}.bt-tray-action{margin-left:auto;display:flex;align-items:center;flex-direction:row-reverse;gap:14px;min-width:0}.bt-tray-action .primary-button:disabled{opacity:.4}.bt-tray-hint{font-size:12px;line-height:1.4;color:var(--player-muted);text-align:right}@keyframes bt-pop{0%{transform:scale(.6);opacity:0}}.bt-hidden-row{display:flex;gap:14px;margin:-8px 0 30px;padding:0;list-style:none}.bt-hidden-row li{position:relative;width:92px;flex:none;border-radius:6px;overflow:hidden;box-shadow:3px 4px 10px #34322124}.bt-hidden-row li:nth-child(odd){transform:rotate(-2deg)}.bt-hidden-row li:nth-child(2n){transform:rotate(2deg) translateY(4px)}.bt-hidden-row li>span{position:absolute;right:9px;top:6px;font:600 15px var(--display);color:var(--ink)}.bt-board{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;padding:20px 22px;border-radius:18px;background:var(--card)}.bt-board-action{flex:1 1 260px;display:flex;justify-content:flex-end}.bt-play{min-height:54px;padding:14px 24px;font-size:15px;border-radius:12px}.bt-wait{max-width:420px;font-size:13.5px;line-height:1.6;color:var(--muted)}.bt-versus{display:flex;align-items:center;gap:18px;min-width:0}.bt-side{display:grid;grid-template-columns:auto auto;grid-template-areas:"avatar score" "name played";align-items:center;column-gap:12px;row-gap:4px;min-width:0}.bt-side .avatar{grid-area:avatar;width:40px;height:40px}.bt-side-name{grid-area:name;display:block;max-width:150px;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-side-name .pro-badge{float:right;margin-left:6px}.bt-side-score{grid-area:score;font:600 40px/1 var(--display);letter-spacing:-1.6px;font-variant-numeric:tabular-nums}.bt-side-played{grid-area:played;font-size:11.5px;color:var(--muted);white-space:nowrap}.bt-side.is-winner .bt-side-score{color:#4b5320}.bt-vs{font:700 11px var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.bt-section{margin-top:10px}.bt-section .section-title{margin-bottom:6px}.bt-section-lead{margin-bottom:20px;font-size:13px;color:var(--muted)}.bt-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 22px;margin:0;padding:0;list-style:none}.bt-tiles .vinyl-card-play{left:7px;top:calc(80cqw - 42px)}.bt-tiles .vinyl-card-play .play-disc{width:34px!important;height:34px!important}.bt-tile-hidden{container-type:inline-size}.bt-tile-sleeve{position:relative;width:80%;aspect-ratio:1;margin-bottom:14px;border-radius:9px;overflow:hidden;box-shadow:4px 2px 9px #00000024}.bt-tile-sleeve>span{position:absolute;inset:0;display:grid;place-items:center;font:600 46cqw/1 var(--display);color:#282b25d1}.bt-tile-hidden .vinyl-card-title{display:block}.bt-note{display:inline-flex;margin-top:9px;padding:3px 9px;border-radius:999px;background:#ebeae3;color:#5f645a;font-size:11px;font-weight:600}.bt-note.is-right{background:#e6eab9;color:#4b5320}.bt-note.is-wrong{background:#fbe3dd;color:#a43a27}.bt-share{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px 14px;max-width:760px;margin-bottom:18px}.bt-share-field{flex:1 1 320px;margin:0}.bt-share-field input{font-size:13px;color:var(--muted)}.bt-share-actions{display:flex;flex-wrap:wrap;gap:10px}.bt-share-actions .primary-button,.bt-share-actions .outline-button{min-height:46px}.bt-foot{display:flex;justify-content:flex-start;margin-top:36px}.bt-confirm{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px 14px;font-size:13.5px;font-weight:600}.bt-round{max-width:860px;margin:0 auto}.bt-round-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:16px}.bt-quit{justify-self:start;color:var(--muted)}.bt-round-where{display:grid;justify-items:center;gap:8px}.bt-round-score{justify-self:end;font-size:12px;font-weight:600;color:var(--muted)}.bt-round-score strong{margin-left:6px;font:600 22px/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}.bt-dots{display:flex;gap:6px;margin:0;padding:0;list-style:none}.bt-dots li{width:26px;height:6px;border-radius:3px;background:#d6dacb}.bt-dots li.is-current{background:var(--ink)}.bt-dots li.is-right{background:#9aa64a}.bt-dots li.is-wrong{background:#e39a8c}.bt-stage{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 40px 34px;border-radius:24px;color:var(--paper);background:radial-gradient(70% 46% at 50% 22%,rgba(237,97,76,.2),transparent 70%),linear-gradient(180deg,#30332c,#24261f)}.bt-stage-loading,.bt-stage-error{display:grid;justify-items:center;gap:18px;padding:40px 0}.bt-stage-error p{color:#f3d5cd;font-size:14px}.bt-question{font:600 clamp(28px,3.4vw,38px)/1.1 var(--display);letter-spacing:-1.2px;color:var(--paper)}.bt-question-lead{margin-top:8px;font-size:13.5px;color:var(--player-muted)}.bt-listen{display:grid;justify-items:center;gap:12px;margin-top:26px}.bt-disc{position:relative;width:210px;height:210px;border-radius:50%;box-shadow:0 18px 40px #00000073,0 0 0 1px #ffffff0f;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.bt-disc:hover:not(:disabled){transform:scale(1.025)}.bt-disc:active:not(:disabled){transform:scale(.97)}.bt-disc:focus-visible{outline:3px solid var(--acid);outline-offset:6px}.bt-disc .vinyl{width:100%}.bt-disc-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;display:grid;place-items:center;border-radius:50%;background:var(--coral);color:#fff;box-shadow:0 6px 18px #ed614c73;transition:transform .2s,opacity .2s}.bt-disc-play svg{margin-left:4px}.bt-disc.is-playing .bt-disc-play{transform:scale(.6);opacity:0}.bt-disc-ring{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);transform:rotate(-90deg);pointer-events:none}.bt-disc-ring circle{fill:none;stroke:var(--acid);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:bt-ring var(--secs) linear forwards}@keyframes bt-ring{to{stroke-dashoffset:0}}.bt-listen-label{min-height:20px;font:600 15px var(--display);letter-spacing:-.2px;color:var(--paper)}.bt-stake{margin-top:18px;font-size:13px;color:var(--player-muted)}.bt-stake strong{display:block;font:600 46px/1 var(--display);letter-spacing:-1.8px;color:var(--acid);font-variant-numeric:tabular-nums}.bt-ladder{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:16px 0 0;padding:0;list-style:none}.bt-ladder li{display:grid;gap:2px;min-width:64px;white-space:nowrap;padding:7px 10px;border-radius:10px;border:1px solid rgba(247,245,239,.14);font-size:11px;color:var(--player-muted);transition:background .2s,color .2s,border-color .2s}.bt-ladder strong{font:600 14px var(--display);color:var(--paper)}.bt-ladder li.is-current{background:var(--acid);border-color:var(--acid);color:#3c4232}.bt-ladder li.is-current strong{color:var(--ink)}.bt-ladder li.is-past{opacity:.45;text-decoration:line-through}.bt-extend{margin-top:18px;border-color:#f7f5ef3d;color:var(--paper)}.bt-extend span{font-weight:500;color:var(--player-muted)}.bt-extend:hover:not(:disabled){background:#f7f5ef14;border-color:#f7f5ef66}.bt-extend-last{margin-top:18px;font-size:12.5px;color:var(--player-muted)}.bt-error{margin-top:14px;font-size:13px;color:#f3b4a6}.bt-muted{display:grid;justify-items:center;gap:4px;margin-top:14px;padding:10px 16px 6px;border-radius:12px;background:#f7f5ef14;font-size:13px;color:var(--paper)}.bt-muted .volume-control{width:min(220px,100%)}.bt-answer{width:100%;max-width:640px;margin-top:30px;padding-top:26px;border-top:1px solid rgba(247,245,239,.1)}.bt-answer-title{display:block;margin-bottom:12px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--player-muted)}.bt-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bt-option{display:flex;align-items:center;gap:13px;min-height:66px;padding:12px 14px;border-radius:13px;background:var(--paper);color:var(--ink);text-align:left;transition:background .15s,transform .15s}.bt-option:hover:not(:disabled){background:var(--acid)}.bt-option:active:not(:disabled){transform:scale(.98)}.bt-option:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.bt-option-key{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font:700 12px var(--display)}.bt-option-text{display:grid;gap:2px;min-width:0}.bt-option-text strong{font-size:14px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.bt-option-text small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.bt-giveup{margin-top:16px;color:var(--player-muted)}.bt-giveup:hover{color:var(--paper)}.bt-song-search{position:relative;text-align:left}.bt-song-search .bt-answer-title{text-align:center}.bt-song-field{position:relative;display:flex;align-items:center}.bt-song-field svg{position:absolute;left:16px;color:var(--muted);pointer-events:none}.bt-song-field input{width:100%;height:56px;padding:0 16px 0 46px;border:0;border-radius:13px;background:var(--paper);color:var(--ink);font-size:16px}.bt-song-field input:focus-visible{outline:3px solid var(--acid);outline-offset:2px}.bt-suggestions{margin:8px 0 0;padding:6px;list-style:none;border-radius:13px;background:var(--paper);color:var(--ink);box-shadow:0 14px 30px #0000004d}.bt-suggestions li{display:grid;gap:2px;padding:10px 12px;border-radius:9px;cursor:pointer}.bt-suggestions li strong{font-size:14px;font-weight:600}.bt-suggestions li span{font-size:12px;color:var(--muted)}.bt-suggestions li.is-active{background:var(--acid)}.bt-suggestions li.is-active span{color:#3c4232}.bt-hint{margin-top:10px;min-height:18px;font-size:12px;color:var(--player-muted);text-align:center}.bt-reveal{width:100%;text-align:left}.bt-verdict{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px}.bt-verdict h1{font:600 clamp(30px,3.6vw,42px)/1.05 var(--display);letter-spacing:-1.4px;color:var(--paper)}.bt-verdict h1:focus{outline:none}.bt-points{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;font:600 16px var(--display);font-variant-numeric:tabular-nums}.bt-reveal.is-right .bt-points{background:var(--acid);color:var(--ink)}.bt-reveal.is-wrong .bt-points{background:#f7f5ef1a;color:var(--player-muted)}.bt-given{margin-top:8px;font-size:13px;color:var(--player-muted)}.bt-given s{color:#f3b4a6}.bt-reveal-body{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);align-items:center;gap:34px;margin-top:28px}.bt-reveal-art{padding-right:6%}.bt-reveal-art .album-artwork-record{transform:translate(-24%) rotate(-10deg);transition:transform 1.1s cubic-bezier(.16,.9,.2,1)}.bt-reveal-art.is-out .album-artwork-record{transform:translate(6%) rotate(28deg)}.bt-reveal-art .album-artwork-cover{box-shadow:8px 10px 24px #0006}.bt-reveal-text{display:grid;justify-items:start;gap:6px;min-width:0}.bt-reveal-text .eyebrow{color:var(--player-muted)}.bt-reveal-title{font:600 clamp(26px,3vw,36px)/1.08 var(--display);letter-spacing:-1px;color:var(--paper);overflow-wrap:anywhere}.bt-reveal-artist{font-size:15px;color:#d9dbd2}.bt-reveal-copy{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:10px;font-size:12.5px;color:var(--player-muted)}.bt-reveal-listen{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:16px}.bt-reveal-listen .play-label{color:var(--paper)}.bt-reveal-next{display:flex;justify-content:flex-end;margin-top:30px}.bt-next{min-height:52px;padding:13px 22px;border-radius:12px;background:var(--paper);color:var(--ink);font-size:14px}.bt-next:hover:not(:disabled){background:#fff}.bt-result{position:relative;overflow:hidden;display:grid;justify-items:center;gap:12px;margin-bottom:26px;padding:40px 28px 32px;border-radius:24px;text-align:center;color:var(--paper);background:linear-gradient(180deg,#30332c,#24261f)}.bt-result.is-win{background:radial-gradient(60% 60% at 50% 0%,rgba(213,221,152,.34),transparent 70%),linear-gradient(180deg,#30332c,#24261f)}.bt-result .eyebrow{color:var(--player-muted)}.bt-result.is-win .eyebrow{color:var(--acid)}.bt-result-title{font:600 clamp(40px,5vw,64px)/1 var(--display);letter-spacing:-.05em;color:var(--paper)}.bt-result-lead{font-size:14px;color:var(--player-muted)}.bt-result .bt-versus{margin-top:14px;padding:18px 26px;border-radius:16px;background:#f7f5ef0f}.bt-result .bt-side-score{color:var(--paper)}.bt-result .bt-side.is-winner .bt-side-score{color:var(--acid)}.bt-result .bt-side-played,.bt-result .bt-vs{color:var(--player-muted)}.bt-result .avatar{background:#4a4e43;color:var(--paper)}.bt-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}.bt-result-actions .outline-button{border-color:#f7f5ef3d;color:var(--paper)}.bt-result-actions .outline-button:hover{background:#f7f5ef14}@media(max-width:1000px){.bt-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.bt-setup{grid-template-columns:minmax(0,1fr)}.bt-reveal-body{grid-template-columns:minmax(0,1fr);gap:22px}.bt-reveal-art{width:min(300px,82%);justify-self:center}}@media(max-width:620px){.bt-row{flex-wrap:wrap;gap:10px 14px;padding:14px}.bt-row-text{flex-basis:calc(100% - 60px)}.bt-row-score{margin-left:56px;font-size:19px}.bt-row-cta{margin-left:auto}.bt-row-score+.bt-row-cta{margin-left:auto}.bt-solo{padding:14px}.bt-solo-text{flex-basis:calc(100% - 62px)}.bt-solo-modes{flex:1 1 100%}.bt-solo-mode{flex:1}.bt-solo .primary-button{flex:1 1 100%}.bt-step,.bt-step-picks{padding:18px 16px 22px}.bt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.bt-tray{flex-wrap:wrap;gap:10px;padding:10px}.bt-slots{gap:6px}.bt-slot{width:44px;height:44px}.bt-tray-count{font-size:19px}.bt-tray-action{flex:1 1 100%;flex-direction:column;align-items:stretch;gap:6px}.bt-tray-action .primary-button{width:100%}.bt-tray-hint{text-align:center}.bt-hidden-row{gap:8px}.bt-hidden-row li{width:calc((100% - 32px)/5)}.bt-board{padding:18px 16px}.bt-board-action,.bt-play{width:100%}.bt-side-score{font-size:32px}.bt-side-name{max-width:96px}.bt-versus{gap:12px}.bt-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.bt-round-head{grid-template-columns:auto 1fr auto}.bt-round-where .eyebrow{font-size:9.5px;letter-spacing:.1em}.bt-dots li{width:18px}.bt-stage{margin:0 -6px;padding:28px 18px 26px;border-radius:20px}.bt-disc{width:176px;height:176px}.bt-disc-play{width:64px;height:64px;margin:-32px 0 0 -32px}.bt-stake strong{font-size:38px}.bt-ladder li{min-width:0;flex:1 1 0;padding:6px 4px}.bt-ladder strong{font-size:13px}.bt-ladder span{font-size:10px}.bt-extend{width:100%;white-space:normal}.bt-options{grid-template-columns:minmax(0,1fr)}.bt-option{min-height:58px}.bt-reveal-next .bt-next{width:100%}.bt-result{padding:32px 16px 26px}.bt-result .bt-versus{padding:14px 16px}.bt-share-actions,.bt-share-actions>*{width:100%}}@media(prefers-reduced-motion:reduce){.bt-disc-ring circle{animation:none;stroke-dashoffset:0;opacity:.5}.bt-reveal-art .album-artwork-record,.bt-reveal-art.is-out .album-artwork-record{transition:none;transform:translate(6%) rotate(28deg)}.bt-slot button{animation:none}.bt-disc,.bt-row,.bt-option{transition:none}.bt-disc:hover:not(:disabled),.bt-disc:active:not(:disabled),.bt-option:active:not(:disabled),.bt-row:active{transform:none}}