#sleeve-modal{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#181510;color:#f5ead8;overflow:hidden;font-family:Georgia,serif}#sleeve-modal::backdrop{background:#16130f}#sleeve-modal .collection-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}#sleeve-modal .collection-dim{position:absolute;inset:0;background:linear-gradient(#0c0b0940,#0b09076b 35%,#090807bd);backdrop-filter:blur(2px);pointer-events:none}#sleeve-modal button{font:inherit;color:inherit;cursor:pointer}#sleeve-modal button:focus-visible{outline:2px solid #efd2a4;outline-offset:7px}#sleeve-modal .sleeve-header{position:absolute;top:30px;left:4vw;right:4vw;display:flex;align-items:start;justify-content:space-between;z-index:5}.sleeve-eyebrow{font:10px/1.6 system-ui;letter-spacing:.28em;color:#e7d5b4}.sleeve-header h1{font-size:26px;font-weight:normal;margin:8px 0}#sleeve-close{border:1px solid #ead9bc66;border-radius:50%;width:42px;height:42px;font:30px Georgia!important;background:#17130d44}.sleeve-content{position:absolute;top:15%;bottom:8%;width:100%;display:flex;flex-direction:column;align-items:center}#sleeve-stage{width:min(1100px,100vw);flex:1;min-height:170px;position:relative;perspective:1200px;touch-action:pan-y;user-select:none}#sleeve-cards{position:absolute;inset:0;transform-style:preserve-3d}.floating-sleeve{position:absolute;left:50%;top:50%;width:min(36vw,44vh,380px);aspect-ratio:1;padding:0;border:1px solid #f1e4ce66;border-radius:2px;background:#e7dec9;box-shadow:2px 1px 0 #b9aa91,4px 2px 0 #4e4132,0 24px 35px #0007;transform-style:preserve-3d;will-change:transform;overflow:visible;backface-visibility:hidden}.floating-sleeve::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#fff1 0%,transparent 35%,#0001 100%);border-radius:2px}.book-art{height:100%;width:100%;display:block;background:#181b1e;overflow:hidden}.book-art img{height:100%;width:100%;object-fit:contain;display:block}.sleeve-bookmark{position:absolute;right:8%;top:-3px;width:18px;height:34px;background:#8f3931;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);box-shadow:1px 2px 4px #0005}.family-art{display:flex;height:100%;box-sizing:border-box;padding:8% 6%;flex-direction:column;align-items:center;background:#e8dec2;color:#25392f;overflow:hidden}.family-art small,.family-art em{font:8px system-ui;letter-spacing:.18em}.family-art b{font-size:clamp(14px,2.3vw,27px);line-height:1.1;margin-top:5%;font-weight:normal}.family-art img{height:48%;width:60%;object-fit:contain;margin:5% 0}.cole-art{position:relative;display:block;height:100%;overflow:hidden;background:#d9b46b;color:#152f32;text-align:left;padding:8%;box-sizing:border-box}.cole-art small{display:block;font:8px system-ui;letter-spacing:.12em}.cole-art b{display:block;font:bold clamp(20px,4vw,47px)/.92 Arial,sans-serif;position:relative;z-index:2;margin-top:8%}.cole-art i{position:absolute;width:67%;height:67%;border-radius:50%;background:#b24b2f;right:-15%;top:24%}.cole-art strong{position:absolute;bottom:9%;left:8%;font:700 clamp(7px,1vw,12px) system-ui;letter-spacing:.05em}.cole-art em{position:absolute;right:9%;top:15%;font:10px system-ui;writing-mode:vertical-rl;letter-spacing:.3em}.sleeve-meta{text-align:center;z-index:3;padding:10px 22px 0;max-width:620px;pointer-events:none}.sleeve-meta h2{font-size:clamp(19px,2.6vw,31px);font-weight:normal;line-height:1.15;margin:7px 0;text-wrap:balance}.sleeve-meta p{margin:4px 0;font:12px/1.4 system-ui;color:#e7dac4}#sleeve-kind{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#d8bf98}.sleeve-controls{display:flex;align-items:center;gap:28px;margin-top:18px;z-index:4}#sleeve-prev,#sleeve-next{width:40px;height:40px;border:1px solid #e1c6a177;border-radius:50%;background:#1f1a1433;font:30px Georgia!important}#sleeve-play{min-width:180px;border:1px solid #efddbd;background:#efe3c9;color:#2a241d!important;border-radius:30px;padding:12px 24px;font-size:14px!important}#sleeve-play:disabled{opacity:.5}#sleeve-details{border:0;border-bottom:1px solid #b59e7855;background:none;padding:7px 0;margin-top:10px;font-size:12px!important;z-index:4}#sleeve-status{font:12px system-ui;margin:8px;min-height:14px}#sleeve-modal .sleeve-footer{position:absolute;bottom:25px;left:4vw;right:4vw;display:flex;justify-content:space-between;font:10px system-ui;letter-spacing:.09em;opacity:.7;background:none;padding:0;z-index:4}.sleeve-controls button:hover,#sleeve-close:hover{filter:brightness(1.15)}#cabinet-records{bottom:90px;right:24px;left:auto;top:auto}#sleeve-details[hidden]{display:none}@media(max-width:600px){.sleeve-header h1{font-size:22px}.sleeve-content{top:20%;bottom:10%}#sleeve-stage{flex:1;min-height:210px}.floating-sleeve{width:54vw;max-width:310px}.sleeve-meta h2{font-size:22px}.sleeve-meta{max-width:85vw}.sleeve-controls{gap:24px;margin-top:15px}#sleeve-play{padding:12px 18px;min-width:170px}.family-art b{font-size:20px}.family-art small,.family-art em{font-size:7px}.cole-art b{font-size:32px}.sleeve-content #sleeve-status{font-size:11px}#sleeve-modal .sleeve-footer{bottom:20px}.sleeve-footer span:first-child{font-size:8px}.sleeve-header{top:20px!important}}@media(max-height:550px){.sleeve-content{top:12%;bottom:3%}.sleeve-header h1{display:none}.floating-sleeve{width:35vh}.sleeve-meta h2{font-size:18px}.sleeve-controls{margin-top:8px}.sleeve-footer{display:none!important}.sleeve-meta{padding-top:0}#sleeve-details{margin-top:0}#sleeve-status{margin:0}}
@keyframes sleeves-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}#sleeve-modal[open] .sleeve-content{animation:sleeves-enter .32s ease-out both}@media(prefers-reduced-motion:reduce){#sleeve-modal[open] .sleeve-content{animation:none}.floating-sleeve{will-change:auto}}
/* Light and wear remain independent of the original cover images. */
.floating-sleeve::after{background:linear-gradient(var(--glare-angle,112deg),transparent 18%,#fff5 39%,#fff9 42%,#fff2 48%,transparent 62%);opacity:var(--glare-opacity,.4);box-shadow:inset 0 0 0 1px #fff2;z-index:5}
.sleeve-wear{position:absolute;inset:0;pointer-events:none;z-index:4;border-radius:2px;border:1px solid #e5d7ba88;box-shadow:inset 2px 0 2px #e8dec78c,inset -1px 0 1px #5f493855,inset 0 2px 2px #ede1c6a0,inset 0 -2px 2px #b9a98b88;background:radial-gradient(ellipse at 0 0,#e4d6b9 0 3px,transparent 8px),radial-gradient(ellipse at 100% 0,#e4d6b9 0 2px,transparent 7px),radial-gradient(ellipse at 0 100%,#e4d6b9 0 4px,transparent 10px),radial-gradient(ellipse at 100% 100%,#e4d6b9 0 3px,transparent 8px),linear-gradient(138deg,transparent 3.6%,#f2e7ce55 3.8%,#51422c33 4%,transparent 4.2%),linear-gradient(25deg,transparent 94%,#e5d8bb66 94.2%,transparent 94.6%)}
.sleeve-wear::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(97deg,#f3e8cfaa 0 3px,transparent 3px 11px,#b7a28266 11px 12px,transparent 12px 19px);mask-image:linear-gradient(to bottom,#000 0 2px,transparent 3px calc(100% - 3px),#000 calc(100% - 2px));opacity:.75}.sleeve-wear::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(4deg,#e5d6b7cc 0 2px,transparent 2px 9px,#f7eed666 9px 12px,transparent 12px 23px);mask-image:linear-gradient(to right,#000 0 2px,transparent 3px calc(100% - 2px),#000 calc(100% - 1px));opacity:.7}.wear-1{transform:rotate(180deg)}.wear-2{transform:scaleX(-1)}
.sleeve-reflection{position:absolute;top:calc(100% + 10px);left:0;width:100%;height:100%;display:block;pointer-events:none;transform:scaleY(-1);opacity:.34;filter:blur(.7px);mask-image:linear-gradient(to top,#000b,transparent 47%);-webkit-mask-image:linear-gradient(to top,#000b,transparent 47%);border-radius:2px;overflow:hidden}.sleeve-reflection .sleeve-bookmark{display:none}.sleeve-reflection::after{content:'';position:absolute;inset:0;background:linear-gradient(var(--glare-angle,112deg),transparent 20%,#f8e8c355 42%,transparent 60%);opacity:.3;pointer-events:none}
.sleeve-meta{position:relative;z-index:120;text-shadow:0 2px 10px #000c}.sleeve-controls,#sleeve-details,#sleeve-status{position:relative;z-index:121}

/* Sleeve rests on the left-hand stack, below the focus plane of the deck. */
#deck-sleeve{position:absolute;left:1.8%;top:48%;width:18%;aspect-ratio:1;transform:perspective(900px) rotateX(12deg) rotateZ(-17deg);transform-origin:center;filter:saturate(.63) contrast(.79) brightness(.64) sepia(.16) blur(.65px);box-shadow:2px 3px 2px #100b08aa,7px 14px 16px #0a0708aa;border:1px solid #85745a;pointer-events:none;overflow:hidden;background:#30271d;font-family:Georgia,serif;text-align:center}#deck-sleeve::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#d3a46a17,transparent 38%,#160f0860);box-shadow:inset 0 0 18px #28170b66;pointer-events:none}#deck-sleeve .family-art b{font-size:clamp(12px,1.6vw,24px)}#deck-sleeve .cole-art b{font-size:clamp(22px,3vw,42px)}#deck-sleeve .sleeve-bookmark{display:none}
/* A full-size sleeve can extend beyond the left edge of the photograph. */
#deck-sleeve{width:36%;left:-15%;top:37%}
body[data-view="vinyl"] #vinyl-games,body[data-view="vinyl"] footer,body[data-view="vinyl"] .timeline{display:none}
#player-drawer{display:none;position:fixed;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:44;width:min(540px,calc(100vw - 32px));color:#e0cdb0;font:12px Georgia,serif}
body[data-view="vinyl"] #player-drawer,body[data-view="fire"] #player-drawer{display:block}
#player-drawer>summary{list-style:none;cursor:pointer;width:44px;height:38px;margin:0 auto;display:grid;place-items:center;opacity:.65;filter:drop-shadow(0 2px 3px #000);border-radius:50%;touch-action:manipulation}
#player-drawer>summary::-webkit-details-marker{display:none}#player-drawer>summary:hover,#player-drawer>summary:focus-visible{opacity:1}#player-drawer>summary:focus-visible{outline:1px solid #d5bd95;outline-offset:2px}
#player-drawer>summary svg{transition:transform .2s}#player-drawer[open]>summary svg{transform:rotate(180deg)}
#player-panel{position:absolute;bottom:48px;left:0;width:100%;padding:16px 18px;background:#211b15e8;border:1px solid #ba9b6c30;border-radius:10px;box-shadow:0 10px 35px #0005;backdrop-filter:blur(16px)}
#player-drawer #playback{position:static;transform:none;display:flex;width:100%;margin:0 0 12px;gap:12px;font-size:11px}
#player-drawer #book-controls{position:static;transform:none;width:100%;max-width:none;background:none;border:0;box-shadow:none;padding:0;text-align:center;font-size:12px}
#player-drawer #book-controls[hidden],#music-transport[hidden]{display:none}
#music-transport{display:flex;gap:12px;justify-content:center;align-items:center}
#player-panel button,#player-panel select{background:#d8c5a50b;color:#e5d3b7;border:1px solid #b59b753b;border-radius:5px;padding:8px 10px;font:12px Georgia,serif;min-height:36px}#player-panel option{background:#30271c;color:#efdfc2}
#player-panel label{display:inline-flex;align-items:center;gap:6px;margin:3px}#player-panel #book-now{margin:0 0 10px;opacity:.75;font-size:11px}#player-panel button:hover{background:#d8c5a51b}
@media(prefers-reduced-motion:reduce){#player-drawer>summary svg{transition:none}}