/* Soundvault is isolated so ordinary article and archive pages avoid this payload. */
.soundvault-page{max-width:1180px;margin:0 auto;padding:54px 0 86px;}
.soundvault-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:38px;align-items:center;margin-top:28px;padding:42px;border:1px solid var(--border);border-top:6px solid #C96FFF;background:linear-gradient(120deg,rgba(201,111,255,.07),transparent 38%),var(--surface);box-shadow:var(--shadow);overflow:hidden;}
.soundvault-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,207,208,.035) 1px,transparent 1px),linear-gradient(rgba(255,91,40,.025) 1px,transparent 1px);background-size:22px 22px;pointer-events:none;}
.soundvault-hero-copy,.soundvault-hero-art{position:relative;z-index:1;}
.soundvault-hero h1{margin:0;padding-right:8px;font-family:var(--display);font-size:clamp(42px,5vw,64px);font-weight:400;line-height:.94;color:#F6E8C9;text-shadow:5px 5px 0 rgba(201,111,255,.18);}
.soundvault-hero h1 span{display:block;max-width:100%;}
.soundvault-hero-copy>p:last-of-type{max-width:62ch;margin:22px 0 0;color:var(--text-muted);font-size:17px;line-height:1.67;}
.soundvault-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.soundvault-stats span{padding:8px 10px;border:1px solid #5F365D;background:#140D16;color:#CBB8C9;font-size:8px;letter-spacing:.1em;}
.soundvault-stats strong{margin-right:5px;color:#62F3F1;font-size:12px;}
.soundvault-hero-art{margin:0;min-height:310px;border:1px solid #6B3F65;background:#080B12;box-shadow:10px 14px 0 #0B070C;overflow:hidden;}
.soundvault-hero-art::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0 1px,transparent 1px 4px),linear-gradient(180deg,transparent 60%,rgba(4,8,12,.76));pointer-events:none;}
.soundvault-hero-art img{width:100%;height:100%;min-height:310px;object-fit:cover;}
.soundvault-hero-art figcaption{position:absolute;z-index:2;left:12px;bottom:11px;padding:6px 8px;border:1px solid rgba(98,243,241,.28);background:rgba(4,8,12,.85);color:#62F3F1;font-size:8px;letter-spacing:.12em;}
.soundvault-hero-art figcaption span{color:#86FF9B;text-shadow:0 0 8px #86FF9B;}
.soundvault-policy{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 64px;border:1px solid var(--border);background:var(--surface);}
.soundvault-policy>div{position:relative;padding:26px 28px;border-right:1px solid var(--border);}
.soundvault-policy>div:last-child{border:0;}
.soundvault-policy span{position:absolute;right:14px;top:10px;color:rgba(246,232,201,.12);font-family:var(--display);font-size:28px;}
.soundvault-policy strong{display:block;color:#F6E8C9;font-size:15px;}
.soundvault-policy p{margin:10px 0 0;color:var(--text-muted);font-size:13px;line-height:1.55;}
.soundvault-section{margin-top:62px;content-visibility:auto;contain-intrinsic-size:900px;}
.soundvault-heading{align-items:flex-end;gap:24px;}
.sound-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;}
.sound-filters button{padding:8px 10px;border:1px solid #5A3D4A;background:#130E13;color:#CBB8C9;font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;}
.sound-filters button:hover,.sound-filters button.active{border-color:#C96FFF;background:#522166;color:#FFF;}
.soundvault-disclosure{max-width:78ch;margin:12px 0 25px;padding-left:12px;border-left:3px solid #C96FFF;color:var(--text-muted);font-size:13px;line-height:1.6;}
.sound-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.sound-card{--sound:#16CFD0;position:relative;padding:18px;border:1px solid #674455;border-top:4px solid var(--sound);background:linear-gradient(160deg,color-mix(in srgb,var(--sound) 8%,#160F14),#0D0D12 64%);box-shadow:7px 8px 0 #09070A;overflow:hidden;}
.sound-card[hidden]{display:none;}
.sound-orange{--sound:#FF6A31}.sound-lime{--sound:#8AE85D}.sound-plum{--sound:#C96FFF}
.sound-card-art{position:relative;aspect-ratio:16/8.8;margin:-18px -18px 14px;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--sound) 50%,#4D3441);background:#07090A;}
.sound-card-art::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0 1px,transparent 1px 4px),linear-gradient(180deg,transparent 35%,rgba(5,7,10,.84));pointer-events:none;}
.sound-card-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.08);transition:transform .28s ease,filter .28s ease;}
.sound-card:hover .sound-card-art img{transform:scale(1.035);filter:saturate(1.08) contrast(1.08);}
.sound-card-art figcaption{position:absolute;z-index:2;left:10px;right:10px;bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#F6E8C9;font-size:7px;letter-spacing:.11em;}
.sound-card-art figcaption span{padding:5px 6px;border:1px solid color-mix(in srgb,var(--sound) 62%,transparent);background:rgba(5,8,11,.82);color:var(--sound);}
.sound-card-art figcaption strong{font-size:9px;color:#FFF;text-shadow:0 1px 8px #000;}
.sound-wave{display:flex;align-items:flex-end;gap:3px;height:80px;padding:11px;border:1px solid color-mix(in srgb,var(--sound) 32%,#4D3441);background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(255,255,255,.025) 13px 14px),#080B0E;}
.sound-wave i{display:block;flex:1;height:var(--bar);min-width:2px;background:linear-gradient(to top,var(--sound),color-mix(in srgb,var(--sound) 60%,#FFF));opacity:.62;transform-origin:bottom;}
.sound-card.is-playing .sound-wave i{animation:sound-bounce .62s ease-in-out infinite alternate;animation-delay:calc(var(--bar) * -8ms);opacity:1;box-shadow:0 0 8px color-mix(in srgb,var(--sound) 55%,transparent);}
@keyframes sound-bounce{to{transform:scaleY(.28)}}
.sound-card-meta{display:flex;justify-content:space-between;margin-top:13px;color:var(--sound);font-size:8px;letter-spacing:.11em;text-transform:uppercase;}
.sound-card h3{margin:10px 0 14px;color:#F6E8C9;font-family:var(--serif);font-size:23px;line-height:1.12;}
.sound-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 16px;border:1px solid #3C2A34;}
.sound-card dl div{padding:9px;border-right:1px solid #3C2A34;min-width:0;}.sound-card dl div:last-child{border:0;}
.sound-card dt{color:#8D7684;font-family:var(--mono);font-size:7px;letter-spacing:.1em;}.sound-card dd{margin:4px 0 0;color:#D8C7C0;font-size:10px;overflow-wrap:anywhere;}
.sound-play{width:100%;padding:12px;border:1px solid var(--sound);background:color-mix(in srgb,var(--sound) 12%,#100B0E);color:#FFF;font-size:9px;letter-spacing:.1em;cursor:pointer;}
.sound-play:hover,.sound-card.is-playing .sound-play{background:var(--sound);color:#081014;box-shadow:0 0 18px color-mix(in srgb,var(--sound) 28%,transparent);}
.sound-status{margin-top:9px;color:#7E7077;font-size:7px;letter-spacing:.1em;text-align:center;}
.sound-card.is-playing .sound-status{color:var(--sound);}
.game-audio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.game-audio-card{display:grid;grid-template-columns:190px 1fr;border:1px solid #61404E;background:var(--surface);color:inherit;text-decoration:none;overflow:hidden;transition:transform .2s ease,border-color .2s ease;}
.game-audio-card:hover{transform:translateY(-3px);border-color:#16CFD0;}
.game-audio-card img{width:100%;height:100%;min-height:168px;object-fit:cover;}
.game-audio-card>div{padding:20px;}
.game-audio-card span{color:#16CFD0;font-size:8px;letter-spacing:.11em;}.game-audio-card h3{margin:8px 0;color:#F6E8C9;font-size:24px;}.game-audio-card p{margin:0 0 13px;color:var(--text-muted);font-size:13px;}.game-audio-card strong{color:#FF6A31;font-family:var(--mono);font-size:8px;letter-spacing:.09em;text-transform:uppercase;}
.soundvault-roadmap{margin-top:64px;padding:34px;border:1px solid #744B5E;border-left:6px solid #C96FFF;background:linear-gradient(90deg,rgba(201,111,255,.09),transparent 52%),var(--surface);content-visibility:auto;contain-intrinsic-size:260px;}
.soundvault-roadmap h2{margin:0;color:#F6E8C9;font-size:32px;}.soundvault-roadmap>p:last-child{max-width:76ch;margin:15px 0 0;color:var(--text-muted);line-height:1.65;}

@media (max-width:980px){
  .soundvault-page{padding-left:22px;padding-right:22px;}
  .soundvault-hero{grid-template-columns:1fr;padding:34px;}.soundvault-hero-art{min-height:270px;}.soundvault-hero-art img{min-height:270px;}
  .sound-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.game-audio-card{grid-template-columns:150px 1fr;}
}
@media (max-width:680px){
  .soundvault-page{padding:36px 14px 62px;}.soundvault-hero{padding:27px 20px;gap:24px}.soundvault-hero h1{font-size:clamp(42px,14vw,62px);}.soundvault-hero-art,.soundvault-hero-art img{min-height:215px;}
  .soundvault-policy{grid-template-columns:1fr;margin-bottom:48px}.soundvault-policy>div{border-right:0;border-bottom:1px solid var(--border)}
  .soundvault-heading{display:block}.sound-filters{justify-content:flex-start;margin-top:16px}.sound-archive-grid,.game-audio-grid{grid-template-columns:1fr}.game-audio-card{grid-template-columns:118px 1fr}.game-audio-card>div{padding:15px}.sound-card dl{grid-template-columns:1fr}.sound-card dl div{border-right:0;border-bottom:1px solid #3C2A34}.sound-card dl div:last-child{border-bottom:0}
}
@media (prefers-reduced-motion:reduce){.sound-card.is-playing .sound-wave i{animation:none}.card:hover .card-art img,.game-audio-card:hover{transform:none}}