:root{--color-white: #FFFFFF;--color-peach: #F1B5A2;--color-accent: #3C2A56}.cassette-card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--color-accent);min-height:400px;box-shadow:0 0 0 1px var(--color-peach),0 0 40px -15px #f1b5a280}.cassette-scan-line{position:absolute;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(241,181,162,.6),transparent);animation:scanLineMove 3s linear infinite}@keyframes scanLineMove{0%{top:0;opacity:0}50%{opacity:1}to{top:100%;opacity:0}}.cassette-top-section{position:relative;padding:1rem 1rem .75rem;flex-shrink:0}.cassette-title-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.cassette-number-display{display:flex;align-items:center;gap:1rem;text-align:right}.cassette-number-main{font-size:1.5rem;font-weight:900;letter-spacing:normal;color:var(--color-white)}.cassette-number-total{font-size:.75rem;letter-spacing:.2em;color:#fff9}.cassette-event-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:900;letter-spacing:normal;line-height:.9;text-transform:uppercase;color:var(--color-white);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cassette-event-label{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.cassette-label-text{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#ffffffb3}.cassette-label-line{flex:1;display:flex;align-items:center;gap:.25rem}.cassette-label-line-segment{flex:1;height:1px;background:#ffffff4d}.cassette-label-diamond{width:.5rem;height:.5rem;transform:rotate(45deg);border:1px solid var(--color-peach)}.cassette-dot-matrix{position:absolute;top:1rem;right:1rem;display:grid;gap:3px}.cassette-dot{width:.25rem;height:.25rem;border-radius:50%;animation:dotPulse 2s ease-in-out infinite}.cassette-dot.light{background:var(--color-peach)}.cassette-dot.dim{background:#ffffff40}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1}}.cassette-middle-section{padding:.75rem 1rem 1rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex-shrink:0}.cassette-id-pill{padding:.25rem .75rem;font-size:10px;letter-spacing:.2em;background:var(--color-accent);border:1px solid var(--color-peach);color:var(--color-peach)}.cassette-accent-pill{padding:.25rem .75rem;font-size:10px;letter-spacing:.15em;font-weight:700;background:var(--color-peach);color:var(--color-accent);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}.cassette-arrow{margin-left:auto;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--color-peach);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)}.cassette-arrow svg{width:.75rem;height:.75rem}.cassette-star-burst{position:relative;width:2rem;height:2rem;animation:starRotate 20s linear infinite}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cassette-star-burst-line{position:absolute;top:50%;left:50%;width:100%;height:2px;background:var(--color-peach);transform-origin:center}.cassette-bottom-section{padding:.75rem 1rem 1rem;margin-top:auto;flex-shrink:0;border-top:1px solid rgba(241,181,162,.25)}.cassette-info-container{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.cassette-tags{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:.5rem}.cassette-tag{padding:.25rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--color-peach);color:var(--color-accent)}.cassette-vertical-text{font-size:8px;letter-spacing:.35em;text-transform:uppercase;flex-shrink:0;color:#ffffff80;height:60px;writing-mode:vertical-rl;transform:rotate(180deg)}.cassette-footer{padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:#f1b5a217}.cassette-barcode{display:flex;gap:1px}.cassette-barcode-line{height:1rem;background:var(--color-peach)}.cassette-barcode-line.thin{width:1px;background:#fff9}.cassette-year-badge{padding:.25rem .5rem;font-size:10px;letter-spacing:.2em;font-weight:700;background:var(--color-peach);color:var(--color-accent)}.cassette-sound-wave{display:flex;align-items:center;gap:2px}.cassette-sound-bar{width:2px;background:var(--color-peach);animation:soundWave .8s ease-in-out infinite}@keyframes soundWave{0%,to{height:var(--bar-height)}50%{height:calc(var(--bar-height) + 4px)}}.cassette-hover-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(135deg,rgba(241,181,162,.05),transparent 50%,rgba(241,181,162,.03));transition:opacity .3s ease}.cassette-card:hover .cassette-hover-overlay{opacity:1}.cassette-corner-notch{position:absolute;width:1rem;height:1rem}.cassette-corner-notch.top-left{top:0;left:0;background:linear-gradient(135deg,var(--color-accent) 50%,transparent 50%);box-shadow:inset -1px -1px 0 var(--color-peach)}.cassette-corner-notch.bottom-right{bottom:0;right:0;background:linear-gradient(-45deg,var(--color-accent) 50%,transparent 50%);box-shadow:inset 1px 1px 0 var(--color-peach)}.cassette-globe{animation:globeRotate 30s linear infinite}@keyframes globeRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.cassette-event-title,.cassette-number-main{font-size:1.5rem}}