.brand[data-v-5f9d5e8e]{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);text-decoration:none;display:inline-flex}.brand__mark[data-v-5f9d5e8e]{color:var(--color-accent)}@media (max-width:40rem){.header-nav[data-v-5f9d5e8e]{display:none}}:root{--color-bg:#efede7;--color-bg-elevated:#f7f5f0;--color-surface:#fff;--color-surface-2:#e7e4dc;--color-border:#d3cfc4;--color-border-strong:#8b867a;--color-text:#1b1e17;--color-text-muted:#54595f;--color-text-faint:#63696f;--color-accent:#8a4e00;--color-accent-hover:#6d3d00;--color-accent-contrast:#fff8ec;--color-ok:#0f6b4f;--color-warn:#7a5300;--color-danger:#b02525;--color-focus:#0b63a8;--color-lamp:#d98a1f;--color-accent-soft:#f5e7d2;--color-scrim:#1b1e178c;--color-grain:#1b1e170a;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:999px;--font-sans:system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Avenir Next Condensed", "HelveticaNeue-CondensedBold", "Roboto Condensed", "Archivo Narrow", "Segoe UI Variable Display", "Segoe UI Semibold", var(--font-sans);--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Cascadia Mono", "Roboto Mono", "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.5rem;--tracking-display:-.02em;--tracking-label:.14em;--shadow-1:0 1px 2px #1b1e1714, 0 2px 8px #1b1e170f;--shadow-2:0 2px 4px #1b1e171a, 0 12px 32px #1b1e1724;--transition:.14s cubic-bezier(.2, 0, .2, 1);--transition-slow:.42s cubic-bezier(.2, 0, .2, 1);--content-max-width:46rem;--header-height:3.5rem;--nav-height:4.25rem;--tap-target:44px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#101319;--color-bg-elevated:#171b23;--color-surface:#1c222c;--color-surface-2:#242c38;--color-border:#2c3542;--color-border-strong:#5a6675;--color-text:#f2ede3;--color-text-muted:#a8b0bc;--color-text-faint:#8e97a5;--color-accent:#ffa62b;--color-accent-hover:#ffbc5e;--color-accent-contrast:#1a1206;--color-ok:#4ed3a6;--color-warn:#f2c14e;--color-danger:#ff8080;--color-focus:#6fd3ff;--color-lamp:#ffa62b;--color-accent-soft:#33260f;--color-scrim:#04060ab8;--color-grain:#ffffff08;--shadow-1:0 1px 1px #0006, 0 2px 10px #00000052;--shadow-2:0 2px 4px #00000073, 0 16px 40px #00000080}}:root[data-theme=dark]{--color-bg:#101319;--color-bg-elevated:#171b23;--color-surface:#1c222c;--color-surface-2:#242c38;--color-border:#2c3542;--color-border-strong:#5a6675;--color-text:#f2ede3;--color-text-muted:#a8b0bc;--color-text-faint:#8e97a5;--color-accent:#ffa62b;--color-accent-hover:#ffbc5e;--color-accent-contrast:#1a1206;--color-ok:#4ed3a6;--color-warn:#f2c14e;--color-danger:#ff8080;--color-focus:#6fd3ff;--color-lamp:#ffa62b;--color-accent-soft:#33260f;--color-scrim:#04060ab8;--color-grain:#ffffff08;--shadow-1:0 1px 1px #0006, 0 2px 10px #00000052;--shadow-2:0 2px 4px #00000073, 0 16px 40px #00000080}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:repeating-linear-gradient(0deg, var(--color-grain) 0 1px, transparent 1px 96px);line-height:1.55}img,svg,video,canvas{max-width:100%;display:block}input,button,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;font-weight:700;line-height:1.1}h1{font-size:var(--text-2xl);letter-spacing:var(--tracking-display);text-transform:uppercase}h2{font-size:var(--text-xl);letter-spacing:-.01em}h3{font-size:var(--text-lg);letter-spacing:0}p{text-wrap:pretty}a{color:var(--color-accent);text-underline-offset:.2em;transition:color var(--transition);text-decoration:underline;text-decoration-thickness:1px}a:hover{color:var(--color-accent-hover)}ul{padding-left:var(--space-5)}ul li+li{margin-top:var(--space-1)}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}input,select,textarea{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3);min-height:var(--tap-target);width:100%}textarea{resize:vertical}::placeholder{color:var(--color-text-faint);opacity:1}hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-5) 0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:20;align-items:center;gap:var(--space-3);min-height:var(--header-height);padding:0 var(--space-4);padding-top:env(safe-area-inset-top);padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right));background-color:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);box-shadow:0 2px 0 -1px var(--color-border);display:flex;position:sticky;top:0}.app-header__title{font-family:var(--font-display);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:var(--tracking-label);margin-right:auto;font-weight:700}.app-header__title mark{color:var(--color-accent);background:0 0}.app-main{width:100%;max-width:var(--content-max-width);padding:var(--space-5) var(--space-4) var(--space-7);padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right));flex:1;margin-inline:auto}.app-nav{z-index:20;justify-content:space-around;gap:var(--space-1);padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));background-color:var(--color-bg-elevated);border-top:1px solid var(--color-border);display:flex;position:fixed;inset:auto 0 0}.app-nav a{justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--tap-target);padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);color:var(--color-text-muted);font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);flex-direction:column;flex:1;text-decoration:none;display:flex}.app-nav a[aria-current]{color:var(--color-text);background-color:var(--color-surface-2);box-shadow:inset 0 2px 0 var(--color-accent)}.app-shell:has(.app-nav) .app-main{padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--space-5))}@media (min-width:48rem){.app-nav{inset:auto;top:var(--header-height);width:100%;max-width:var(--content-max-width);border-top:0;border-bottom:1px solid var(--color-border);background-color:#0000;justify-content:flex-start;margin-inline:auto;position:sticky}.app-nav a{padding-inline:var(--space-4);flex-direction:row;flex:none}.app-shell:has(.app-nav) .app-main{padding-bottom:var(--space-7)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-target);min-width:var(--tap-target);padding:var(--space-2) var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-display);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.06em;box-shadow:var(--shadow-1);transition:background-color var(--transition), border-color var(--transition), transform var(--transition), box-shadow var(--transition);font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background-color:var(--color-surface-2);color:var(--color-text)}.btn:active{box-shadow:none;transform:translateY(1px)}.btn--primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.btn--primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-accent-contrast)}.btn--ghost{color:var(--color-text-muted);box-shadow:none;background-color:#0000;border-color:#0000}.btn--ghost:hover{background-color:var(--color-surface-2);color:var(--color-text)}.btn--danger{border-color:var(--color-danger);color:var(--color-danger);box-shadow:none;background-color:#0000}.btn--danger:hover{background-color:color-mix(in srgb, var(--color-danger) 14%, transparent);color:var(--color-danger)}.btn--lg{min-height:60px;padding-inline:var(--space-6);font-size:var(--text-lg);letter-spacing:.08em;border-radius:var(--radius-lg)}.btn--block{width:100%;display:flex}.btn--icon{padding:var(--space-2);width:var(--tap-target);border-radius:var(--radius-full);letter-spacing:0}.btn--icon.btn--lg{width:72px;height:72px;min-height:72px;font-size:var(--text-xl);padding:0}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;box-shadow:none;pointer-events:none;transform:none}.btn[aria-busy=true]{pointer-events:none;color:#0000;position:relative}.btn[aria-busy=true]:after{content:"";border-radius:var(--radius-full);width:1.15em;height:1.15em;color:var(--color-text);border:2px solid;border-top-color:#0000;animation:.7s linear infinite spin;position:absolute}.btn--primary[aria-busy=true]:after{color:var(--color-accent-contrast)}.panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-1);display:block}.panel--inset{background-color:var(--color-surface-2);box-shadow:none;border-style:dashed}.panel--interactive{color:inherit;transition:border-color var(--transition), background-color var(--transition), transform var(--transition);text-decoration:none}.panel--interactive:hover{border-color:var(--color-accent);background-color:var(--color-bg-elevated);color:inherit;transform:translateY(-1px)}.panel--interactive:active{transform:translateY(0)}.stack{--stack-gap:var(--space-4);gap:var(--stack-gap);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.cluster{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.center{text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.field{gap:var(--space-2);flex-direction:column;display:flex}.label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted);font-weight:700}.input,.select,.textarea{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3);min-height:var(--tap-target);width:100%;transition:border-color var(--transition), box-shadow var(--transition)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-text-faint)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-accent)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger)}.select{appearance:none;padding-right:var(--space-6);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-repeat:no-repeat;background-size:6px 6px}.textarea{min-height:6rem;line-height:1.5}.hint{font-size:var(--text-sm);color:var(--color-text-faint)}.error-text{font-size:var(--text-sm);color:var(--color-danger);font-weight:600}.badge{align-items:center;gap:var(--space-1);padding:.15rem var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted);border:1px solid;font-weight:700;display:inline-flex}.badge--ok{color:var(--color-ok)}.badge--warn{color:var(--color-warn)}.badge--danger{color:var(--color-danger)}.badge--muted{color:var(--color-text-faint);border-color:var(--color-border)}.year-chip{align-items:center;gap:var(--space-1);min-height:32px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-2);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;letter-spacing:.02em;display:inline-flex}.year-chip--qualifying{background-color:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text);font-weight:600}.year-chip--excluded{color:var(--color-text-faint);background-color:#0000;border-style:dashed;text-decoration:line-through;text-decoration-thickness:1px}.stat{gap:var(--space-1);flex-direction:column;display:flex}.stat__value{font-family:var(--font-mono);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-weight:600;line-height:1}.stat__label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-faint)}.title-xl,.title-lg,.title-md{font-family:var(--font-display);text-wrap:balance;font-weight:700;line-height:1.05}.title-xl{font-size:var(--text-3xl);text-transform:uppercase;letter-spacing:var(--tracking-display)}.title-lg{font-size:var(--text-2xl);letter-spacing:-.015em}.title-md{font-size:var(--text-lg);letter-spacing:0}.muted{color:var(--color-text-muted)}.faint{color:var(--color-text-faint)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.95em}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spinner{border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:var(--radius-full);width:1.25rem;height:1.25rem;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.progress{background-color:var(--color-surface-2);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress__bar{background-color:var(--color-accent);border-radius:inherit;width:0;height:100%;transition:width var(--transition-slow)}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-bg-elevated);color:var(--color-text);font-size:var(--text-sm);box-shadow:var(--shadow-2);border-left-width:4px;display:flex}.toast--error{border-color:var(--color-danger)}.toast--info{border-color:var(--color-accent)}.empty-state{align-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.empty-state .title-md{color:var(--color-text)}.list{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);margin:0;padding:0;list-style:none;overflow:hidden}.list-item{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-4);color:inherit;text-decoration:none;display:flex}.list>li+li,.list-item+.list-item{border-top:1px solid var(--color-border);margin-top:0}a.list-item:hover,button.list-item:hover{background-color:var(--color-surface-2)}.now-playing{place-items:center;gap:var(--space-5);aspect-ratio:1;width:min(100%,20rem);padding:var(--space-6);border-radius:var(--radius-full);--disc-body:#1c222c;--disc-groove:#2f3947;--disc-label:#262f3c;--disc-hole:#0b0e13;color:#cfd6e0;background:radial-gradient(circle at 50% 50%, var(--disc-hole) 0 3%, transparent 3% 3.6%), radial-gradient(circle at 50% 50%, var(--disc-label) 0 34%, transparent 34%), repeating-radial-gradient(circle at 50% 50%, var(--disc-groove) 0 1px, var(--disc-body) 1px 7px);box-shadow:var(--shadow-2);border:1px solid #4a5665;margin-inline:auto;display:grid;position:relative}.now-playing__mark{align-items:center;gap:var(--space-3);flex-direction:column;grid-area:1/1;display:flex;transform:translateY(2.6rem)}.now-playing__redaction{border-radius:var(--radius-sm);background-color:#5a6675;width:7rem;height:.7rem}.now-playing__redaction:nth-of-type(2){width:4.5rem}.now-playing__label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:inherit;font-weight:700}.now-playing--playing{border-color:var(--color-lamp);animation:3.2s ease-in-out infinite lamp-breathe}@keyframes lamp-breathe{0%,to{box-shadow:var(--shadow-2), 0 0 0 0 color-mix(in srgb, var(--color-lamp) 40%, transparent)}50%{box-shadow:var(--shadow-2), 0 0 40px 6px color-mix(in srgb, var(--color-lamp) 32%, transparent)}}@media (prefers-reduced-motion:reduce){.now-playing--playing{box-shadow:var(--shadow-2), 0 0 32px 4px color-mix(in srgb, var(--color-lamp) 28%, transparent)}}.reveal-card{width:min(100%,26rem);padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-accent);background-color:var(--color-bg-elevated);background-image:radial-gradient(circle at 50% -30%, color-mix(in srgb, var(--color-lamp) 18%, transparent), transparent 70%);box-shadow:var(--shadow-2);text-align:center;animation:reveal-press var(--transition-slow) cubic-bezier(.16, .9, .25, 1) both;margin-inline:auto;position:relative}.reveal-card:before{content:"";border:1px solid color-mix(in srgb, var(--color-accent) 35%, transparent);border-radius:calc(var(--radius-lg) - 4px);pointer-events:none;position:absolute;inset:5px}.reveal-card__eyebrow{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-accent);margin-bottom:var(--space-3);font-weight:700;display:block}.reveal-card__artist{font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:var(--tracking-display);font-weight:700;line-height:1.05}.reveal-card__title{margin-top:var(--space-2);font-size:var(--text-lg);color:var(--color-text-muted);font-style:italic}@keyframes reveal-press{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.scan-frame{aspect-ratio:1;border-radius:var(--radius-lg);width:min(100%,22rem);box-shadow:var(--shadow-2);background-color:#000;margin-inline:auto;position:relative;overflow:hidden}.scan-frame__video{object-fit:cover;width:100%;height:100%}.scan-frame:before{content:"";box-shadow:inset 0 0 0 100vmax var(--color-scrim);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,14% 14%,14% 86%,86% 86%,86% 14%,14% 14%);pointer-events:none;position:absolute;inset:0}.scan-frame:after{content:"";border:2px solid var(--color-lamp);border-radius:var(--radius-sm);-webkit-mask-composite:source-in;pointer-events:none;position:absolute;inset:14%;-webkit-mask-image:linear-gradient(90deg,#000 0 22%,#0000 22% 78%,#000 78%),linear-gradient(#000 0 22%,#0000 22% 78%,#000 78%);mask-image:linear-gradient(90deg,#000 0 22%,#0000 22% 78%,#000 78%),linear-gradient(#000 0 22%,#0000 22% 78%,#000 78%);-webkit-mask-composite:source-in;mask-composite:intersect}.game-controls{z-index:30;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right));background-color:var(--color-bg-elevated);border-top:1px solid var(--color-border);box-shadow:0 -2px 0 -1px var(--color-border), 0 -12px 32px -12px #00000059;display:flex;position:fixed;inset:auto 0 0}.game-controls>.btn--block{max-width:22rem}
