:root{color-scheme:light dark;--bg:#f5f5f5;--fg:#141414;--panel:#ffffff;--muted:#595959;--line:#767676;--accent:#cc0000;--brand-red:#cc0000;--on-brand:#ffffff}@media (prefers-color-scheme:dark){:root:not([data-appearance=light]){--bg:#000000;--fg:#ffffff;--panel:#141414;--muted:#b8b8b8;--line:#767676;--accent:#ff6b6b}}:root[data-appearance=dark]{color-scheme:dark;--bg:#000000;--fg:#ffffff;--panel:#141414;--muted:#b8b8b8;--line:#767676;--accent:#ff6b6b}:root[data-appearance=light]{color-scheme:light}*{box-sizing:border-box}body{margin:0;font:1rem/1.55 system-ui,sans-serif;background:var(--bg);color:var(--fg)}header,main{width:min(100% - 3rem,76rem);margin:auto}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.wordmark{font-weight:950;font-size:1.5rem;letter-spacing:-.06em}.dot{color:var(--accent)}button,input,select{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:.35rem;padding:.65rem;min-height:44px}select{margin-left:.5rem}button,summary{cursor:pointer}summary{padding:.7rem 0;min-height:44px;font-weight:650}main{padding:3rem 0 1.5rem}.eyebrow{font-size:.8rem;letter-spacing:.1em;font-weight:700;color:var(--muted)}h1{font-size:clamp(2.5rem,7vw,6rem);line-height:1.05;letter-spacing:-.06em;margin:1.3rem 0}h1 span{color:var(--accent)}.intro{max-width:38rem;font-size:1.2rem;color:var(--muted)}.notice{border-left:3px solid var(--accent);padding:.8rem 1rem;background:var(--panel);margin:2rem 0 3rem}.section-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem}.section-heading span{font-size:.75rem;color:var(--muted)}h2{font-size:1.6rem;letter-spacing:-.03em}.search{display:grid;max-width:28rem;gap:.5rem;margin-bottom:1.5rem}.catalogue article{display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(0,1.2fr);border:1px solid var(--line);border-radius:.7rem;overflow:hidden;background:var(--panel)}.art{padding:2rem;min-height:20rem;display:flex;flex-direction:column;justify-content:space-between;background:var(--brand-red);color:var(--on-brand)}.art span{font-size:1.5rem}.art strong{font-size:clamp(2rem,5vw,4rem);line-height:.95;letter-spacing:-.055em}.card-body{padding:1.5rem 2rem;min-width:0}h3{font-size:1.7rem;margin:.7rem 0}.card-body p{overflow-wrap:anywhere}.line{border-top:1px solid var(--line);padding:1rem 0}.time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted)}.line p{margin:.4rem 0}footer{margin-top:3rem;border-top:1px solid var(--line);padding-top:1.5rem;color:var(--muted);font-size:.85rem}.empty{padding:2rem;border:1px solid var(--line)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.sr-only{width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.skip,.sr-only{position:absolute}.skip{top:-6rem;background:var(--panel);color:var(--fg);padding:1rem;z-index:1}.skip:focus{top:0}@media (max-width:42rem){.catalogue article{grid-template-columns:minmax(0,1fr)}.art{min-height:15rem}.card-body{padding:1.5rem}header,main{width:calc(100% - 2rem)}header label{display:flex;align-items:center;flex-wrap:wrap}}a{color:var(--accent);text-underline-offset:.2em}a,button,input,select,summary{touch-action:manipulation}button:disabled{opacity:.65;cursor:default}.wordmark{color:var(--fg);text-decoration:none}.hero{padding-bottom:1rem}.catalogue{display:grid;gap:1.5rem}.catalogue .art{text-decoration:none;white-space:pre-line}.art strong{font-size:clamp(2rem,4.5vw,3.7rem)}.art span{font-size:.8rem;font-weight:800;letter-spacing:.06em}.card-body h3 a{color:var(--fg);text-decoration:none}.card-body h3 a:hover{text-decoration:underline}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:1rem 2rem}.filters .search{flex:1 1 18rem;margin:0}.search input{width:100%;min-width:0}.check{display:flex;align-items:center;gap:.65rem;min-height:44px}.check input{min-height:0;width:1.15em;height:1.15em;accent-color:var(--brand-red);flex-shrink:0}.result-count{color:var(--muted)}.card-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.primary{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:.7rem 1rem;min-height:44px;border-radius:.35rem;border:1px solid var(--brand-red);background:var(--brand-red);color:#fff;text-decoration:none;font-weight:700}.save[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.storage-error{margin:1rem auto;width:min(100% - 2rem,76rem);padding:1rem;border:1px solid var(--accent)}footer{width:min(100% - 3rem,76rem);margin:2rem auto}.detail h1{font-size:clamp(2.4rem,5vw,4.5rem);overflow-wrap:anywhere}.detail-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.detail-heading h1{margin:.5rem 0}.back{display:inline-block;min-height:44px;padding:.5rem 0}.attribution,.caption-note,.muted,.player-status{color:var(--muted)}.battle-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem;margin-top:2rem;align-items:start}.battle-layout>*{min-width:0}.player-intro{background:var(--panel);border:1px solid var(--line);padding:2rem}.player-intro h2{font-size:2rem}.player-host{width:100%;aspect-ratio:16/9;min-height:200px;background:#000}.player-host iframe{display:block;width:100%;height:100%;border:0;min-height:200px}.player-host.dormant{display:none}.attribution{font-size:.9rem}.about-round{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line)}.round-nav{display:flex;flex-wrap:wrap;gap:.6rem}.round-nav button[aria-pressed=true]{background:var(--brand-red);border-color:var(--brand-red);color:white}.follow{margin-top:1rem}.caption-note{font-size:.85rem}.transcript{max-height:65vh;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:.5rem;scroll-padding:.5rem}.lyric{padding:.5rem .75rem;border-bottom:1px solid var(--line)}.lyric:last-child{border:0}.lyric.current{border-left:4px solid var(--accent);background:var(--panel)}.lyric-seek{display:grid;grid-template-columns:3.3rem minmax(0,1fr);text-align:left;width:100%;border:0;background:transparent;gap:.5rem;padding:.6rem .25rem}.lyric-seek span:last-child{overflow-wrap:anywhere}.time{font-size:.85rem}.explanation{margin-left:3.8rem;padding:0 .25rem}.explanation summary{font-size:.9rem;color:var(--accent)}.explanation p{font-size:.95rem;margin-top:0}.round-companion h2{margin-top:.4rem}.round-companion .empty{margin-top:1rem}@media(max-width:62rem){.battle-layout{grid-template-columns:minmax(0,1fr)}.transcript{max-height:65vh}.about-round{margin-bottom:2rem}}@media(max-width:42rem){footer{width:calc(100% - 2rem)}.player-intro{padding:1.25rem}.lyric{padding:.5rem}.explanation{margin-left:.5rem}.detail-heading{align-items:flex-start}.detail-heading h1{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}dialog{max-width:min(38rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow-y:auto;padding:1.5rem;border:1px solid var(--line);border-radius:.7rem;background:var(--panel);color:var(--fg)}dialog::backdrop{background:rgb(0 0 0/.65)}.close-player{margin-top:1rem}@media(max-width:62rem){.battle-layout{display:flex;flex-direction:column}.battle-layout>*{width:100%}.watch-column{display:contents}.video-section{order:0;width:100%}.round-companion{order:1;width:100%}.about-round{order:2;width:100%}}.catalogue .artwork{padding:0;min-height:0;aspect-ratio:16/9;background:#141414;align-self:start;justify-content:center;align-items:center}.artwork img{display:block;width:100%;height:100%;object-fit:contain}.artwork-fallback{padding:1.5rem;text-align:center}header{padding:1rem 0}main{padding-top:1.75rem}.hero{padding:0}.hero h1{font-size:clamp(2.1rem,5vw,3rem);margin:0 0 1rem;letter-spacing:-.04em}.notice{margin:0 0 1.5rem;padding:.65rem .9rem;font-size:.9rem;border-radius:0 .4rem .4rem 0}.section-heading{justify-content:flex-end;margin-bottom:.75rem}.catalogue{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1.25rem;align-items:stretch}.catalogue article{display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--fg) 22%,transparent);border-radius:.75rem}.catalogue .artwork{width:100%;flex-shrink:0}.card-body{padding:1rem 1.2rem 1.2rem;display:flex;flex-direction:column;flex:1 1}.card-body .eyebrow{letter-spacing:.02em;font-weight:500;font-size:.75rem;margin:0}.card-body h3{font-size:1.3rem;line-height:1.3;margin:.5rem 0}.card-body p:not(.eyebrow){margin:.25rem 0;font-size:.85rem;color:var(--muted)}.card-actions{margin-top:auto;padding-top:1rem;gap:.6rem}.card-actions a,.card-actions button{font-size:.9rem}.artwork-fallback{color:#b8b8b8;font-size:.9rem;font-weight:500}.detail h1{font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.15}.detail .eyebrow{letter-spacing:.025em;margin:.5rem 0}.read-lyrics{display:inline-flex;padding:.4rem 0;min-height:44px;align-items:center;font-weight:650}.battle-layout{gap:1.5rem;margin-top:1rem}.player-intro{padding:1.25rem;border-radius:.6rem}.player-intro h2{font-size:1.35rem;margin-top:.25rem}.round-companion{min-width:0}.round-companion h2{font-size:1.5rem}.lyric{padding:.75rem}.lyric-seek{line-height:1.65}.lyric.current{background:color-mix(in srgb,var(--accent) 8%,var(--panel))}@media(min-width:62.01rem){.watch-column{position:sticky;top:1rem}}@media(max-width:42rem){main{padding-top:1.25rem}.card-body{padding:1rem}.filters{gap:.65rem}.filters .search{flex-basis:100%}.notice{margin-bottom:1rem}.section-heading{margin-bottom:.5rem}}.saved-moments{margin:0 0 1.25rem;padding:.25rem 1rem;background:var(--panel);border:1px solid color-mix(in srgb,var(--fg) 22%,transparent);border-radius:.5rem}.saved-moments ul{padding:0;list-style:none}.saved-moments li{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:space-between;border-top:1px solid var(--line);padding:.75rem 0}.saved-moments li a{flex:1 1 15rem}.saved-moments li span{display:block;color:var(--muted);font-size:.9rem}.lyric-search{margin:1rem 0}.lyric-search label{display:grid;gap:.4rem}.lyric-search input{width:100%}.search-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.5rem}.search-actions p{flex-basis:100%;margin:0;color:var(--muted);font-size:.9rem}.save-moment,.search-actions button{font-size:.85rem}.lyric.search-match{box-shadow:inset 3px 0 var(--accent)}.save-moment{margin-left:3.8rem;padding:.45rem .65rem;background:var(--panel)}.save-moment[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.catalogue-results{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.catalogue-results .result-count{margin:0}@media(max-width:42rem){.save-moment{margin-left:0}.search-actions button{flex:1 1 auto}}.moment-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.7rem}.moment-copy,.moment-copy [role=status]{max-width:24rem}.app-header{display:flex;justify-content:flex-end}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:.4rem;background:transparent;color:var(--accent);cursor:pointer}.icon-button svg{width:20px;height:20px;flex-shrink:0}.icon-button:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)}.battle-card{position:relative}.card-title{display:flex;gap:.5rem;align-items:center;min-width:0}.card-title h3{flex:1 1;min-width:0}.card-title .card-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-link:after{content:"";position:absolute;inset:0;z-index:1}.card-link:focus-visible:after{outline:3px solid var(--accent);outline-offset:-3px;border-radius:.7rem}.card-title .save{position:relative;z-index:2}.artwork img{object-fit:cover}.settings{max-width:48rem}.settings h1{font-size:2rem;margin:1rem 0}.settings section{border-bottom:1px solid var(--line);padding:.5rem 0 1rem}.settings section p{line-height:1.6}.settings select{margin-left:0}.video-stage{position:relative;width:100%;aspect-ratio:16/9;min-height:200px;background:var(--panel);overflow:hidden;border-radius:.5rem}.video-stage .player-host{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}.player-host.loading{opacity:0;pointer-events:none}.video-poster{position:absolute;inset:0;display:grid;place-items:center}.video-poster img{width:100%;height:100%;object-fit:cover}.detail-heading{flex-wrap:nowrap}.detail-heading h1{min-width:0;flex:1 1}.policy{max-width:56rem}.policy h1{font-size:clamp(2rem,6vw,3.5rem)}.policy section{border-bottom:1px solid var(--line);padding:.5rem 0 1rem}.policy p{overflow-wrap:anywhere;line-height:1.6}.policy nav{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.lyric-row{display:flex;align-items:flex-start;gap:.5rem}.lyric-row .lyric-seek{flex:1 1;min-width:0}.lyric-row .moment-action{margin:0}.saved-marker{display:inline-flex;flex:0 0 44px;height:44px;align-items:center;justify-content:center;color:var(--accent)}.selected-lyric{outline:1px solid var(--accent);outline-offset:-1px}@media (max-width:42rem){.lyric-row .lyric-seek{grid-template-columns:minmax(0,1fr);gap:.25rem}}.catalogue-options{margin:0 0 1rem;border-bottom:1px solid var(--line)}.catalogue-options>summary{width:fit-content}.catalogue-options .options-body{padding:.5rem 0 1rem}.catalogue-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.catalogue-heading h1{margin:0;min-width:0}.account form{display:grid;gap:1rem;max-width:30rem}.account label{display:grid;gap:.4rem}.account input{width:100%}.account-actions,.vote-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.community-vote{border:1px solid var(--line);border-radius:.5rem;padding:1rem;margin:1rem 0}.community-vote h2{margin-top:0}.community-vote ul{padding-left:1.25rem}.community-vote button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.account p{overflow-wrap:anywhere}