:root{color:#f4f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#060b12;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,input,textarea,select{font:inherit}#root{min-height:100vh}h1,h2,h3,strong{color:#fff}h1{text-transform:uppercase;margin:.8rem 0 1rem;font-size:clamp(2.8rem,7vw,5.4rem);line-height:.95}h2{text-transform:uppercase;margin:.4rem 0 .75rem;font-size:clamp(1.6rem,3vw,2.35rem)}p{margin:0}.page-shell{min-height:100vh;padding:2rem clamp(1.1rem,2vw,2rem) 3rem;position:relative;overflow-x:hidden}.hero-backdrop{filter:saturate(1.05);z-index:-2;background:linear-gradient(#060a127a,#060a12d6),linear-gradient(90deg,#f7772929,#f7772900),url(/assets/bf-hero.jpg) top/cover no-repeat;position:fixed;inset:0}.hero-backdrop:after{content:"";pointer-events:none;background:radial-gradient(circle at 18% 18%,#ffffff29,#0000 20%),radial-gradient(circle at 75% 15%,#ff7c3738,#0000 20%),linear-gradient(#0000 96%,#ffffff14 100%) 0 0/100% .45rem;position:absolute;inset:0}.hero-panel,.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080f1abd;border:1px solid #ffffff1a;box-shadow:0 30px 80px #00000057}.hero-panel{border-radius:1.75rem;max-width:58rem;margin:0 auto;padding:clamp(1.5rem,3vw,3rem)}.eyebrow,.section-kicker{color:#ffb684;text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:800}.battlefield-wordmark{width:min(100%,19rem);margin:1rem 0 0}.lead{color:#eaf0f8e6;max-width:48rem;font-size:1.15rem}.squad-tags{flex-wrap:wrap;gap:.7rem;margin:1.6rem 0 0;display:flex}.tag{color:#fff0e5;background:#f777291f;border:1px solid #ffb6845c;border-radius:999px;padding:.55rem .9rem;font-size:.9rem;font-weight:700}.view-enter{animation:.46s cubic-bezier(.22,1,.36,1) both viewIn}@keyframes viewIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.cd-shelf{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(2.5rem,6vw,5rem);max-width:72rem;margin:clamp(2.5rem,5vw,4rem) auto 0;padding:0 1rem;display:flex}.cd-case{appearance:none;cursor:pointer;aspect-ratio:1;perspective:1400px;background:0 0;border:none;width:clamp(15rem,24vw,19rem);padding:0;animation:.52s cubic-bezier(.22,1,.36,1) both caseIn;position:relative}@keyframes caseIn{0%{opacity:0;transform:translateY(28px)rotateX(8deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}.cd-disc{z-index:1;background:repeating-radial-gradient(circle,#ffffff0d 0 1px,#0000002e 2px 3px),conic-gradient(#c9d2dc,#f4f7fb 12%,#aeb8c4 26%,#eef2f7 42%,#b7c0cb 60%,#f4f7fb 78%,#c9d2dc 100%);border-radius:50%;place-items:center;transition:transform .62s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset:0;transform:translate(0)rotate(0);box-shadow:0 20px 45px #0000008c}.cd-disc-art{background-position:50%;background-size:cover;border-radius:50%;width:46%;height:46%;position:absolute;box-shadow:inset 0 0 0 2px #00000059}.cd-disc-hole{z-index:1;background:#0a0f1a;border-radius:50%;width:15%;height:15%;position:relative;box-shadow:inset 0 0 0 6px #dce4ecd9}.cd-cover{transform-origin:0;z-index:2;backface-visibility:hidden;border-radius:.5rem;transition:transform .62s cubic-bezier(.22,1,.36,1),box-shadow .32s;position:absolute;inset:0;overflow:hidden;transform:rotateY(0);box-shadow:0 24px 50px #00000080}.cd-cover-art{background-position:50%;background-size:cover;position:absolute;inset:0}.cd-cover-sheen{background:linear-gradient(120deg,#ffffff52 0%,#fff0 28%),linear-gradient(#060a1200 45%,#060a12e0 100%);position:absolute;inset:0}.cd-cover-spine{background:linear-gradient(#ffffff47,#00000073);width:.55rem;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -2px 0 4px #0006}.cd-cover-meta{text-align:left;flex-direction:column;gap:.25rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.cd-cover-artist{color:var(--accent,#ffb684);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:800}.cd-cover-title{color:#fff;text-shadow:0 2px 12px #000000b3;font-size:1.18rem;font-weight:800;line-height:1.15}.cd-open-hint{color:var(--accent,#ffb684);text-transform:uppercase;letter-spacing:.24em;opacity:0;white-space:nowrap;font-size:.72rem;font-weight:800;transition:opacity .28s,transform .28s;position:absolute;bottom:-2.2rem;left:50%;transform:translate(-50%)translateY(6px)}.cd-case:hover .cd-disc,.cd-case:focus-visible .cd-disc{transform:translate(38%)rotate(22deg)}.cd-case:hover .cd-cover,.cd-case:focus-visible .cd-cover{transform:rotateY(-32deg);box-shadow:28px 30px 60px #0009}.cd-case:hover .cd-open-hint,.cd-case:focus-visible .cd-open-hint{opacity:1;transform:translate(-50%)translateY(0)}.cd-case:focus-visible{outline:none}.player-view{max-width:72rem;margin:0 auto}.back-button{appearance:none;color:#f2f5f9;cursor:pointer;background:#080f1ab3;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.92rem;font-weight:800;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.back-button:hover{border-color:var(--accent,#ffb684);background:#080f1aeb;transform:translate(-3px)}.now-playing{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);margin:1.4rem 0 1.2rem;display:grid}.vinyl-stage{aspect-ratio:1;place-items:center;display:grid;position:relative}.vinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#ffffff09 0 1px,#0000008c 2px 4px),radial-gradient(circle,#1b1f27 0 58%,#0c0f16 100%);border-radius:50%;place-items:center;width:86%;animation:4.5s linear infinite paused spin;display:grid;position:relative;box-shadow:0 30px 70px #0009,inset 0 0 0 2px #ffffff0d}.vinyl-stage.spinning .vinyl{animation-play-state:running}.vinyl-art{background-position:50%;background-size:cover;border:1px solid #ffffff14;border-radius:50%;width:52%;height:52%;box-shadow:0 0 0 4px #00000080,0 0 22px #0009}.vinyl-hole{background:#0a0f1a;border-radius:50%;width:7%;height:7%;position:absolute;box-shadow:inset 0 0 0 3px #ffffff40}.vinyl-stage:after{content:"";background:radial-gradient(circle at 30% 30%, var(--accent,#ff7c37), transparent 60%);opacity:.16;filter:blur(30px);z-index:-1;position:absolute;inset:-6% -6% -6% 40%}.now-playing-info h2{margin:.4rem 0 .2rem;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.1}.now-playing-artist{color:var(--accent,#ffb684);letter-spacing:.04em;margin:0 0 .6rem;font-weight:800}.now-playing-sub,.time-readout,.credit-line,.page-footer{color:#e6edf4d1}.play-button{appearance:none;cursor:pointer;background:linear-gradient(135deg, var(--accent,#ff7c37), #ffd08a);color:#111;border:none;border-radius:999px;padding:.9rem 1.4rem;font-weight:800;transition:transform .16s,box-shadow .16s;box-shadow:0 12px 25px #ff7c3747}.play-button:hover{transform:translateY(-1px)}.audio-controls{flex-wrap:wrap;align-items:center;gap:1rem;margin:1.2rem 0 .5rem;display:flex}.player-view audio{width:100%;margin-top:.6rem}.credit-line{margin-top:.7rem;font-size:.92rem}.lyrics-card{scroll-behavior:smooth;border-radius:1.5rem;max-height:70vh;padding:1.4rem;overflow-y:auto}.lyrics-list{gap:.85rem;display:grid}.lyric-block{background:#ffffff05;border:1px solid #ffffff14;border-radius:1.2rem;padding:1rem 1rem 1rem 1.15rem;transition:border-color .18s,background .18s,transform .18s}.lyric-block.active{border-color:color-mix(in srgb, var(--accent,#ffb145) 75%, transparent);background:color-mix(in srgb, var(--accent,#ffb145) 14%, transparent);transform:translateY(-2px)}.lyric-block h3{margin:.35rem 0 .6rem;font-size:1.2rem}.lyric-block p+p{margin-top:.55rem}.lyric-time{color:var(--accent,#ffb684);text-transform:uppercase;letter-spacing:.2em;appearance:none;cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:800}.lyric-time:hover{filter:brightness(1.2)}.page-footer{flex-wrap:wrap;justify-content:space-between;gap:1rem;max-width:72rem;margin:2.5rem auto 0;padding:0 .2rem;font-size:.9rem;display:flex}@media (width<=820px){.now-playing{grid-template-columns:1fr}.vinyl-stage{max-width:18rem;margin:0 auto}.page-shell{padding-top:1rem}.hero-panel,.glass-card{border-radius:1.2rem}}