:root{color-scheme:dark;font-synthesis:none;--bg:#0d1228;--bg-deep:#080c1c;--panel:#151d3c;--panel-strong:#1e2850;--line:#2a396e;--text:#ecf4ff;--muted:#91a0c8;--cyan:#55f6ff;--pink:#ff4fd8;--yellow:#ffd84a;--green:#65f7a2;--violet:#c77dff;--orange:#ff9f43;--blue:#7aa2ff;--danger:#ff647c;--pixel-shadow:5px 5px 0 #00000047;font-family:Consolas,Courier New,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{background-color:var(--bg);background-image:linear-gradient(#16204561 1px,#0000 1px),linear-gradient(90deg,#16204561 1px,#0000 1px);background-size:32px 32px;min-height:100vh;position:relative;overflow:hidden}.scanline-overlay{pointer-events:none;opacity:.04;z-index:20;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#fff 0 1px,#0000 1px 4px);position:fixed;inset:0}.site-header{z-index:2;border-bottom:3px solid var(--cyan);background:#101832f5;align-items:center;gap:40px;min-height:90px;padding:20px clamp(24px,6vw,92px);display:flex;position:relative}.wordmark{color:var(--cyan);letter-spacing:.07em;white-space:nowrap;align-items:center;gap:12px;font-size:clamp(1rem,2vw,1.45rem);font-weight:800;display:inline-flex}.wordmark__mark{width:26px;height:26px;color:var(--bg);background:var(--cyan);clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);place-items:center;font-size:.9rem;display:grid}.wordmark__slash{color:var(--pink)}.site-nav{justify-content:center;align-items:center;gap:clamp(22px,3vw,56px);margin-inline:auto;display:flex}.site-nav__link{color:var(--muted);letter-spacing:.1em;padding:10px 0;font-size:.78rem;transition:color .2s,text-shadow .2s}.site-nav__link:hover,.site-nav__link--active{color:var(--text);text-shadow:0 0 12px}.site-header__actions{flex:none;align-items:flex-start;gap:18px;margin-left:auto;display:flex}.pixel-button{min-height:50px;color:var(--bg);background:var(--cyan);box-shadow:var(--pixel-shadow);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);letter-spacing:.06em;border:0;justify-content:center;align-items:center;padding:0 22px;font-size:.75rem;font-weight:800;transition:transform .15s,filter .15s;display:inline-flex}.pixel-button:hover{filter:brightness(1.14);transform:translate(-2px,-2px)}.pixel-button:active{transform:translate(3px,3px);box-shadow:2px 2px #00000047}.pixel-button--pink{background:var(--pink)}.pixel-button--secondary{background:var(--panel-strong);color:var(--text);border:2px solid var(--cyan);box-shadow:none}.header-cta{min-width:150px;color:var(--bg);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:flex-end;gap:6px;padding:0;text-decoration:none;display:inline-flex}.header-cta .pixel-button{gap:8px;width:100%}.header-cta__hint{color:var(--muted);letter-spacing:.06em;text-align:right;white-space:nowrap;font-size:.55rem;line-height:1.2}.header-cta:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.hero{grid-template-columns:minmax(0,1fr) minmax(420px,535px);align-items:center;gap:clamp(48px,8vw,120px);max-width:1440px;margin:0 auto;padding:clamp(72px,10vw,138px) clamp(24px,6vw,92px) 96px;display:grid}.hero__copy{min-width:0}.eyebrow{color:var(--pink);letter-spacing:.1em;margin:0;font-size:.72rem;font-weight:800}.hero__eyebrow{margin-bottom:24px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;max-width:720px;margin-bottom:26px;font-size:clamp(3rem,6.5vw,5.75rem);line-height:.97}h1 em{color:var(--cyan);font-style:normal}.hero__period,.accent-dot{color:var(--pink)}.hero__lede{max-width:550px;color:var(--muted);margin-bottom:34px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7}.hero__actions{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.text-link{color:var(--muted);letter-spacing:.09em;font-size:.74rem;transition:color .2s}.text-link:hover{color:var(--yellow)}.hero__stats{color:var(--muted);letter-spacing:.08em;flex-wrap:wrap;gap:28px;margin-top:54px;font-size:.65rem;display:flex}.hero__stats strong{color:var(--green);margin-bottom:7px;font-size:1.15rem;display:block}.hud-card{border:5px solid var(--cyan);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:#151d3cf5;min-height:330px;padding:28px;position:relative;box-shadow:10px 10px #00000040}.hud-card--pink{border-color:var(--pink)}.hud-card--yellow{border-color:var(--yellow)}.hud-card--green{border-color:var(--green)}.hud-card__topline{color:var(--yellow);letter-spacing:.08em;justify-content:space-between;gap:12px;font-size:.72rem;font-weight:800;display:flex}.hud-card__status{color:var(--muted);align-items:center;gap:8px;font-size:.64rem;display:flex}.status-dot{background:var(--muted);width:8px;height:8px;box-shadow:0 0 0 3px #91a0c81f}.status-dot--live{background:var(--green);box-shadow:0 0 0 3px #65f7a229, 0 0 18px var(--green);animation:1s steps(2,end) infinite pulse}.hud-card__content{justify-content:space-between;align-items:center;gap:20px;margin:34px 0 30px;display:flex}.hud-card .eyebrow{color:var(--muted);margin-bottom:12px;font-size:.65rem}.hud-card__meter-row{align-items:baseline;gap:30px;display:flex}.hud-card__meter-row strong{letter-spacing:-.1em;font-size:clamp(4rem,7vw,5.2rem);line-height:.9}.hud-card__meter-row span{color:var(--green);font-size:.92rem;font-weight:800}.hud-card__pattern{color:var(--muted);letter-spacing:.08em;margin:18px 0 0;font-size:.7rem}.hud-card__pattern span{color:var(--text)}.play-orb{border:3px solid var(--cyan);width:70px;height:70px;color:var(--bg);background:var(--cyan);clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);flex:0 0 70px;place-items:center;font-size:1.25rem;transition:transform .2s,background .2s;display:grid;box-shadow:0 0 0 5px #55f6ff1a,0 0 24px #55f6ff40}.play-orb:hover,.play-orb--playing{background:var(--pink);border-color:var(--pink);transform:scale(1.08)}.beat-lane{grid-template-columns:repeat(7,1fr);gap:10px;min-height:34px;display:grid}.beat-cell{background:var(--panel-strong);min-width:0;height:34px;transition:background .1s,transform .1s,box-shadow .1s}.beat-cell--accent{background:#344677}.beat-cell--active{background:var(--cyan);box-shadow:0 0 16px var(--cyan);transform:translateY(-5px)}.hud-card__hint{color:var(--muted);margin:22px 0 0;font-size:.72rem}.meter-library,.challenge-panel{max-width:1440px;margin:0 auto;padding:72px clamp(24px,6vw,92px) 96px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px;display:flex}.section-heading h2,.challenge-panel h2{letter-spacing:.04em;margin:12px 0 0;font-size:clamp(1.45rem,2.4vw,2rem)}.section-heading>p{max-width:340px;color:var(--muted);text-align:right;margin-bottom:2px;font-size:.8rem;line-height:1.6}.meter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.meter-card{--card-accent:var(--cyan);text-align:left;min-height:190px;color:var(--text);background:var(--panel-strong);border:5px solid var(--card-accent);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);padding:26px;transition:transform .2s,background .2s,box-shadow .2s}.meter-card:hover,.meter-card--selected{background:#24305d;transform:translateY(-6px);box-shadow:8px 8px #0003}.meter-card--pink{--card-accent:var(--pink)}.meter-card--yellow{--card-accent:var(--yellow)}.meter-card--green{--card-accent:var(--green)}.meter-card--violet{--card-accent:var(--violet)}.meter-card--orange{--card-accent:var(--orange)}.meter-card--blue{--card-accent:var(--blue)}.meter-card__label{min-width:0;color:var(--card-accent);letter-spacing:-.08em;white-space:nowrap;align-items:baseline;gap:.28em;margin-bottom:10px;font-size:2.45rem;font-weight:800;line-height:.95;display:flex}.meter-card__label-number{flex:none}.meter-card__label-suffix{letter-spacing:-.02em;white-space:nowrap;flex:none;font-size:.42em}.meter-card__annotation{min-height:24px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;display:block}.meter-card__beats{gap:8px;margin:22px 0 18px;display:flex}.meter-card__beats i{background:#56658f;width:18px;height:18px}.meter-card__beats .meter-card__beat--accent{background:currentColor}.meter-card__beats{color:var(--card-accent)}.meter-card__action{color:var(--muted);letter-spacing:.08em;font-size:.66rem;display:block}.challenge-panel{border-top:2px solid var(--line)}.challenge-panel__heading{justify-content:space-between;align-items:start;gap:30px;margin-bottom:30px;display:flex}.score-stack{color:var(--muted);letter-spacing:.08em;justify-items:end;gap:5px;font-size:.66rem;display:grid}.score-stack strong{color:var(--green);letter-spacing:.05em;font-size:1.7rem}.score-stack small{color:var(--pink);font-size:.7rem}.challenge-start,.challenge-round{border:2px solid var(--line);background:#151d3ce0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;min-height:150px;padding:28px;display:grid}.challenge-start__icon{width:70px;height:70px;color:var(--bg);background:var(--yellow);clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);place-items:center;font-size:2.2rem;display:grid}.challenge-start h3,.challenge-round h3{margin-bottom:8px;font-size:1rem}.challenge-start p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.6}.challenge-round{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.challenge-round__prompt{position:relative}.round-number{color:var(--pink);letter-spacing:.08em;font-size:.64rem}.challenge-round__meter{color:var(--cyan);font-size:2.8rem;font-weight:800;position:absolute;top:0;right:20px}.challenge-round__actions{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.answer-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.answer-button{min-height:52px;color:var(--text);background:var(--panel-strong);border:2px solid var(--line);padding:0 10px;font-size:.73rem;transition:border-color .15s,background .15s,transform .15s}.answer-button:hover{border-color:var(--cyan);transform:translateY(-2px)}.answer-button--correct{color:var(--bg);background:var(--green);border-color:var(--green)}.answer-button--wrong{color:var(--text);border-color:var(--danger);background:#ff647c26;animation:.35s steps(3,end) shake}.feedback{grid-column:1/-1;margin:0;font-size:.7rem}.feedback--correct{color:var(--green)}.feedback--wrong{color:var(--danger)}.site-footer{border-top:2px solid var(--line);max-width:1440px;color:var(--muted);letter-spacing:.08em;justify-content:space-between;gap:18px;margin:0 auto;padding:28px clamp(24px,6vw,92px) 40px;font-size:.65rem;display:flex}.site-footer__brand{color:var(--cyan);font-weight:800}.site-footer__brand span{color:var(--pink)}@keyframes pulse{50%{opacity:.35}}@keyframes shake{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.locale-menu{z-index:4;flex:none;position:relative}.locale-menu__trigger{min-height:42px;color:var(--muted);letter-spacing:.1em;cursor:pointer;background:0 0;border:2px solid #0000;align-items:center;gap:8px;padding:10px 12px;font-size:.78rem;list-style:none;display:inline-flex}.locale-menu__trigger::-webkit-details-marker{display:none}.locale-menu__trigger:hover,.locale-menu[open] .locale-menu__trigger{color:var(--text);border-color:var(--cyan)}.locale-menu__list{border:2px solid var(--cyan);background:var(--panel);min-width:108px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:4px 4px #00000059}.locale-menu__option{color:var(--muted);letter-spacing:.08em;white-space:nowrap;padding:10px 12px;font-size:.72rem;display:block}.locale-menu__option:hover,.locale-menu__option:focus-visible{color:var(--bg);background:var(--cyan)}.definition-section,.comparator-section,.database-section{max-width:1440px;margin:0 auto;padding:96px clamp(24px,6vw,92px)}.definition-section{border-bottom:2px solid var(--line)}.definition-section h1,.database-section>h1{letter-spacing:-.07em;max-width:980px;margin:18px 0 28px;font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98}.definition-section__copy{max-width:900px;color:var(--text);margin:0;font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1.8}.definition-section__hint{color:var(--green);letter-spacing:.11em;margin:30px 0 0;font-size:.7rem}.definition-section__challenge{flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px;display:flex}.definition-section__challenge p{color:var(--cyan);letter-spacing:.02em;margin:0;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:800}.comparator-section{padding-top:80px}.comparator-section__heading{margin-bottom:28px}.comparator-panel{border:5px solid var(--cyan);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:#151d3cf5;padding:28px;box-shadow:10px 10px #00000040}.comparator-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.comparator-tab{border:2px solid var(--line);min-height:52px;color:var(--text);background:var(--panel-strong);letter-spacing:.04em;font-size:clamp(.95rem,2vw,1.25rem);font-weight:800}.comparator-tab:hover{border-color:var(--pink);color:var(--pink)}.comparator-tab--selected{color:var(--bg);background:var(--pink);border-color:var(--pink)}.comparator-beat-row{justify-content:center;align-items:center;gap:clamp(18px,3vw,34px);min-height:208px;margin:34px 0 28px;padding:0 12px;display:flex}.comparator-beat{min-width:88px;color:var(--muted);justify-items:center;gap:14px;display:grid}.comparator-beat i{background:var(--panel-strong);border:3px solid var(--line);width:76px;height:76px;transition:transform .1s,background .1s,box-shadow .1s;display:block}.comparator-beat--accent{color:var(--yellow)}.comparator-beat--accent i{background:var(--yellow);border-color:var(--yellow)}.comparator-beat--active i{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 24px var(--cyan);transform:scale(1.12)translateY(-8px)}.comparator-beat small{color:currentColor;letter-spacing:.07em;font-size:.52rem}.comparator-panel__footer{border-top:2px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding-top:24px;display:flex}.comparator-panel__meter{color:var(--yellow);letter-spacing:.08em;margin:0 0 8px;font-size:1rem;font-weight:800}.comparator-panel__description{max-width:700px;color:var(--muted);margin:0;font-size:.82rem;line-height:1.65}.database-section{border-top:2px solid var(--line)}.database-section__intro{justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px;display:flex}.database-section__intro h2{letter-spacing:.04em;margin:12px 0 0;font-size:clamp(1.6rem,3vw,2.4rem)}.database-section__intro>p{max-width:350px;color:var(--muted);text-align:right;margin:0 0 2px;font-size:.8rem;line-height:1.6}.database-group{margin-top:46px}.database-group__title{align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.database-group__title h3{color:var(--text);letter-spacing:.11em;margin:0;font-size:.85rem}.database-group__annotation{color:var(--pink);letter-spacing:.08em;font-size:.72rem}.database-group__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.database-section__all{justify-content:center;margin-top:42px;display:flex}.database-section--all{min-height:70vh}.site-footer--expanded{grid-template-columns:minmax(0,1.6fr) minmax(150px,.7fr) minmax(180px,.8fr);align-items:start;padding-top:38px;display:grid}.site-footer__identity p{color:var(--text);margin:12px 0 18px;font-size:.8rem}.site-footer__identity small{color:var(--muted);letter-spacing:.08em;margin-top:22px;font-size:.58rem;display:block}.site-footer__languages{gap:8px;display:flex}.site-footer__languages span,.site-footer__languages a{min-width:34px;color:var(--bg);background:var(--cyan);text-align:center;padding:7px 8px;font-size:.62rem;font-weight:800}.site-footer__links{color:var(--muted);letter-spacing:.07em;justify-items:start;gap:10px;font-size:.68rem;display:grid}.site-footer__links strong{color:var(--yellow);font-size:.7rem}.site-footer__links a:hover{color:var(--pink)}.site-footer__signature-list{grid-template-columns:repeat(2,minmax(78px,1fr));gap:10px 18px;display:grid}.privacy-page{max-width:960px;margin:0 auto;padding:72px clamp(24px,6vw,92px) 40px}.privacy-page__header{max-width:720px}.privacy-page__intro{max-width:680px;color:var(--text);margin:24px 0 12px;font-size:clamp(1rem,1.8vw,1.3rem);line-height:1.7}.privacy-page__updated{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.privacy-page__content{max-width:720px;margin-top:48px}.privacy-page__section{border-top:2px solid var(--line);padding:28px 0}.privacy-page__section h2{color:var(--cyan);letter-spacing:.04em;margin:0 0 14px;font-size:1.05rem}.privacy-page__section p,.privacy-page__contact{color:var(--muted);margin:0 0 12px;font-size:.9rem;line-height:1.8}.privacy-page__section p:last-child{margin-bottom:0}.privacy-page__contact{border:1px solid var(--line);color:var(--text);padding:20px}.privacy-page__contact a{color:var(--cyan)}.privacy-page__contact a:hover,.privacy-page__contact a:focus-visible{color:var(--pink)}.detail-breadcrumb{color:var(--muted);letter-spacing:.1em;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:30px;font-size:.66rem;font-weight:800;display:flex}.detail-breadcrumb a:hover,.detail-breadcrumb a:focus-visible{color:var(--cyan)}.detail-breadcrumb [aria-current=page]{color:var(--text)}.meter-heading__annotation{color:var(--muted);letter-spacing:.1em;margin:-14px 0 0;font-size:.7rem;font-weight:800}.meter-heading__annotation span{color:var(--cyan)}.meter-heading__name{color:var(--yellow);letter-spacing:.1em;text-transform:uppercase;margin:-4px 0 20px;font-size:.78rem;font-weight:800}.detail-answer{margin:10px 0 44px}.detail-answer__panel{border:3px solid var(--green);background:#151d3ce6;max-width:920px;padding:clamp(24px,4vw,44px);box-shadow:8px 8px #0003}.detail-answer__panel h2,.detail-demo h2{letter-spacing:-.03em;margin:12px 0 18px;font-size:clamp(1.5rem,3vw,2.4rem)}.detail-answer__lead{max-width:820px;color:var(--text);margin:0 0 14px;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.5}.detail-answer__body{max-width:820px;color:var(--muted);margin:0;line-height:1.7}.detail-demo{grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);align-items:center;gap:clamp(32px,6vw,84px);margin:0 0 20px;display:grid}.detail-demo__copy{max-width:520px}.detail-demo__guide{color:var(--muted);line-height:1.7}.detail-demo__guide p{margin:0}.famous-songs{margin:34px 0 20px}.famous-songs__heading{margin-bottom:24px}.famous-songs__heading h2{letter-spacing:-.03em;margin:12px 0 0;font-size:clamp(1.5rem,3vw,2.4rem)}.famous-songs__list{max-width:980px;margin:0;padding:0;list-style:none}.famous-song{border:2px solid var(--line);background:#151d3cf5;padding:22px 24px}.famous-song+.famous-song{border-top:0}.famous-song--active{border-color:var(--cyan)}.famous-song--reference{background:#151d3cb8}.famous-song__row{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.famous-song__number{color:var(--pink);letter-spacing:.08em;font-size:.72rem;font-weight:800}.famous-song__name{color:var(--text);letter-spacing:.03em;font-size:clamp(1rem,1.8vw,1.3rem)}.famous-song__details{gap:4px;min-width:0;display:grid}.famous-song__artist,.famous-song__reference{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.famous-song__reference{color:var(--yellow)}.famous-songs__audio{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.famous-song__button{width:88px;height:48px;color:var(--bg);background:var(--cyan);border:2px solid var(--cyan);place-items:center;transition:background .15s,border-color .15s,transform .15s;display:grid}.famous-song__button:hover,.famous-song__button:focus-visible{background:var(--pink);border-color:var(--pink);transform:translateY(-2px)}.famous-song__icon{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid;width:0;height:0;display:block;transform:translate(2px)}.famous-song__button--pause{background:var(--pink);border-color:var(--pink)}.famous-song__button--pause .famous-song__icon{background:linear-gradient(90deg,currentColor 0 5px,#0000 5px 11px,currentColor 11px 16px);border:0;width:16px;height:20px;transform:none}.famous-song__player{border:2px solid var(--line);background:#0a1126f5;margin-top:22px;padding:18px 20px 16px}.famous-song__player-meta{color:var(--muted);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:18px;font-size:.66rem;display:flex}.famous-song__status{color:var(--green);align-items:center;gap:9px;display:inline-flex}.famous-song__status i{background:currentColor;border-radius:50%;width:10px;height:10px;display:block;box-shadow:0 0 12px}.famous-song__wave{border-bottom:2px solid var(--line);height:72px;margin-top:12px;padding:0 0 12px;position:relative;overflow:hidden}.famous-song__wave-layer{pointer-events:none;align-items:center;gap:clamp(4px,.7vw,9px);display:flex;position:absolute;inset:0 0 12px;overflow:hidden}.famous-song__wave-layer--past{clip-path:inset(0 calc(100% - var(--wave-progress,0%)) 0 0)}.famous-song__wave-layer>span{background:var(--line);flex:1 1 0;min-width:4px;max-width:9px}.famous-song__wave-layer--past>span{background:var(--cyan)}.famous-song__playhead{z-index:2;background:var(--pink);width:3px;box-shadow:0 0 10px var(--pink);position:absolute;top:0;bottom:10px;transform:translate(-50%)}.famous-song__beat-lane{align-items:center;gap:10px;min-height:28px;margin-top:12px;display:flex}.famous-song__beat{background:var(--panel-strong);border:2px solid var(--line);width:20px;height:20px;transition:transform .1s,background .1s,border-color .1s;display:block}.famous-song__beat--accent{background:var(--yellow);border-color:var(--yellow)}.famous-song__beat--active{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px var(--cyan);transform:scale(1.18)}.famous-song__beat--group-start{margin-left:18px}.famous-song__pattern{color:var(--yellow);letter-spacing:.08em;margin-left:6px;font-size:.68rem}.famous-song__source{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:flex-end;gap:12px;margin-top:12px;font-size:.62rem;display:flex}.famous-song__source a{color:var(--cyan)}.famous-song__status--error{color:var(--pink)}.detail-faq,.related-signatures{border-top:2px solid var(--line);max-width:1440px;margin:0 auto;padding:72px clamp(24px,6vw,92px) 82px}.detail-faq__list{border-top:2px solid var(--line);max-width:980px}.detail-faq__item{border-bottom:2px solid var(--line)}.detail-faq__item summary{color:var(--text);cursor:pointer;padding:20px 0;font-size:clamp(1rem,1.7vw,1.25rem);font-weight:800;list-style:none}.detail-faq__item summary::-webkit-details-marker{display:none}.detail-faq__item summary:before{width:24px;color:var(--pink);content:"＋";display:inline-block}.detail-faq__item[open] summary:before{content:"－"}.detail-faq__item p{max-width:820px;color:var(--muted);margin:0 0 24px 24px;line-height:1.7}.related-signatures{padding-top:68px}.related-signatures__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-signatures__all{flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px;display:flex}.database-group__grid .meter-card:nth-child(-n+3),.related-signatures__grid .meter-card:nth-child(-n+3){--card-accent:var(--green)}.database-group__grid .meter-card:nth-child(n+4):nth-child(-n+6),.related-signatures__grid .meter-card:nth-child(n+4):nth-child(-n+6){--card-accent:var(--yellow)}.database-group__grid .meter-card:nth-child(n+7):nth-child(-n+9),.related-signatures__grid .meter-card:nth-child(n+7):nth-child(-n+9){--card-accent:var(--cyan)}.database-group__grid .meter-card:nth-child(n+10):nth-child(-n+12),.related-signatures__grid .meter-card:nth-child(n+10):nth-child(-n+12){--card-accent:var(--pink)}.database-group__grid .meter-card:nth-child(n+13):nth-child(-n+15),.related-signatures__grid .meter-card:nth-child(n+13):nth-child(-n+15){--card-accent:var(--violet)}.database-group__grid .meter-card:nth-child(n+16):nth-child(-n+18),.related-signatures__grid .meter-card:nth-child(n+16):nth-child(-n+18){--card-accent:var(--orange)}.database-group__grid .meter-card:nth-child(n+19),.related-signatures__grid .meter-card:nth-child(n+19){--card-accent:var(--blue)}.database-group--simple .database-group__grid .meter-card:nth-child(-n+3){--card-accent:var(--green)}.database-group--simple .database-group__grid .meter-card:nth-child(n+4){--card-accent:var(--yellow)}.database-group--compound .database-group__grid .meter-card:nth-child(-n+3){--card-accent:var(--cyan)}.database-group--compound .database-group__grid .meter-card:nth-child(n+4){--card-accent:var(--pink)}.database-group--complex .database-group__grid .meter-card:nth-child(-n+3){--card-accent:var(--violet)}.database-group--complex .database-group__grid .meter-card:nth-child(n+4):nth-child(-n+6){--card-accent:var(--orange)}.database-group--complex .database-group__grid .meter-card:nth-child(n+7){--card-accent:var(--blue)}.database-section--preview .database-group__grid .meter-card:nth-child(n+4){display:none}@media (width<=1120px){.site-header{flex-wrap:wrap;gap:18px 28px}.site-header__actions{margin-left:auto}.site-nav{order:3;justify-content:flex-start;width:100%;overflow:visible}.hero{grid-template-columns:1fr;padding-top:72px}.hud-card{max-width:620px}.meter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge-start{grid-template-columns:auto 1fr}.challenge-start .pixel-button{grid-column:2;justify-self:start}.challenge-round,.challenge-round__actions{grid-template-columns:1fr}.database-group__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.database-section--preview .database-group__grid .meter-card:nth-child(n+3){display:none}.detail-demo{grid-template-columns:1fr}.detail-demo__copy{max-width:620px}.famous-song{padding:18px}.famous-song__row{grid-template-columns:34px minmax(0,1fr) auto;gap:12px}.famous-song__button{width:64px;height:44px}.famous-song__player{padding-inline:14px}.famous-song__wave{gap:4px}.related-signatures__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.database-group__grid .meter-card:nth-child(-n+2),.related-signatures__grid .meter-card:nth-child(-n+2){--card-accent:var(--green)}.database-group__grid .meter-card:nth-child(n+3):nth-child(-n+4),.related-signatures__grid .meter-card:nth-child(n+3):nth-child(-n+4){--card-accent:var(--yellow)}.database-group__grid .meter-card:nth-child(n+5):nth-child(-n+6),.related-signatures__grid .meter-card:nth-child(n+5):nth-child(-n+6){--card-accent:var(--cyan)}.database-group__grid .meter-card:nth-child(n+7):nth-child(-n+8),.related-signatures__grid .meter-card:nth-child(n+7):nth-child(-n+8){--card-accent:var(--pink)}.database-group__grid .meter-card:nth-child(n+9):nth-child(-n+10),.related-signatures__grid .meter-card:nth-child(n+9):nth-child(-n+10){--card-accent:var(--violet)}.database-group__grid .meter-card:nth-child(n+11):nth-child(-n+12),.related-signatures__grid .meter-card:nth-child(n+11):nth-child(-n+12){--card-accent:var(--orange)}.database-group__grid .meter-card:nth-child(n+13):nth-child(-n+14),.related-signatures__grid .meter-card:nth-child(n+13):nth-child(-n+14){--card-accent:var(--blue)}.database-group--simple .database-group__grid .meter-card:nth-child(-n+2){--card-accent:var(--green)}.database-group--simple .database-group__grid .meter-card:nth-child(n+3):nth-child(-n+4){--card-accent:var(--yellow)}.database-group--simple .database-group__grid .meter-card:nth-child(n+5),.database-group--compound .database-group__grid .meter-card:nth-child(-n+2){--card-accent:var(--cyan)}.database-group--compound .database-group__grid .meter-card:nth-child(n+3){--card-accent:var(--pink)}.database-group--complex .database-group__grid .meter-card:nth-child(-n+2){--card-accent:var(--violet)}.database-group--complex .database-group__grid .meter-card:nth-child(n+3):nth-child(-n+4){--card-accent:var(--orange)}.database-group--complex .database-group__grid .meter-card:nth-child(n+5):nth-child(-n+6){--card-accent:var(--blue)}.database-group--complex .database-group__grid .meter-card:nth-child(n+7){--card-accent:var(--green)}.site-footer--expanded{grid-template-columns:1fr 1fr}.site-footer__identity{grid-column:1/-1}}@media (width<=560px){.site-header{padding-inline:20px}.site-header__actions{gap:8px}.site-header__actions .header-cta{min-width:132px}.header-cta .pixel-button{padding-inline:13px;font-size:.62rem}.locale-menu__trigger{padding-inline:8px}.header-cta__hint{white-space:normal;max-width:132px}.wordmark{font-size:.9rem}.wordmark__mark{width:21px;height:21px}h1{font-size:clamp(2.8rem,15vw,4.5rem)}.hero{padding-inline:20px}.hud-card{padding:21px}.hud-card__meter-row{gap:14px}.hud-card__meter-row strong{font-size:3.4rem}.play-orb{flex-basis:58px;width:58px;height:58px}.meter-library,.challenge-panel,.detail-faq,.related-signatures{padding-inline:20px}.detail-answer__panel{padding:24px 20px}.detail-faq__item p{margin-left:0}.related-signatures__grid{grid-template-columns:1fr}.database-group__grid .meter-card:first-child,.related-signatures__grid .meter-card:first-child{--card-accent:var(--green)}.database-group__grid .meter-card:nth-child(2),.related-signatures__grid .meter-card:nth-child(2){--card-accent:var(--yellow)}.database-group__grid .meter-card:nth-child(3),.related-signatures__grid .meter-card:nth-child(3){--card-accent:var(--cyan)}.database-group__grid .meter-card:nth-child(4),.related-signatures__grid .meter-card:nth-child(4){--card-accent:var(--pink)}.database-group__grid .meter-card:nth-child(5),.related-signatures__grid .meter-card:nth-child(5){--card-accent:var(--violet)}.database-group__grid .meter-card:nth-child(6),.related-signatures__grid .meter-card:nth-child(6){--card-accent:var(--orange)}.database-group__grid .meter-card:nth-child(7),.related-signatures__grid .meter-card:nth-child(7){--card-accent:var(--blue)}.database-group--simple .database-group__grid .meter-card:first-child{--card-accent:var(--green)}.database-group--simple .database-group__grid .meter-card:nth-child(2){--card-accent:var(--yellow)}.database-group--simple .database-group__grid .meter-card:nth-child(3){--card-accent:var(--cyan)}.database-group--simple .database-group__grid .meter-card:nth-child(4){--card-accent:var(--pink)}.database-group--simple .database-group__grid .meter-card:nth-child(5){--card-accent:var(--violet)}.database-group--compound .database-group__grid .meter-card:first-child{--card-accent:var(--cyan)}.database-group--compound .database-group__grid .meter-card:nth-child(2){--card-accent:var(--pink)}.database-group--compound .database-group__grid .meter-card:nth-child(3){--card-accent:var(--violet)}.database-group--compound .database-group__grid .meter-card:nth-child(4){--card-accent:var(--orange)}.database-group--complex .database-group__grid .meter-card:first-child{--card-accent:var(--violet)}.database-group--complex .database-group__grid .meter-card:nth-child(2){--card-accent:var(--orange)}.database-group--complex .database-group__grid .meter-card:nth-child(3){--card-accent:var(--blue)}.database-group--complex .database-group__grid .meter-card:nth-child(4){--card-accent:var(--green)}.database-group--complex .database-group__grid .meter-card:nth-child(5){--card-accent:var(--yellow)}.database-group--complex .database-group__grid .meter-card:nth-child(6){--card-accent:var(--cyan)}.database-group--complex .database-group__grid .meter-card:nth-child(7){--card-accent:var(--pink)}.database-group--complex .database-group__grid .meter-card:nth-child(8){--card-accent:var(--violet)}.section-heading{display:block}.section-heading>p{text-align:left;margin-top:18px}.meter-grid{grid-template-columns:1fr}.challenge-panel__heading{align-items:end}.challenge-start{grid-template-columns:1fr}.challenge-start .pixel-button{grid-column:auto}.challenge-round__meter{margin-top:14px;position:static}.answer-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;padding-inline:20px}.definition-section,.comparator-section,.database-section{padding-inline:20px}.comparator-panel{padding:20px}.comparator-tabs{grid-template-columns:repeat(2,1fr)}.comparator-beat-row{justify-content:flex-start;gap:14px;padding:0 4px;overflow-x:auto}.comparator-panel__footer,.database-section__intro{display:block}.comparator-panel__footer .pixel-button{margin-top:20px}.database-section__intro>p{text-align:left;margin-top:18px}.database-group__grid{grid-template-columns:1fr}.database-section--preview .database-group__grid .meter-card:nth-child(n+2){display:none}.site-footer--expanded{display:flex}.site-footer__links{width:100%}.site-footer__signature-list{grid-template-columns:repeat(3,minmax(72px,1fr))}}.game-shell{background:#080c1cd1;border-inline:2px solid #2a396eb3;flex-direction:column;gap:24px;width:min(1180px,100%);min-height:720px;margin:0 auto;padding:clamp(24px,5vw,58px) clamp(20px,5vw,72px) 72px;display:flex}.game-shell--correct{animation:.4s steps(2,end) game-success-flash}.game-topbar{border-bottom:2px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-bottom:18px;display:grid}.game-topbar__left{gap:8px;display:grid}.game-topbar__label,.game-progress__label,.game-play-count{color:var(--pink);letter-spacing:.1em;font-size:.68rem;font-weight:800}.game-progress{gap:8px;min-width:min(420px,42vw);display:grid}.game-progress__track{background:var(--panel-strong);border:2px solid var(--line);height:12px;padding:2px}.game-progress__fill{background:var(--cyan);height:100%;transition:width .25s steps(4,end);box-shadow:0 0 12px #55f6ff59}.game-exit{min-width:92px;min-height:38px;color:var(--muted);border:2px solid var(--line);letter-spacing:.1em;text-align:center;background:0 0;justify-content:center;justify-self:end;align-items:center;padding:0 14px;font-size:.68rem;font-weight:800;line-height:1;transition:color .15s,border-color .15s,transform .15s;display:inline-flex}.game-exit:hover,.game-exit:focus-visible{color:var(--pink);border-color:var(--pink);transform:translateY(-2px)}.game-combo{color:var(--green);letter-spacing:.08em;text-shadow:0 0 18px #65f7a25c;align-self:center;font-size:clamp(1rem,2vw,1.45rem);font-weight:800}.game-combo--empty{color:var(--muted);text-shadow:none}.game-combo--pulse{animation:.3s steps(2,end) game-combo-pop}.game-stage{text-align:center;flex:1;align-content:center;justify-items:center;gap:22px;min-height:450px;padding:26px 0 34px;display:grid;position:relative}.game-question{justify-items:center;gap:10px;display:grid}.game-question__title{color:var(--text);letter-spacing:.05em;margin:0;font-size:clamp(1.15rem,3vw,1.9rem)}.game-question__meter{color:var(--cyan);letter-spacing:-.08em;font-size:clamp(2rem,6vw,4.25rem);font-weight:800}.game-question__hint{max-width:620px;color:var(--muted);margin:0;font-size:.72rem;line-height:1.7}.game-play-control{justify-items:center;gap:12px;display:grid}.game-play-orb{width:clamp(142px,22vw,210px);height:clamp(142px,22vw,210px);color:var(--bg);background:var(--cyan);border:5px solid var(--cyan);border-radius:50%;place-items:center;font-size:clamp(2.3rem,5vw,4rem);transition:transform .18s steps(2,end),background .18s,border-color .18s;display:grid;position:relative;box-shadow:0 0 0 8px #55f6ff1a,0 0 42px #55f6ff47}.game-play-orb:hover,.game-play-orb:focus-visible{background:var(--pink);border-color:var(--pink);transform:scale(1.04)}.game-play-orb--playing{background:var(--pink);border-color:var(--pink);box-shadow:0 0 0 8px #ff4fd81f,0 0 46px #ff4fd852}.game-wave{opacity:0;pointer-events:none;border:3px solid;border-radius:50%;position:absolute;inset:-20px}.game-wave--active{animation:1.2s steps(3,end) infinite game-wave-expand}.game-wave:before,.game-wave:after{border:inherit;border-radius:inherit;content:"";position:absolute;inset:18px}.game-wave:after{inset:38px}.game-play-count{color:var(--muted)}.game-answers{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(860px,100%);display:grid}.game-answer{min-height:70px;color:var(--text);background:var(--panel-strong);border:3px solid var(--line);letter-spacing:.04em;padding:12px 16px;font-size:clamp(.82rem,1.8vw,1.08rem);font-weight:800;transition:transform .15s steps(2,end),border-color .15s,background .15s,color .15s;box-shadow:4px 4px #0003}.game-answer:hover:not(:disabled),.game-answer:focus-visible{border-color:var(--cyan);transform:translateY(-3px)}.game-answer:disabled{cursor:default}.game-answer--correct{color:var(--bg);background:var(--green);border-color:var(--green);box-shadow:0 0 20px #65f7a252}.game-answer--wrong{border-color:var(--danger);background:#ff647c2e;animation:.4s steps(4,end) game-answer-shake}.game-answer--reveal{color:var(--bg);background:var(--green);border-color:var(--green);animation:.4s steps(2,end) game-answer-reveal}.game-feedback{min-height:28px;color:var(--muted);margin:0;font-size:.75rem;line-height:1.5}.game-feedback--correct{color:var(--green)}.game-feedback--wrong{color:var(--danger)}.game-toast{width:min(640px,100%);color:var(--text);border:2px solid var(--yellow);box-shadow:var(--pixel-shadow);text-align:left;background:#151d3cfa;padding:13px 16px;font-size:.72rem;line-height:1.55;animation:.2s steps(2,end) game-toast-in}.game-toast--visible{display:block}.game-next{min-height:44px;color:var(--bg);background:var(--cyan);letter-spacing:.08em;border:0;padding-inline:18px;font-size:.7rem;font-weight:800}.game-result{text-align:center;justify-items:center;gap:18px;width:min(860px,100%);margin:0 auto;padding:22px 0 10px;display:grid}.game-result__badge{color:var(--yellow);letter-spacing:.12em;font-size:.75rem;font-weight:800}.game-result__title{letter-spacing:.04em;margin:0;font-size:clamp(1.7rem,4vw,3rem)}.game-result__subtitle{color:var(--muted);margin:-8px 0 0;font-size:.82rem}.game-result__score{color:var(--green);letter-spacing:-.08em;font-size:clamp(3rem,8vw,5.4rem);font-weight:800}.game-result__score-label{color:var(--muted);letter-spacing:.12em;margin:-14px 0 0;font-size:.65rem}.game-result__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.game-stat{background:var(--panel);border:2px solid var(--line);gap:8px;padding:18px;display:grid}.game-stat__label{color:var(--muted);letter-spacing:.08em;font-size:.65rem}.game-stat__value{color:var(--text);font-size:1.35rem;font-weight:800}.game-stat__value--xp{color:var(--green)}.game-accuracy{text-align:left;gap:13px;width:100%;display:grid}.game-accuracy__heading{color:var(--text);letter-spacing:.08em;margin:2px 0 0;font-size:.78rem}.game-accuracy__row{color:var(--muted);grid-template-columns:60px 1fr 48px;align-items:center;gap:12px;font-size:.68rem;display:grid}.game-accuracy__needs{color:var(--pink);letter-spacing:.02em;font-size:.56rem;display:block}.game-accuracy__bar{background:var(--panel-strong);border:2px solid var(--line);height:14px}.game-accuracy__fill{background:var(--green);height:100%;transition:width .35s steps(4,end);display:block}.game-accuracy__fill--mid{background:var(--cyan)}.game-accuracy__fill--low{background:var(--pink)}.game-accuracy__percent{text-align:right}.game-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px;display:flex}@keyframes game-wave-expand{0%{opacity:.7;transform:scale(.72)}70%{opacity:.14;transform:scale(1.08)}to{opacity:0;transform:scale(1.26)}}@keyframes game-combo-pop{0%{transform:scale(1)}50%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes game-answer-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}@keyframes game-answer-reveal{0%,to{filter:brightness()}50%{filter:brightness(1.6)}}@keyframes game-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes game-success-flash{0%,to{box-shadow:inset 0 0 #65f7a200}35%{box-shadow:inset 0 0 0 3px #65f7a2d9,0 0 26px #65f7a22e}}@media (width<=760px){.game-shell{min-height:640px;padding-inline:20px}.game-topbar{grid-template-columns:1fr auto}.game-progress{grid-area:2/1/auto/-1;min-width:0}.game-combo{justify-self:end}.game-stage{min-height:420px;padding-top:14px}.game-answers{grid-template-columns:1fr}.game-answer{min-height:58px}.game-result__stats{grid-template-columns:1fr}.game-accuracy__row{grid-template-columns:50px 1fr 42px}}@media (prefers-reduced-motion:reduce){.game-wave--active,.game-combo--pulse,.game-answer--wrong,.game-answer--reveal,.game-toast,.game-shell--correct{animation:none}.game-progress__fill,.game-accuracy__fill{transition:none}}