:root{--navy:#2b2a55;--cream:#fffcf7;--on-accent:#1c1b33;--navy-accent:#2b2a55;--paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='96'%3E%3Cpath d='M0 12.5h40M0 22.5h40M0 32.5h40M0 42.5h40M0 52.5h40' stroke='%232B2A55' stroke-opacity='.075'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--navy-accent:#a9a6f0;--paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='96'%3E%3Cpath d='M0 12.5h40M0 22.5h40M0 32.5h40M0 42.5h40M0 52.5h40' stroke='%23EDE7D8' stroke-opacity='.06'/%3E%3C/svg%3E")}}:root[data-theme=dark]{--navy-accent:#a9a6f0;--paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='96'%3E%3Cpath d='M0 12.5h40M0 22.5h40M0 32.5h40M0 42.5h40M0 52.5h40' stroke='%23EDE7D8' stroke-opacity='.06'/%3E%3C/svg%3E")}.home{overflow-x:clip}body:has(.home) .site-footer{margin-top:0}.home h1,.home h2,.home h3{margin:0;line-height:1.1}.home p{margin:0}.home .wrap{max-width:1160px}.home-sprite{width:0;height:0;position:absolute;overflow:hidden}.home .paper{background-image:var(--paper)}.home .btn{padding:13px 26px;font-size:1.05rem}.home .cta-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.home .pill{letter-spacing:.02em;background:var(--surface-2);color:var(--ink-soft);border:1.5px solid var(--border);border-radius:999px;padding:3px 11px;font-size:.78rem;font-weight:700;display:inline-block}.home .pill.o{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}.home .pill.g{background:var(--gold-soft);color:var(--gold-ink);border-color:#0000}.home .pill.s{background:var(--success-soft);color:var(--success-ink);border-color:#0000}.home .pill.i{background:var(--info-soft);color:var(--info-ink);border-color:#0000}.home .tags{flex-wrap:wrap;gap:6px;display:flex}.home .arrow-link{color:var(--accent-text);font-weight:700;text-decoration:none}.home .arrow-link:hover{text-decoration:underline}.home .section-head{text-align:center;max-width:640px;margin:0 auto 40px}.home .section-head h2{font-size:clamp(32px,4.4vw,46px);font-weight:800}.home .section-head p{color:var(--ink-soft);margin-top:10px;font-size:1.1rem}.home .doodle{pointer-events:none;width:40px;height:40px;transform:rotate(var(--r,0deg));position:absolute;overflow:visible}.home .d-o{color:var(--accent)}.home .d-g{color:var(--gold)}.home .d-n{color:var(--navy-accent)}.home .side{display:none}@media (width>=1300px){.home .side{display:block}}@media (prefers-reduced-motion:no-preference){.home .drift{animation:6s ease-in-out infinite alternate home-drift}.home .drift.slow{animation-duration:8s;animation-delay:-3s}.home .drift.rev{animation-direction:alternate-reverse}.home .tw use{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite home-twinkle}.home .tw.slow use{animation-duration:3.7s;animation-delay:-1.3s}}@keyframes home-drift{0%{transform:translate(0, 0) rotate(var(--r,0deg))}to{transform:translate(8px, -16px) rotate(calc(var(--r,0deg) + 14deg))}}@keyframes home-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.7)}}.home .edge{background:var(--from);width:100%;height:56px;display:block}.home .edge path{fill:var(--to)}.home .edge.flip{background:var(--to);transform:scaleY(-1)}.home .edge.flip path{fill:var(--from)}@media (width<=600px){.home .edge{height:32px}}.home .game-staff{width:100%;height:auto;display:block}.home .sl{stroke:var(--staff-line);stroke-width:2px;stroke-linecap:round}.home .clef{color:var(--staff-line)}.home .hit{stroke:var(--gold);stroke-width:3px;stroke-dasharray:3 6;stroke-linecap:round}.home .hit-tri{fill:var(--gold)}.home .lbl{font-family:var(--font-display);text-anchor:middle;font-size:21px;font-weight:800}.home .game-head{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:2px 4px 8px;font-size:.85rem;font-weight:600;display:flex}.home .timer{background:var(--surface-2);border-radius:99px;height:5px;margin:0 4px 4px;overflow:hidden}.home .timer i{background:var(--success);border-radius:99px;width:62%;height:100%;display:block}.home .keys{grid-template-columns:repeat(7,1fr);gap:8px;margin-top:4px;display:grid}.home .keys span{background:var(--surface);border:2px solid var(--border);height:46px;font-family:var(--font-display);color:var(--ink);border-bottom-width:4px;border-radius:14px;place-items:center;font-size:1.25rem;font-weight:800;transition:transform .12s,background .12s,border-color .12s,color .12s;display:grid}.home .keys span.hot{background:var(--success-soft);border-color:var(--success);color:var(--success-ink);transform:translateY(2px)}.home .keys span.miss{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-ink);transform:translateY(2px)}@media (width<=600px){.home .keys{gap:5px}.home .keys span{border-radius:11px;height:40px;font-size:1.05rem}}.home .live{color:var(--accent)}.home .live .trail{fill:currentColor}.home .live .burst line{stroke:var(--success);stroke-width:3px;stroke-linecap:round}.home .h-hero{background-color:var(--bg);padding:40px 0 72px;position:relative}.home .hero-grid{grid-template-columns:1.02fr 1fr;align-items:center;gap:56px;display:grid}.home .h-hero h1{margin:14px 0 18px;font-size:clamp(42px,6.2vw,74px);font-weight:800;line-height:1}.home .h-hero h1 .swash{color:var(--accent);display:inline-block;position:relative}.home .h-hero h1 .swash svg{width:100%;height:.28em;position:absolute;bottom:-.14em;left:0;right:0;overflow:visible}.home .promise{color:var(--ink-soft);max-width:30em;font-size:1.2rem}.home .trust{color:var(--muted);flex-wrap:wrap;gap:6px 20px;margin:24px 0 0;padding:0;font-size:.95rem;font-weight:600;list-style:none;display:flex}.home .trust li{align-items:center;gap:6px;display:flex}.home .trust svg{color:var(--success)}.home .hero-art{position:relative}.home .game-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1.5px solid var(--border);padding:18px 18px 22px;position:relative;transform:rotate(1.2deg)}@media (width<=860px){.home .hero-grid{grid-template-columns:1fr;gap:36px}.home .h-hero{padding-top:20px}.home .game-card{transform:none}}.home .modes{padding:8px 0 24px}.home .modes-row{flex-direction:column;align-items:center;gap:8px;display:flex}.home .modes-label{font-family:var(--font-display);color:var(--muted);white-space:nowrap;font-size:1.05rem;font-weight:700}.home .chips{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:6px 2px 10px;list-style:none;display:flex}.home .chips a{background:var(--surface);border:2px solid var(--border);color:var(--ink);white-space:nowrap;border-bottom-width:4px;border-radius:999px;align-items:center;gap:9px;padding:8px 16px 8px 8px;font-weight:700;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.home .chips a:hover{border-color:var(--accent);transform:translateY(-2px)}.home .chips .ic{border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.home .chips li:nth-child(4n+1) .ic{background:var(--accent-soft);color:var(--accent-text)}.home .chips li:nth-child(4n+2) .ic{background:var(--gold-soft);color:var(--gold-ink)}.home .chips li:nth-child(4n+3) .ic{background:var(--info-soft);color:var(--info-ink)}.home .chips li:nth-child(4n+4) .ic{background:var(--success-soft);color:var(--success-ink)}@media (width<=1000px){.home .chips{gap:8px}.home .chips a{gap:7px;padding:6px 12px 6px 6px;font-size:.95rem}.home .chips .ic{width:28px;height:28px}}@media (width<=860px){.home .modes-row{align-items:stretch;gap:6px}.home .chips{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin:0 -16px;padding-left:16px;padding-right:16px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 40px),#0000)}.home .chips::-webkit-scrollbar{display:none}}.home .features{padding:72px 0 40px;position:relative}.home .row{grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-bottom:96px;display:grid}.home .row:last-child{margin-bottom:40px}.home .row.flip .row-text{order:2}.home .row-text h3{margin:12px 0 14px;font-size:clamp(30px,3.6vw,42px);font-weight:800}.home .row-text p{color:var(--ink-soft);max-width:30em;margin-bottom:16px;font-size:1.1rem}.home .shot{position:relative}.home .shot .blob{z-index:0;border-radius:44% 56% 52% 48%/52% 44% 56% 48%;position:absolute;inset:-7% -9% -12% 9%}.home .row.flip .blob{inset:-7% 9% -12% -9%}@media (prefers-reduced-motion:no-preference){.home .shot .blob{animation:16s ease-in-out infinite alternate home-lava}.home .row:nth-child(2) .blob{animation-duration:19s;animation-delay:-6s}.home .row:nth-child(3) .blob{animation-duration:14s;animation-delay:-9s}.home .row:nth-child(4) .blob{animation-duration:21s;animation-delay:-3s}}@keyframes home-lava{0%{border-radius:44% 56% 52% 48%/52% 44% 56% 48%;transform:rotate(0)scale(1)}33%{border-radius:58% 42% 38% 62%/46% 60% 40% 54%;transform:rotate(5deg)scale(1.03,.98)}66%{border-radius:38% 62% 60% 40%/62% 38% 58% 42%;transform:rotate(-4deg)scale(.98,1.04)}to{border-radius:52% 48% 44% 56%/40% 56% 44% 60%;transform:rotate(3deg)scale(1.02)}}.home .frame{z-index:1;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:16px 18px 18px;position:relative}.home .frame-top{font-family:var(--font-display);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;font-weight:700;display:flex}@media (width<=860px){.home .row{grid-template-columns:1fr;gap:28px;margin-bottom:72px}.home .row .shot{order:-1}.home .row.flip .row-text{order:0}}.home .session{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:8px;font-size:.72rem;font-weight:700;display:flex}.home .session b{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:2px;font-size:.62rem}.home .session span{border:1.5px solid var(--border);font-family:var(--font-display);border-radius:999px;align-items:center;gap:2px;padding:1px 7px 1px 6px;display:inline-flex}.home .session i{background:var(--ring);border-radius:50%;width:5px;height:5px}.home .session i:first-of-type{margin-left:3px}.home .session i.g{background:var(--success)}.home .session i.x{background:var(--danger)}.home .songline{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:.78rem;display:flex}.home .sdots{align-items:center;gap:3px;display:flex}.home .sdots i{background:var(--border);border-radius:50%;width:6px;height:6px}.home .sdots i.d{background:var(--info)}.home .sdots i.c{background:var(--gold);width:9px;height:9px}.home .mastery{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.home .mcard{background:var(--surface-2);border:1.5px solid var(--border);border-radius:14px;padding:9px 9px 8px}.home .mcard .top{justify-content:space-between;align-items:center;display:flex}.home .mcard b{font-family:var(--font-display);font-size:1.3rem;line-height:1}.home .stars{letter-spacing:1px;color:var(--ring);font-size:.62rem}.home .stars em{color:var(--gold);font-style:normal}.home .tag{border-radius:999px;margin-top:6px;padding:2px 7px;font-size:.62rem;font-weight:700;line-height:1.3;display:inline-block}.home .tag.fa{background:var(--success-soft);color:var(--success-ink)}.home .tag.sa{background:var(--gold-soft);color:var(--accent-text)}.home .tag.si{background:var(--danger-soft);color:var(--danger-ink)}.home .mdots{gap:3px;margin-top:6px;display:flex}.home .mdots i{background:var(--success);border-radius:50%;width:6px;height:6px}.home .mdots i.x{background:var(--danger)}@media (width<=420px){.home .mastery{grid-template-columns:repeat(2,1fr)}}.home .loud{background-color:var(--gold-soft);padding:40px 0 64px;position:relative;overflow:hidden}.home .loud-title{letter-spacing:-.02em;flex-direction:column;align-items:center;gap:.08em;margin:10px 0 36px;font-size:clamp(54px,13.5vw,136px);font-weight:800;line-height:.92;display:flex}.home .blk{border-radius:.12em;padding:.06em .32em .02em;display:block}.home .b1{background:var(--accent);color:var(--on-accent);box-shadow:.07em .07em 0 var(--navy);transform:rotate(-4deg)translate(-.5em)}.home .b2{background:var(--gold);color:var(--on-accent);box-shadow:.07em .07em 0 var(--navy);transform:rotate(2.5deg)translate(.45em)}.home .b3{background:var(--navy);color:var(--cream);box-shadow:.07em .07em 0 var(--accent);outline:3px solid #0000;transform:rotate(-2deg)translate(-.1em)}:root[data-theme=dark] .home .b1,:root[data-theme=dark] .home .b2{box-shadow:.07em .07em #000}:root[data-theme=dark] .home .b3{outline-color:var(--cream)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .home .b1,:root:not([data-theme=light]) .home .b2{box-shadow:.07em .07em #000}:root:not([data-theme=light]) .home .b3{outline-color:var(--cream)}}@media (width<=600px){.home .loud-title{font-size:15.5vw}.home .b1{transform:rotate(-4deg)translate(-.2em)}.home .b2{transform:rotate(2.5deg)translate(.2em)}.home .loud .doodle:nth-of-type(n+3){display:none}}.home .loud-sub{text-align:center;color:var(--ink-soft);max-width:34em;margin:0 auto 36px;font-size:1.15rem}.home .strands{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.home .strands a{background:var(--surface);border-radius:var(--radius-md);height:100%;color:var(--ink);box-shadow:var(--shadow-sm);border:1.5px solid var(--border);border-top:8px solid var(--c);padding:22px 22px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.home .strands a:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)rotate(-.5deg)}.home .strands h3{align-items:center;gap:10px;margin:4px 0 8px;font-size:1.5rem;font-weight:800;display:flex}.home .strands .num{background:var(--c);width:32px;height:32px;color:var(--cn);border-radius:50%;place-items:center;font-size:1.05rem;display:grid}.home .strands p{color:var(--ink-soft);margin-bottom:14px}.home .loud .cta{text-align:center;margin-top:32px}@media (width<=860px){.home .strands{grid-template-columns:1fr}}.home .dark{background:var(--navy);color:var(--cream);padding:48px 0 72px;position:relative;overflow:hidden}.home .dark-grid{grid-template-columns:1fr 1.05fr;align-items:center;gap:56px;display:grid}.home .dark h2{font-size:clamp(38px,5vw,60px);font-weight:800}.home .dark-copy>p{color:#fffcf7d1;max-width:30em;margin:14px 0 22px;font-size:1.12rem}.home .ladder{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:flex}.home .ladder li{border:2px solid #fffcf74d;border-radius:999px;padding:7px 16px;font-weight:700}.home .ladder li.on{background:var(--gold);border-color:var(--gold);color:#1c1b33}.home .ladder small{opacity:.75;margin-left:4px;font-weight:600}.home .ladder svg{color:#fffcf78c}.home .ladder .sep{border:0;padding:0}.home .dark .cta-row{margin-top:0}.home .dark .btn.ghost{color:var(--cream);background:0 0;border-color:#fffcf773;box-shadow:0 4px #fffcf74d}.home .dark .btn.primary{color:#1c1b33;background:#ff6b35;border-color:#ff6b35;box-shadow:0 4px #c8601a}.home .arcade{background:var(--surface);color:var(--ink);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px 18px;position:relative;transform:rotate(-1.2deg);box-shadow:0 24px 60px #00000059}.home .arcade .game-head{margin:12px 0 6px}.home .hud{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.home .hud div{border:1.5px solid var(--border);background:var(--surface);border-radius:12px;padding:6px 10px}.home .hud small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.6rem;font-weight:700;display:block}.home .hud b{font-family:var(--font-mono);color:var(--ink);font-size:1.15rem}.home .hud b.o{color:var(--accent-text)}.home .hud b.s{color:var(--success-ink)}.home .hud b.x{color:var(--danger-ink)}@media (width<=860px){.home .dark-grid{grid-template-columns:1fr;gap:40px}.home .arcade{transform:none}}.home .learn{background-color:var(--bg-2);padding:80px 0;position:relative}.home .learn-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.home .learn-grid a{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);height:100%;color:var(--ink);flex-direction:column;padding:18px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.home .learn-grid a:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.home .learn-grid .art{background:var(--surface-2);height:72px;color:var(--staff-line);border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.home .learn-grid h3{margin-bottom:6px;font-size:1.25rem;font-weight:800}.home .learn-grid p{color:var(--ink-soft);flex:1;margin-bottom:12px;font-size:.95rem}@media (width<=1000px){.home .learn-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.home .learn-grid{grid-template-columns:1fr 1fr}}@media (width<=420px){.home .learn-grid{grid-template-columns:1fr}}.home .founder{padding:72px 0 8px}.home .note-card{background:var(--surface);max-width:680px;box-shadow:var(--shadow-sm);border:1.5px solid var(--border);background-image:var(--paper);border-radius:6px 22px 18px 24px;margin:0 auto;padding:26px 30px 24px;position:relative;transform:rotate(-.8deg)}.home .note-card:before{content:"";background:var(--gold);opacity:.55;border-radius:3px;width:96px;height:24px;margin-left:-48px;position:absolute;top:-12px;left:50%;transform:rotate(-3deg)}.home .note-card q{font-family:var(--font-display);font-size:1.45rem;font-weight:700;line-height:1.25;display:block}.home .note-card .by{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-weight:600;display:flex}.home .h-faq{padding:72px 0 88px;position:relative}.home .faq-list{max-width:760px;margin:0 auto}.home .h-faq details{border-bottom:1.5px solid var(--border)}.home .h-faq summary{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-size:1.3rem;font-weight:700;list-style:none;display:flex}.home .h-faq summary::-webkit-details-marker{display:none}.home .h-faq .plus{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;transition:transform .2s;display:grid}.home .h-faq details[open] .plus{transform:rotate(45deg)}.home .h-faq details p{color:var(--ink-soft);max-width:40em;padding:0 4px 22px}.home .final{background:var(--accent);color:var(--on-accent);text-align:center;padding:40px 0 96px;position:relative;overflow:hidden}.home .final h2{max-width:14em;margin:0 auto;font-size:clamp(36px,5.4vw,64px);font-weight:800}.home .final p{opacity:.9;margin:14px 0 0;font-size:1.15rem;font-weight:600}.home .final .cta-row{justify-content:center;margin-top:30px}.home .final .btn{background:var(--navy);border-color:var(--navy);color:var(--cream);padding:15px 32px;font-size:1.15rem;box-shadow:0 5px #14132e}.home .final .btn.alt{color:var(--on-accent);border-color:var(--on-accent);box-shadow:none;background:0 0}.home .final .btn:hover{border-color:var(--navy);color:var(--cream);box-shadow:0 7px #14132e}.home .final .btn.alt:hover{border-color:var(--on-accent);color:var(--on-accent);box-shadow:none}.home .dark .btn.ghost:hover{border-color:var(--cream);color:var(--cream);box-shadow:0 6px #fffcf74d}.home .dark .btn.primary:hover{box-shadow:0 6px #c8601a}.home .final .doodle{color:var(--on-accent);opacity:.35}