
#sc-cassette-wall{padding:0;color-scheme:dark;width:100%;min-width:0;scroll-margin-top:70px}
#sc-cassette-wall *{box-sizing:border-box}
#sc-cassette-wall [hidden]{display:none!important}
#sc-cassette-wall .sc-shop{--sc-bg:#141613;--sc-ink:#f2f1e8;--sc-muted:#b9b9ad;--sc-lime:#c4eb79;width:100%;max-width:none;margin:0;background:var(--sc-bg);color:var(--sc-ink);font-family:Arial,Helvetica,sans-serif;border-radius:3px;overflow:hidden}
#sc-cassette-wall button{font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#sc-cassette-wall .sc-header{min-height:64px;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid #363c31}
#sc-cassette-wall .sc-header .sc-header-title{color:var(--sc-lime);font-size:24px;letter-spacing:-.5px;line-height:1.15;margin:0}
#sc-cassette-wall .sc-header{gap:6px}
#sc-cassette-wall .sc-header .sc-header-title{font-size:clamp(20px,6vw,24px);white-space:nowrap}
#sc-cassette-wall .sc-header-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}
#sc-cassette-wall .sc-genre-filter{width:112px;min-height:44px;padding:8px 2px;font:16px Arial,Helvetica,sans-serif;color:var(--sc-ink);background:transparent;border:0;border-radius:0}
#sc-cassette-wall .sc-genre-filter[data-active="true"]{color:var(--sc-lime)}
#sc-cassette-wall .sc-genre-filter option{color:var(--sc-ink);background:#1b2417}
#sc-cassette-wall .sc-filter-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#sc-cassette-wall .sc-quick-artist{padding:11px 16px 0;text-align:center;font-size:13px;line-height:1.4;letter-spacing:.4px;color:var(--sc-ink);overflow-wrap:anywhere}
#sc-cassette-wall .sc-preview-strip{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;padding:4px 8px 0}
#sc-cassette-wall .sc-preview-track{position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:14px;min-width:0;padding:16px 0 17px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#6e7c61 transparent}
#sc-cassette-wall .sc-preview-track::before,#sc-cassette-wall .sc-preview-track::after{content:"";flex:0 0 calc(50% - 36px);height:1px;pointer-events:none}
#sc-cassette-wall .sc-quick-counter{text-align:center;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums;color:var(--sc-muted);padding:3px 12px 11px;border-bottom:1px solid #363c31}
#sc-cassette-wall .sc-preview-arrow{display:grid;place-items:center;width:44px;min-height:44px;background:none;border:0;padding:10px;color:var(--sc-lime)}
#sc-cassette-wall .sc-preview-arrow:disabled{opacity:.3}
#sc-cassette-wall .sc-mini-case{position:relative;display:block;flex:0 0 44px;width:44px;height:68px;min-width:44px;padding:2px;border:1px solid #7c8871;border-bottom:3px solid #56634b;border-radius:2px;background:#273021;box-shadow:1px 3px 4px #0008;scroll-snap-align:center;transform:scale(1);transform-origin:center;transition:transform .18s ease,filter .18s ease;filter:brightness(.8)}
#sc-cassette-wall .sc-mini-case.sc-centered{transform:scale(1.24);filter:brightness(1.06);z-index:2}
#sc-cassette-wall .sc-mini-case[aria-pressed="true"]{border-color:var(--sc-lime);box-shadow:0 0 0 1px var(--sc-lime),1px 3px 4px #0008}
#sc-cassette-wall .sc-universal-open,#sc-cassette-wall .sc-icon-button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px;border:0;background:none}
#sc-cassette-wall .sc-universal-open[aria-expanded="true"]{color:var(--sc-lime)}
#sc-cassette-wall .sc-search-label{display:block;font-size:12px;color:var(--sc-muted);margin-bottom:8px}
#sc-cassette-wall .sc-search-input{display:block;width:100%;min-width:0;min-height:46px;padding:10px 0;background:transparent;border:0;border-bottom:1px solid #7d896f;border-radius:0;color:var(--sc-ink);font:16px/1.4 Arial,Helvetica,sans-serif}
#sc-cassette-wall .sc-search-input::placeholder{color:#a9b29e;opacity:1}
#sc-cassette-wall .sc-universal-empty{padding:20px 22px;color:var(--sc-muted);font-size:14px;line-height:1.5}
#sc-cassette-wall .sc-universal-panel{padding:16px 22px 24px;background:var(--sc-bg)}
#sc-cassette-wall .sc-search-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}
#sc-cassette-wall .sc-search-heading h2{font-size:24px;letter-spacing:-.5px}
#sc-cassette-wall .sc-universal-summary{font-size:12px;color:var(--sc-muted);padding:20px 0 8px}
#sc-cassette-wall .sc-search-result{width:100%;min-height:80px;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:14px;text-align:left;background:transparent;border:0;border-bottom:1px solid #343d2f;padding:12px 0}
#sc-cassette-wall .sc-result-cover{display:block;width:36px;height:55px;object-fit:contain}
#sc-cassette-wall .sc-result-copy{min-width:0;display:grid;gap:5px}
#sc-cassette-wall .sc-result-title{font-size:15px;font-weight:600;overflow-wrap:anywhere}
#sc-cassette-wall .sc-result-artist{font-size:12px;color:var(--sc-muted);overflow-wrap:anywhere}
#sc-cassette-wall .sc-universal-empty{padding-left:0;padding-right:0}
#sc-cassette-wall .sc-wall-heading{display:flex;align-items:baseline;gap:14px;padding:14px 17px 8px}
#sc-cassette-wall .sc-wall-heading{justify-content:space-between;flex-wrap:wrap}
#sc-cassette-wall .sc-smart-sentinel{padding:0;text-align:center;color:var(--sc-muted);font-size:13px;min-height:1px}
#sc-cassette-wall .sc-load-more{display:block;margin:0 auto 20px;min-height:44px;padding:10px 18px;border:1px solid #69765d;border-radius:3px;background:#1b2617}
#sc-cassette-wall h2{font-size:28px;letter-spacing:-1px;line-height:1.1;margin:0}
#sc-cassette-wall .sc-wall-heading>span{font-size:12px;color:var(--sc-muted)}
#sc-cassette-wall .sc-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:13px 17px 23px;background:radial-gradient(ellipse at 25% 0%,#34392f,#191c16 47%,#10120f)}
#sc-cassette-wall .sc-case{display:block;position:relative;aspect-ratio:0.66;min-width:0;width:100%;padding:2px 3px 3px 4px;overflow:visible;background:linear-gradient(90deg,#0f130e,#9c9e90 3%,#2e3828 7%,#565e4e 95%,#b1b6a8 98%,#3e4836);border:1px solid #838d7b;border-right-color:#59634f;border-bottom:3px solid #414c39;border-radius:2px;box-shadow:1px 2px 1px #020601,3px 7px 8px #000c,inset 1px 1px 0 #e8e9d773;transition:transform .18s,filter .18s}
#sc-cassette-wall .sc-cover{display:block;width:100%;height:100%;object-fit:fill;border-radius:1px}
#sc-cassette-wall .sc-case::after,#sc-cassette-wall .sc-lid-face::after{content:"";position:absolute;inset:0;border-radius:2px;pointer-events:none;background:linear-gradient(116deg,#ffffff0c,#fff0 24%,#fff0 73%,#f0f1d811);box-shadow:inset 1px 0 1px #eef5da70,inset -1px -1px 2px #050904a0}
#sc-cassette-wall .sc-tabs{position:absolute;inset:0;pointer-events:none}
#sc-cassette-wall .sc-tabs::before,#sc-cassette-wall .sc-tabs::after{content:"";position:absolute;left:0;width:4px;height:6%;border:1px solid #dde5ce6b;background:linear-gradient(90deg,#1b2915,#bbc7a859,#1a2715);border-radius:1px}
#sc-cassette-wall .sc-tabs::before{top:4%}#sc-cassette-wall .sc-tabs::after{bottom:4%}
#sc-cassette-wall .sc-detail{background:radial-gradient(ellipse at 47% 35%,#3a3e31,#1c2119 53%,#141613 85%)}
#sc-cassette-wall .sc-detail-nav{padding:12px 20px;display:flex;justify-content:space-between;gap:12px;align-items:center}
#sc-cassette-wall .sc-back{background:none;border:0;padding:10px 0;min-height:44px;font-size:14px}
#sc-cassette-wall .sc-count{font-size:12px;color:var(--sc-muted)}
#sc-cassette-wall .sc-stage{position:relative;width:100%;max-width:630px;aspect-ratio:1.48;margin:5px auto 0;perspective:1400px}
#sc-cassette-wall .sc-assembly{position:absolute;width:34%;aspect-ratio:.66;right:12%;top:10%;transform:translateX(-65%);transform-style:preserve-3d;transition:transform 850ms cubic-bezier(.18,.6,.2,1)}
#sc-cassette-wall .sc-assembly.sc-open{transform:translateX(0)}
#sc-cassette-wall .sc-tray{position:absolute;inset:0;border:3px solid #a6b09b;border-right:5px solid #78846c;border-bottom:5px solid #66715a;border-radius:4px;background:linear-gradient(133deg,#d4d5b845,#2c3527d4 26%,#9b9e7f4d 61%,#333c2dd9);box-shadow:inset 0 0 0 2px #d5d7be4f,inset 0 0 18px #d1d5b324,2px 4px 2px #050a04,7px 16px 17px #000a}
#sc-cassette-wall .sc-tray-inner{position:absolute;inset:4%;border:1px solid #d3e1b94f;border-radius:3px;box-shadow:inset 1px 1px 4px #0c1307b3}
#sc-cassette-wall .sc-tray-inner::after{content:"";position:absolute;left:35%;right:35%;bottom:-5%;height:5%;border:2px solid #d6e1d37a;border-radius:4px}
#sc-cassette-wall .sc-tape-photo{position:absolute;display:block;width:147%;height:auto;max-width:none;max-height:none;aspect-ratio:300/190;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);object-fit:contain;border-radius:5px;box-shadow:1px 2px 3px #000c}
#sc-cassette-wall .sc-hinge{position:absolute;width:7%;height:7%;left:-6%;background:linear-gradient(90deg,#39483e,#e4ede6b3,#687c6b);border:1px solid #bbc8bfbb;border-radius:2px}
#sc-cassette-wall .sc-hinge-top{top:5%}#sc-cassette-wall .sc-hinge-bottom{bottom:5%}
#sc-cassette-wall .sc-lid{position:absolute;inset:0;transform-origin:left center;transform:translateZ(12px) rotateY(0);transform-style:preserve-3d;transition:transform 1000ms cubic-bezier(.2,.65,.17,1)}
#sc-cassette-wall .sc-open .sc-lid{transform:translateZ(12px) rotateY(-173deg)}
#sc-cassette-wall .sc-lid-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:2px solid #b5bca6;border-right-color:#728262;border-bottom:4px solid #657259;padding:3px 3px 4px 5px;border-radius:3px;background:linear-gradient(90deg,#a1aa8c,#46553b 8%,#ced1b6 95%,#4c5b3f);box-shadow:inset 0 0 0 1px #e2e4c947,2px 3px 3px #0008,5px 11px 16px #0009}
#sc-cassette-wall .sc-front{transform:translateZ(.5px)}
#sc-cassette-wall .sc-inside{transform:rotateY(180deg) translateZ(.5px);padding:3px 5px 4px 3px}
#sc-cassette-wall .sc-info{text-align:center;padding:9px 20px 22px}
#sc-cassette-wall .sc-artist{font-size:12px;text-transform:uppercase;letter-spacing:1.6px;color:var(--sc-lime)}
#sc-cassette-wall h3{font-size:28px;line-height:1.15;margin:9px 0;letter-spacing:-.5px;overflow-wrap:anywhere}
#sc-cassette-wall .sc-edition,#sc-cassette-wall .sc-state{font-size:12px;color:var(--sc-muted)}
#sc-cassette-wall .sc-state{margin-top:10px}
#sc-cassette-wall .sc-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:0 16px}
#sc-cassette-wall .sc-actions button{min-height:46px;font-size:14px;padding:10px 18px;border:1px solid #69765d;border-radius:3px;background:#1b2617}
#sc-cassette-wall .sc-actions .sc-toggle{background:var(--sc-lime);color:#142015;border-color:var(--sc-lime)}
@media(hover:hover){#sc-cassette-wall .sc-case:hover{transform:translateY(-4px);filter:brightness(1.07);z-index:2}}
@media(max-width:600px){#sc-cassette-wall .sc-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px 8px;padding:10px 16px 22px}#sc-cassette-wall .sc-header{padding-left:16px}#sc-cassette-wall .sc-wall-heading{padding:14px 16px 8px;flex-wrap:wrap;gap:8px}#sc-cassette-wall h2{font-size:26px}}
@media(max-width:400px){#sc-cassette-wall .sc-grid{grid-template-columns:repeat(6,minmax(0,1fr));padding:9px 10px 19px;gap:9px 5px}#sc-cassette-wall .sc-case{padding:1px 1px 2px 2px}#sc-cassette-wall .sc-stage{aspect-ratio:1.35;margin-top:12px}#sc-cassette-wall .sc-assembly{width:37%;right:9%}#sc-cassette-wall .sc-actions button{padding:10px 13px}#sc-cassette-wall h3{font-size:25px}#sc-cassette-wall .sc-lid-face{padding:2px;border-width:2px}}
@media(prefers-reduced-motion:reduce){#sc-cassette-wall *,#sc-cassette-wall *::before,#sc-cassette-wall *::after{transition:none!important;animation:none!important}}
#sc-cassette-wall button,#sc-cassette-wall a{cursor:pointer}
#sc-cassette-wall a{color:var(--sc-ink);text-decoration:none}
#sc-cassette-wall .sc-header-title{color:var(--sc-lime)}
#sc-cassette-wall .sc-cover{object-fit:cover}
#sc-cassette-wall .sc-case{color:var(--sc-ink)}
#sc-cassette-wall .sc-preview-arrow svg,#sc-cassette-wall .sc-universal-open svg{width:20px;height:20px}
#sc-cassette-wall .sc-art-missing{display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%;padding:5px;font-size:11px;line-height:1.3;overflow-wrap:anywhere;text-align:center;background:#30382b;color:var(--sc-ink)}
#sc-cassette-wall .sc-quick-artist{min-height:29px}
#sc-cassette-wall .sc-empty{text-align:center;font-size:14px;line-height:1.5;padding:12px 20px 32px}
#sc-cassette-wall .sc-empty a{color:var(--sc-lime);text-decoration:underline}
#sc-cassette-wall .sc-grid:empty{display:none}
#sc-cassette-wall .sc-tape-missing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:12px;line-height:1.4;color:var(--sc-muted)}
#sc-cassette-wall .sc-price{font-size:14px;color:var(--sc-lime)}
#sc-cassette-wall .sc-actions{padding-bottom:24px}
#sc-cassette-wall .sc-actions .sc-product-link{display:flex;align-items:center;min-height:46px;font-size:14px;color:var(--sc-lime);padding:10px 12px}
