.record-shelf-stage{width:100%;height:clamp(640px,82svh,840px);position:relative;isolation:isolate;border-radius:20px;overflow:hidden;background:#c6ae8e;border:1px solid #dbc59870;margin-top:22px}
.record-shelf-stage [data-record-shelf],.shader-frame{width:100%;height:100%;min-width:0;min-height:0}
.record-shelf-stage iframe{background:#c6ae8e!important}
.shelf-loading,.shelf-unavailable{display:grid;place-content:center;gap:12px;height:100%;padding:24px;margin:0!important;max-width:none!important;text-align:center;color:#574332;font:500 14px/1.6 Manrope,system-ui,sans-serif}
.shelf-loading{position:absolute;inset:0;pointer-events:none}
.shelf-unavailable{color:#574332}.shelf-unavailable a{color:#654d21}
.shelf-guide{font:400 11px/1.7 Manrope,system-ui,sans-serif;color:#aeb4c2;text-align:center;max-width:60ch;margin:16px auto 0}
.record-shelf-page{margin:0;background:#060a14;color:#eee8da;font-family:Manrope,system-ui,sans-serif}
.record-shelf-nav{height:54px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 clamp(16px,3vw,36px);border-bottom:1px solid #ffffff20}
.record-shelf-nav a{color:#d6b25e;font-size:12px;text-decoration:none}
.record-shelf-nav span{font:500 17px/1.2 Georgia,serif;letter-spacing:.04em}
.record-shelf-page .record-shelf-stage{height:calc(100svh - 54px);min-height:560px;margin:0;border:0;border-radius:0}
@media(max-width:700px){#records .record-shelf-stage{width:calc(100% + 36px);margin-left:-18px;margin-right:-18px;height:clamp(600px,80svh,760px);border-radius:15px}.shelf-guide{font-size:10px}.record-shelf-nav{gap:10px}.record-shelf-nav span{display:none}.record-shelf-nav a{font-size:11px}}
.record-library-view-nav{position:fixed;inset:0 0 auto;z-index:10002;background:#060a14}
.record-library-view-nav[hidden]{display:none!important}
body.record-library-open{overflow:hidden}
.record-library-open #nav,.record-library-open #sm{visibility:hidden}
.record-library-open .after{z-index:10000}
.record-library-open #records{isolation:auto;overflow:visible}
.record-library-open #records .hof-wrap{z-index:10001}
.record-library-open #records .record-shelf-stage{position:fixed;inset:54px 0 0;z-index:10001;width:100%;height:calc(100svh - 54px);min-height:0;margin:0;border:0;border-radius:0}
/* Keep the shelf warm and resident; its summary uses the surrounding site palette. */
#records .record-shelf-stage{margin-top:0;width:100%;margin-left:0;margin-right:0;height:clamp(640px,82svh,820px);border-radius:16px}
.record-library-open #records .record-shell{z-index:10001}
.record-library-open #records .record-shelf-stage{inset:54px 320px 0 0;width:calc(100% - 320px);height:calc(100svh - 54px);margin:0;border-radius:0}
.record-library-open .record-selected{position:fixed;inset:54px 0 0 auto;width:320px;z-index:10001;display:flex;flex-direction:column;gap:20px;border:0;border-left:1px solid #eee8da26;border-radius:0;background:#0b1322;padding:24px;overflow:auto}
.record-library-open .record-selected>img{height:170px;flex:none}.record-library-open .record-selected dl{display:grid;gap:15px}.record-library-open .record-selected-copy h3{font-size:28px}.record-library-open .record-selected-copy>p{font-size:12px}
.record-library-open #applyDlg{z-index:20000}
.record-shelf-page .library-layout{height:calc(100svh - 54px);grid-template-columns:minmax(0,1fr) 320px;gap:0}
.record-shelf-page .record-shelf-stage{height:100%;min-height:0}
.record-shelf-page .record-selected{display:flex;flex-direction:column;gap:20px;overflow:auto;border:0;border-left:1px solid #eee8da26;border-radius:0;background:#0b1322;padding:24px}.record-shelf-page .record-selected dl{display:grid}
@media(max-width:1100px){.record-library-open #records .record-shelf-stage{inset:54px 0 190px;width:100%;height:calc(100svh - 244px)}.record-library-open .record-selected{inset:auto 0 0;width:100%;height:190px;padding:18px 22px;border:0;border-top:1px solid #eee8da26;display:block}.record-library-open .record-selected>img,.record-library-open [data-record-desc]{display:none}.record-library-open .record-selected-copy h3{font-size:23px;margin:6px 0}.record-library-open .record-selected dl{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:10px}.record-library-open .record-selected dl>div{flex:1;min-width:100px}.record-library-open .record-selected dd{font-size:10px}.record-shelf-page .library-layout{display:flex;flex-direction:column}.record-shelf-page .record-shelf-stage{height:calc(100svh - 244px);flex:none}.record-shelf-page .record-selected{height:190px;display:block;flex:none}.record-shelf-page .record-selected>img,.record-shelf-page [data-record-desc]{display:none}.record-shelf-page .record-selected-copy h3{font-size:23px;margin:6px 0}.record-shelf-page .record-selected dl{display:flex;margin-top:10px}}
@media(max-width:700px){#records .record-shelf-stage{height:clamp(600px,80svh,740px)}.record-library-open #records .record-shelf-stage{height:calc(100svh - 244px)}.record-library-open .record-selected-copy h3{font-size:21px}.shelf-guide{font-size:10px;max-width:48ch}.record-library-view-nav{gap:12px}}

.record-shelf-nav span{font-family:"Cormorant Garamond",Georgia,serif;font-size:21px}

.shelf-guide-phone{display:none}
@media(max-width:820px), (max-height:500px) and (pointer:coarse){.shelf-guide-phone{display:inline}.shelf-guide-desktop{display:none}}
/* The same simple description remains available in the full phone library. */
.record-shelf-page .record-preview-title,.record-shelf-page .record-preview-description{display:none}
@media(max-width:820px), (max-height:500px) and (pointer:coarse){
 .record-library-open #records .record-shelf-stage{inset:54px 0 clamp(190px,27svh,238px);height:calc(100svh - 54px - clamp(190px,27svh,238px))}
 .record-library-open .record-selected,.record-shelf-page .record-selected{height:clamp(190px,27svh,238px);overflow:auto}
 .record-shelf-page .record-shelf-stage{height:calc(100svh - 54px - clamp(190px,27svh,238px))}
 .record-library-open #records [data-record-title],.record-shelf-page [data-record-title]{display:none}
 .record-library-open #records .record-preview-title,.record-shelf-page .record-preview-title{display:block;font-size:23px;line-height:1.15;margin:6px 0 10px}
 .record-library-open #records .record-preview-description,.record-shelf-page .record-preview-description{display:block;font-size:16px;line-height:1.5;color:#d5dae3;margin:0}
 .record-library-open #records .record-selected dl,.record-shelf-page .record-selected dl{display:none}
}