@font-face{font-family:Lilita One;src:url(../assets/fonts/LilitaOne-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Nunito;src:url(../assets/fonts/Nunito-400.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(../assets/fonts/Nunito-700.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(../assets/fonts/Nunito-800.ttf)format("truetype");font-weight:800;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1230;--surface:#16214d;--surface2:#1f2e66;--edge:#050a1e;--border:#33416c;--text:#f4f6ff;--text2:#b9c6e4;--text3:#929fbe;--accent:#ffc93c;--accent-hover:#ffe08a;--gold:#ffc93c;--key-c:#ff5c6c;--key-d:#ff8a3d;--key-e:#ffc93c;--key-g:#7bdb5a;--key-a:#2ed3c6;--key-b:#4c9bff;--gem:#8e6cff;--key-shadow:#00000030;--hairline:#f4f6ff22;--halo:#4c9bff12;--glass:#0b1230f5;--shadow:#050a1e66;--blue:#4c9bff;--blue-edge:#1a57b8;--green:#2fd06a;--green-edge:#1a8a41;--gold-edge:#c77700;--highlight:#ffffff47;--shade:#00000038;--panel-shadow:inset 0 1px 0 var(--hairline), inset 0 -2px 0 var(--shade), 0 3px 0 var(--edge);--control-shadow:inset 0 2px 0 var(--highlight), inset 0 -3px 0 var(--shade), 0 3px 0 var(--edge);--press-shadow:inset 0 1px 0 var(--highlight), inset 0 -1px 0 var(--shade), 0 1px 0 var(--edge);--font-body:Nunito, ui-rounded, system-ui, sans-serif;--font-display:"Lilita One", Nunito, system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.125rem;--text-xl:calc(clamp(1.25rem, 1.8vw, 1.625rem));--text-heading:calc(clamp(2rem, 3.3vw, 3rem));--text-display:calc(clamp(3.25rem, 6vw, 5.25rem));--line-body:1.6;--line-title:1.04;--tracking-tight:-.025em;--tracking-label:.13em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--section-space:calc(clamp(3rem, 5vw, 4.5rem));--page:1120px;--gutter:calc(clamp(1.25rem, 5vw, 4rem));--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.125rem;--radius-round:100vmax;--control-height:2.75rem;--motion-fast:.11s;--motion-medium:.22s;--motion-slow:.42s;--motion-stagger:40ms;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-9);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:400 var(--text-base)/var(--line-body) var(--font-body);margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.25em}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}a,button,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{color:var(--bg);background:var(--accent)}figure,h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;letter-spacing:var(--tracking-tight)}h1,h2{font:400 var(--text-heading)/var(--line-title) var(--font-display)}h3{font-size:var(--text-xl);font-weight:800;line-height:1.2}p{text-wrap:pretty}.wrap{width:min(100% - var(--gutter) * 2,var(--page));margin-inline:auto}.section{padding-block:var(--section-space)}.kicker{margin-bottom:var(--space-5);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent);font-weight:800}.lead{font-size:var(--text-md);color:var(--text2)}.note{font-size:var(--text-sm);color:var(--text3)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{top:var(--space-3);left:var(--space-4);z-index:50;background:var(--accent);color:var(--bg);padding:var(--space-3) var(--space-5);position:fixed;transform:translateY(-200%)}.skip:focus{transform:none}.bar{z-index:20;background:var(--glass);border-bottom:1px solid var(--hairline);position:sticky;top:0}.top{gap:var(--space-6);min-height:72px;display:flex}.brand,.btn,.nav a,.text-link,.top{align-items:center}.brand{gap:var(--space-2);color:var(--text);font:400 1.5rem/1 var(--font-display);white-space:nowrap;text-decoration:none;display:inline-flex}.brand .run{color:var(--accent);margin-left:calc(var(--space-2) * -1)}.brand img{-o-object-fit:contain;object-fit:contain;width:36px;height:34px;margin-right:var(--space-1)}.nav{justify-content:center;gap:var(--space-7);margin-left:auto;margin-right:var(--space-6);display:flex}.nav a{min-height:var(--control-height);font-size:var(--text-sm);color:var(--text2);transition:color var(--motion-fast) var(--ease);font-weight:700;text-decoration:none;display:inline-flex}.nav a:hover,.nav a[aria-current]{color:var(--accent)}.btn{justify-content:center;gap:var(--space-4);min-height:48px;padding:var(--space-3) var(--space-4);border:2px solid var(--edge);border-radius:var(--radius-md);background:var(--accent);color:var(--edge);box-shadow:var(--control-shadow);transition:transform var(--motion-fast) var(--ease),background var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease);font-weight:800;line-height:1.1;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn:active{box-shadow:var(--press-shadow);transform:translateY(2px)scale(.98)}.btn.small{min-height:var(--control-height);font:400 var(--text-base)/1.1 var(--font-display);padding-inline:var(--space-5)}.btn.small>span,.store>span:nth-child(2){font-size:var(--text-lg)}.store{text-align:left;gap:var(--space-3);min-width:184px}.store svg{flex-shrink:0;width:22px;height:25px}.store small{margin-bottom:var(--space-1);letter-spacing:.04em;font-size:.625rem;font-weight:700;display:block}.store>span:last-child{margin-left:var(--space-5);font-size:var(--text-lg)}.text-link{gap:var(--space-3);min-height:var(--control-height);font-size:var(--text-sm);font-weight:800;text-decoration:none;display:inline-flex}.text-link:hover{text-decoration:underline}.play-outline{border:1px solid var(--border);border-radius:var(--radius-round);width:32px;height:32px;font-size:var(--text-lg);place-items:center;display:grid}.hero{gap:var(--space-6);min-height:560px;padding-block:var(--space-6);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-copy{z-index:2;padding-block:var(--space-4);position:relative}.hero .kicker{align-items:center;gap:var(--space-3);color:var(--text2);display:flex}.live-dot{background:var(--accent);border-radius:var(--radius-round);width:7px;height:7px;display:inline-block}.hero h1{font-size:var(--text-display);letter-spacing:-.035em;margin-bottom:var(--space-6);text-shadow:0 3px 0 var(--edge);line-height:.98}.hero h1 span{color:var(--accent)}.hero .lead{max-width:42ch;margin-bottom:var(--space-6)}.hero-actions{align-items:center;gap:var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.hero-art{isolation:isolate;min-width:0;height:470px;position:relative}.stage-orbit{background:radial-gradient(ellipse,var(--surface2),var(--halo) 60%,transparent 72%);z-index:-2;border-radius:50%;position:absolute;inset:9% -3% 7%}.stage-orbit:after{content:"";border:2px dashed var(--border);border-radius:inherit;opacity:.4;position:absolute;inset:8%}.hero-phone{border:4px solid var(--edge);border-radius:var(--radius-lg);width:204px;box-shadow:12px 24px 64px var(--shadow);position:absolute;top:8px;left:40%;overflow:hidden;transform:rotate(8deg)}.hero-phone img{width:100%}.hero-fan{align-items:flex-end;display:flex;position:absolute;bottom:86px;left:0;transform:rotate(-10deg)}.note-card{width:78px;height:118px;padding:var(--space-2);border:2px solid var(--edge);border-radius:var(--radius-md);box-shadow:inset 0 -8px 0 var(--key-shadow),0 10px 24px var(--shadow);color:var(--edge);font:400 2.5rem/1 var(--font-display);flex-direction:column;justify-content:space-between;display:flex}.note-card span{font-size:var(--text-xl);align-self:flex-end}.note-card b{font-weight:400}.note-card:first-child{transform:rotate(-16deg)translateY(12px)}.note-card:nth-child(2){margin-left:-25px;transform:rotate(-2deg)translateY(-8px)}.note-card:nth-child(3){margin-left:-25px;transform:rotate(13deg)}.note-c{--note-color:var(--key-c)}.note-a,.note-c,.note-d,.note-e,.note-g{background:var(--note-color)}.note-d{--note-color:var(--key-d)}.note-e{--note-color:var(--key-e)}.note-g{--note-color:var(--key-g)}.note-a{--note-color:var(--key-a)}.score-ticket{border:2px solid var(--edge);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--panel-shadow);position:absolute;top:44px;left:0;transform:rotate(-6deg)}.score-ticket>span{text-transform:uppercase;letter-spacing:.1em;color:var(--text2);font-size:.625rem;font-weight:800}.score-ticket>div{gap:var(--space-3);font:400 2rem/1.2 var(--font-display);margin-block:var(--space-3) var(--space-2);align-items:center;display:flex}.score-ticket b{color:var(--text);background:var(--blue);padding:0 var(--space-2);border:2px solid var(--edge);border-radius:var(--radius-sm);box-shadow:var(--control-shadow);text-shadow:0 3px 0 var(--edge);font-weight:400}.score-ticket b:last-child{background:var(--key-c)}.score-ticket i{color:var(--text3);font:400 var(--text-xl) var(--font-body)}.score-ticket small{text-transform:uppercase;letter-spacing:.1em;color:var(--text3);justify-content:space-between;font-size:.625rem;display:flex}.art-spark{color:var(--accent);font-size:2.5rem;position:absolute}.spark-one{top:5px;right:0}.spark-two{color:var(--key-c);font-size:2rem;bottom:80px;left:44%}.hero-tag{color:var(--text2);font-size:var(--text-sm);letter-spacing:.02em;position:absolute;bottom:12px;left:16%;transform:rotate(-4deg)}.ribbon{background:var(--surface);color:var(--text);padding-block:var(--space-4);border-block:2px solid var(--edge);box-shadow:inset 0 2px 0 var(--hairline),inset 0 -4px 0 var(--shade)}.ribbon .wrap{justify-content:space-between;gap:var(--space-5)}.ribbon .wrap,.ribbon span{align-items:center;display:flex}.ribbon span{gap:var(--space-4);font-size:var(--text-sm);font-weight:800}.ribbon b{font-size:var(--text-lg);color:var(--gold);text-shadow:0 2px 0 var(--edge)}.demo-section{background:var(--bg);color:var(--text)}.demo-section .kicker{color:var(--blue)}.demo-layout{gap:var(--space-4) var(--space-8);grid-template-columns:1fr 1.1fr;align-items:center;display:grid}.demo-copy h2{margin-bottom:var(--space-5);font-size:calc(clamp(1.875rem,2.8vw,2.5rem))}.demo-copy h2 span{color:var(--gold)}.demo-copy>p:not(.kicker){max-width:43ch;color:var(--text2);font-size:var(--text-md)}.hand-arrow{color:var(--gold);font:400 3.5rem/1 var(--font-display);height:var(--space-8);margin-left:65%;display:block;transform:rotate(-20deg)}.demo{background:var(--surface);color:var(--text);padding:var(--space-5);border:2px solid var(--edge);border-radius:var(--radius-lg);box-shadow:var(--panel-shadow)}.demo-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.demo-label{font-size:var(--text-xs);color:var(--text2)}.naming{gap:var(--space-1);display:flex}.naming button{color:var(--text3);padding:var(--space-2);border-radius:var(--radius-sm);background:0 0;border:0;min-height:44px;font-size:.625rem;font-weight:800}.naming button[aria-pressed=true]{color:var(--accent);background:var(--surface)}.shape-options{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.shape-options button{border:2px solid var(--edge);border-radius:var(--radius-sm);background:var(--surface2);color:var(--text);min-height:44px;font:400 var(--text-base)/1.1 var(--font-display);padding:var(--space-2);box-shadow:var(--control-shadow);transition:transform var(--motion-fast) var(--ease),background var(--motion-medium) var(--ease),box-shadow var(--motion-fast) var(--ease)}.shape-options button[aria-pressed=true]{background:var(--gold);color:var(--edge);box-shadow:var(--press-shadow);transform:translateY(3px)}.shape-options button:active{transform:translateY(var(--space-1)) scale(.97);box-shadow:var(--press-shadow)}.sequencer{margin-block:var(--space-5);height:160px;position:relative}.sequence-notes{position:absolute;inset:0}.sequence-note{left:calc(var(--position) * 1%);top:calc(var(--level) * 1%);color:var(--edge);border:2px solid var(--edge);border-radius:var(--radius-sm);width:48px;height:54px;font:400 1.5rem/1 var(--font-display);box-shadow:var(--control-shadow);transition:transform var(--motion-medium) var(--spring);place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.sequence-note.is-playing{outline:3px solid var(--gold);outline-offset:4px;transform:translate(-50%,-50%)scale(1.12)}.shape-hint{color:var(--text2);font-size:var(--text-sm);min-height:2.8em}.demo-controls{margin-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.listen{min-height:44px;font:400 var(--text-base)/1.1 var(--font-display);padding-inline:var(--space-5);background:var(--blue);color:var(--text);text-shadow:0 2px 0 var(--blue-edge)}.listen-icon{font-size:var(--text-lg)}.sound-mark{align-items:center;gap:var(--space-1);height:28px;display:flex}.sound-mark i{background:var(--accent);border-radius:var(--radius-round);width:3px;height:8px;display:block}.sound-mark i:nth-child(2n){height:18px}.sound-mark i:nth-child(3){height:26px}.demo-disclaimer{font-size:var(--text-xs);color:var(--text3);text-align:center;margin-top:var(--space-3);grid-column:2}.demo-status.is-error{clip-path:none;white-space:normal;width:auto;height:auto;margin:var(--space-4) 0 0;font-size:var(--text-sm);color:var(--key-c);position:static}.section-heading{max-width:680px;margin-bottom:var(--space-6)}.section-heading h2{margin-bottom:var(--space-5)}.game-layout{gap:var(--space-8);grid-template-columns:.75fr 1fr;align-items:center;display:grid}.game-proof{background:var(--surface);border:2px solid var(--edge);border-radius:var(--radius-lg);width:min(100%,340px);box-shadow:var(--panel-shadow);justify-self:center;position:relative;overflow:hidden}.proof-label{padding:var(--space-3) var(--space-4);letter-spacing:.13em;border-bottom:1px solid var(--border);font-size:.625rem;font-weight:800}.proof-label span{color:var(--accent);margin-right:var(--space-2)}.game-proof img{width:min(82%,250px);height:auto;margin:var(--space-5) auto 0;-o-object-fit:contain;object-fit:contain;border:3px solid var(--edge);border-radius:var(--radius-md);display:block}.game-proof figcaption{border-top:1px solid var(--border);padding:var(--space-3) var(--space-4);color:var(--text2);font-size:var(--text-xs);margin-top:var(--space-4)}.game-steps{gap:var(--space-5);display:grid}.game-step{align-items:flex-start;gap:var(--space-5);padding-bottom:var(--space-3);display:flex}.game-step:last-child{border:0;padding-bottom:0}.step-number{border:2px solid var(--edge);border-radius:var(--radius-md);background:var(--blue);width:38px;height:38px;color:var(--text);box-shadow:var(--control-shadow);font:400 var(--text-lg)/1 var(--font-display);flex-shrink:0;place-items:center;display:grid;transform:rotate(-5deg)}.game-step h3{margin-bottom:var(--space-3)}.game-step p{color:var(--text2)}.band-section{background:var(--surface);border-block:1px solid var(--hairline)}.band-heading{gap:var(--space-8);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;align-items:end;display:grid}.band-heading h2 span{color:var(--accent)}.band-heading .lead{max-width:43ch}.band-members{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.musician{min-width:0;padding:var(--space-4);border:2px solid var(--edge);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--panel-shadow);position:relative}.musician-art{height:170px;margin-bottom:var(--space-5);place-items:center;display:grid;position:relative}.musician-art img{-o-object-fit:contain;object-fit:contain;width:auto;height:128px;filter:drop-shadow(0 12px 12px var(--shadow));position:relative;transform:rotate(-8deg)}.minimalist .musician-art img{transform:rotate(8deg)}.musician-aura{background:radial-gradient(circle,var(--key-e),transparent 70%);border-radius:var(--radius-round);opacity:.2;width:154px;height:154px;position:absolute}.minimalist .musician-aura{background:var(--key-a)}.pianist .musician-aura{background:var(--gem)}.musician-info{border-top:1px solid var(--border);padding-top:var(--space-4)}.musician-role{font-size:var(--text-xs);color:var(--text3);margin-bottom:var(--space-2)}.musician-info h3{font:400 var(--text-xl)/1.1 var(--font-display);margin-bottom:var(--space-3)}.musician-info>p:last-child{font-size:var(--text-sm);color:var(--text2);max-width:28ch}.bonus-stamp{color:var(--gold);font:400 2.25rem/1 var(--font-display);position:absolute;top:12px;right:14px;transform:rotate(10deg)}.minimalist .bonus-stamp{color:var(--key-a)}.pianist .bonus-stamp{color:var(--gem)}.band-footnote{text-align:center;color:var(--text3);font-size:var(--text-xs);margin-top:var(--space-7)}.tour-section{align-items:center;gap:var(--space-8);grid-template-columns:1.1fr 1fr;display:grid}.tour-copy h2{margin-bottom:var(--space-5)}.tour-copy .lead{max-width:42ch}.tour-stats{gap:var(--space-5);margin:var(--space-6) 0 var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.tour-stats dt{font:400 2.25rem/1.2 var(--font-display);color:var(--accent)}.tour-stats dd{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--text2)}.style-names{color:var(--text3);font-size:var(--text-xs)}.tour-art{justify-content:center;align-items:center;gap:var(--space-7);display:flex;position:relative}.map-phone{border:4px solid var(--edge);border-radius:var(--radius-lg);width:190px;box-shadow:0 24px 56px var(--shadow);overflow:hidden;transform:rotate(6deg)}.tour-track{height:310px;font-size:var(--text-xs);color:var(--accent);flex-direction:column;align-items:center;font-weight:800;display:flex}.tour-track span{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-round);flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.tour-track i{border-left:1px dashed var(--border);flex-grow:1;width:1px}.tour-track span:last-child{border-color:var(--accent)}.tour-crown{width:80px;position:absolute;top:0;right:0;transform:rotate(-15deg)}.daily{border:2px solid var(--edge);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--panel-shadow);margin-top:var(--space-5);padding:var(--space-5);gap:var(--space-5) var(--space-8);grid-column:1/-1;grid-template-columns:1.1fr 1fr;align-items:start;display:grid}.daily .kicker,.faq-list details{margin-bottom:var(--space-3)}.daily h3,.faq-list summary span{font-size:var(--text-xl)}.daily>p{color:var(--text2)}.daily .text-link{color:var(--accent);grid-column:2}.faq-section{background:var(--surface);color:var(--text);border-block:2px solid var(--edge)}.faq-section .kicker{color:var(--gold)}.faq-layout{gap:var(--space-8);grid-template-columns:.8fr 1.2fr;display:grid}.faq-list details{padding-inline:var(--space-5);border-radius:var(--radius-md);background:var(--bg);box-shadow:var(--panel-shadow)}.faq-list details,.faq-list details:first-child{border:2px solid var(--edge)}summary{justify-content:space-between;align-items:center;gap:var(--space-5);padding-block:var(--space-4);cursor:pointer;min-height:56px;font-weight:800;line-height:1.4;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.faq-list summary span{transition:transform var(--motion-medium) var(--ease);font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin-bottom:var(--space-5);color:var(--text2);font-size:var(--text-sm);max-width:65ch}.faq-section :focus-visible{outline-color:var(--gold)}.closing{text-align:center;overflow:hidden}.closing,.closing-content{position:relative}.closing h2{font-size:calc(clamp(2.5rem,4.5vw,4.25rem))}.closing h2 span{color:var(--accent)}.closing p:not(.kicker):not(.note){margin-top:var(--space-5);color:var(--text2)}.closing .store{margin-block:var(--space-6) var(--space-5)}.closing-spark{color:var(--accent);font-size:3rem;position:absolute;top:60px;right:2%;transform:rotate(15deg)}footer{border-top:1px solid var(--border);padding-block:var(--space-7) var(--space-6);color:var(--text3);font-size:var(--text-xs)}.footer-main{justify-content:space-between;align-items:start;gap:var(--space-6);display:flex}.footer-main .brand{font-size:1.5rem}.footer-main .brand img{width:36px}.footer-main p{margin-top:var(--space-3)}.links{gap:var(--space-5);color:var(--text2);flex-wrap:wrap;display:flex}.links a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.links a:hover{color:var(--accent)}.footer-bottom{justify-content:space-between;gap:var(--space-4);padding-top:var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--hairline);display:flex}.footer-bottom a{color:var(--text2)}.mobile-install{display:none}.legal{max-width:850px;padding-block:var(--space-8)}.legal h1{font-size:var(--text-heading);margin-bottom:var(--space-5)}.legal h2{font-family:var(--font-body);font-weight:800;font-size:var(--text-xl);margin-block:var(--space-7) var(--space-4)}.legal h3{font-size:var(--text-lg);margin-block:var(--space-5) var(--space-3)}.legal li,.legal p{color:var(--text2);margin-bottom:var(--space-4)}.legal strong{color:var(--text)}.legal a{color:var(--accent)}.legal ul{padding-left:var(--space-5)}.legal .meta{color:var(--text3);font-size:var(--text-sm)}.summary{gap:var(--space-4);margin-block:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.summary .card{background:var(--surface);padding:var(--space-5);border-radius:var(--radius-sm)}.summary h3{font-size:var(--text-base);margin-top:0}.summary p{font-size:var(--text-sm);margin:0}.scroll{overflow:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table td,.table th{border-bottom:1px solid var(--border);padding:var(--space-4);text-align:left;vertical-align:top}.table td{color:var(--text2)}.not-found{text-align:center;min-height:80vh;padding-block:var(--space-10)}.not-found img{margin:0 auto var(--space-6)}.not-found p{margin-block:var(--space-5) var(--space-6)}@keyframes card-arrive{0%{translate:0 16px}to{translate:0}}.hero-phone{animation:card-arrive var(--motion-slow) var(--ease) both}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}.btn:active,.btn:hover{transform:none}.sequence-note.is-playing{transform:translate(-50%,-50%)}}.language-switch{flex-shrink:0;margin-left:auto;position:relative}.language-switch summary{min-height:44px;padding:var(--space-2);gap:var(--space-2);font-size:var(--text-xs);color:var(--text2)}.language-switch .language-chevron{width:var(--space-3);height:var(--space-3);flex:none;display:block}.language-switch nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:155px;padding:var(--space-2);box-shadow:0 12px 24px var(--shadow);display:grid;position:absolute;top:100%;right:0}.language-switch nav a{min-height:44px;padding-inline:var(--space-3);color:var(--text2);align-items:center;text-decoration:none;display:flex}.language-switch nav a:hover,.language-switch nav a[aria-current]{color:var(--accent);background:var(--bg);border-radius:var(--radius-sm)}.top{gap:var(--space-5)}.nav{gap:var(--space-6);margin-right:0}.footer-languages{gap:var(--space-5);margin-top:var(--space-6);display:flex}.footer-languages a{min-height:44px;color:var(--text2);align-items:center;display:inline-flex}:lang(ja) h1,:lang(ja) h2{font-family:var(--font-body);letter-spacing:-.05em;font-weight:800;line-height:1.25}:lang(ja) .hero h1{font-size:calc(clamp(2.5rem,4.4vw,4rem))}:lang(ja) .kicker{letter-spacing:.08em}:lang(ja) .demo-copy h2{font-size:calc(clamp(1.75rem,2.4vw,2.25rem))}:lang(ja) .lead{line-height:1.8}.motion-toggle{color:var(--text2);min-height:44px;font-size:var(--text-xs);text-underline-offset:.25em;background:0 0;border:0;padding:0;text-decoration:underline}.motion-toggle[aria-pressed=true]{color:var(--accent)}.footer-bottom{align-items:center}html:has([data-reduced-motion=true]){scroll-behavior:auto}[data-reduced-motion=true] *,[data-reduced-motion=true] :after,[data-reduced-motion=true] :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}[data-reduced-motion=true] .btn:active,[data-reduced-motion=true] .btn:hover{transform:none}@media (width>=1600px){.hero{min-height:580px}}@media (width<=1100px){.top{gap:var(--space-4);min-height:68px}.nav{gap:var(--space-5)}.hero{gap:var(--space-4);min-height:520px}.hero h1{font-size:calc(clamp(3.25rem,6.7vw,4.75rem))}.hero-art{height:430px}.hero-phone{width:185px;top:8px;left:39%}.hero-fan{bottom:74px}.note-card{width:70px;height:108px}.score-ticket{padding:var(--space-3);top:28px}.score-ticket>div{font-size:1.75rem}.hero-actions{gap:var(--space-4)}.hero-actions .text-link,.ribbon span{font-size:var(--text-xs)}.hero-tag{left:10%}.ribbon span{gap:var(--space-2)}.ribbon .wrap{gap:var(--space-3)}.demo-layout{gap:var(--space-4) var(--space-6)}.demo{padding:var(--space-4)}.band-heading,.game-layout,.tour-section{gap:var(--space-7)}.tour-art{gap:var(--space-5)}.map-phone{width:175px}.tour-crown{width:75px}.footer-main{gap:var(--space-4);flex-direction:column}}@media (width<=800px){.hero{gap:var(--space-4);padding-block:var(--space-6);grid-template-columns:minmax(0,1fr)}.hero-copy{text-align:center;padding-block:var(--space-2)}.hero .kicker,.hero-actions,.ribbon .wrap{justify-content:center}.hero h1{font-size:calc(clamp(3.25rem,9vw,4.5rem))}.hero .lead{max-width:44ch;margin-inline:auto}.hero-art{width:min(380px,100%);height:430px;margin-inline:auto}.hero-phone{width:185px;top:0}.hero-fan{bottom:76px}.score-ticket{top:35px}.hero-tag{left:15%}.spark-two{bottom:54px}.ribbon .wrap{gap:var(--space-2) var(--space-5);flex-wrap:wrap}.demo-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.demo-copy{max-width:540px}.demo-copy h2{font-size:var(--text-heading)}.hand-arrow,.tour-track{display:none}.demo{width:100%;padding:var(--space-5)}.demo,.demo-disclaimer{justify-self:center;max-width:480px}.demo-disclaimer{grid-column:1;margin-top:0}.band-heading,.section-heading{margin-bottom:var(--space-5)}.game-layout{gap:var(--space-5);grid-template-columns:.85fr 1fr}.game-proof img{width:min(88%,230px)}.game-steps{gap:var(--space-5)}.game-step{gap:var(--space-3);padding-bottom:var(--space-3)}.daily h3,.game-step h3,.musician-info h3{font-size:var(--text-lg)}.game-step p{font-size:var(--text-sm)}.game-proof figcaption,.proof-label{padding:var(--space-3)}.band-heading{gap:var(--space-4);grid-template-columns:1fr}.band-heading .lead{max-width:55ch}.band-members{gap:var(--space-4)}.musician-art{height:135px}.musician-art img{max-width:95%;height:105px}.musician-aura{width:125px;height:125px}.musician-role{min-height:3em}.tour-section{gap:var(--space-5);grid-template-columns:1fr 1fr}.tour-stats{gap:var(--space-3)}.tour-stats dt{font-size:2rem}.tour-stats dd{font-size:var(--text-xs)}.map-phone{width:175px}.tour-crown{width:65px;right:0}.daily{gap:var(--space-4);padding:var(--space-4)}.daily p:not(.kicker){font-size:var(--text-sm)}.faq-layout{gap:var(--space-5);grid-template-columns:1fr}.closing-spark{font-size:2.5rem;top:0;right:0}.summary{grid-template-columns:1fr}}@media (width<=760px){.top{-moz-column-gap:var(--space-3);column-gap:var(--space-3);min-height:auto;padding-top:var(--space-2);grid-template-columns:1fr auto auto;row-gap:0;display:grid}.nav{justify-content:center;gap:var(--space-6);grid-area:2/1/auto/-1;margin:0}.nav a{white-space:nowrap;min-height:44px;font-size:var(--text-xs)}.language-switch{grid-area:1/2}.top>.btn{grid-area:1/3}}@media (width<=540px){:root{--gutter:1.25rem;--section-space:3rem;--text-heading:calc(clamp(1.875rem, 8vw, 2.5rem))}body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.top{-moz-column-gap:var(--space-2);column-gap:var(--space-2)}.top .brand{gap:var(--space-1);font-size:1.375rem}.top .brand .run{margin-left:calc(var(--space-1) * -1)}.top .brand img{width:30px;height:30px;margin-right:0}.top>.btn{font-size:var(--text-xs);padding-inline:var(--space-3);min-height:44px}.nav{justify-content:space-between;gap:var(--space-4)}.language-switch summary{padding-inline:var(--space-2);gap:var(--space-1)}.hero-actions .play-outline,.language-switch summary>span:first-child{display:none}.hero{padding-top:var(--space-5);gap:var(--space-4)}.hero-copy{text-align:left;min-width:0}.hero .kicker{justify-content:flex-start;gap:var(--space-2);font-size:.625rem}.hero .kicker,.hero .lead,.hero h1,.hero-actions{margin-bottom:var(--space-4)}.hero h1{font-size:calc(clamp(2.75rem,13.5vw,4rem))}.hero .lead{font-size:var(--text-base);max-width:36ch}.hero-actions{justify-content:flex-start;gap:var(--space-3)}.store{min-width:172px;padding-inline:var(--space-3)}.store>span:last-child{margin-left:var(--space-3)}.hero-actions .text-link,.ribbon .wrap{gap:var(--space-2)}.hero .note{font-size:var(--text-xs)}.hero-art{width:min(300px,100%);height:370px}.hero-phone{width:160px;top:0;left:38%}.hero-fan{bottom:68px;left:0}.note-card{width:62px;height:96px;padding:var(--space-2);font-size:2rem}.score-ticket{top:30px;left:0}.score-ticket>span{font-size:.5rem}.score-ticket>div{font-size:1.5rem}.hero-tag{font-size:.625rem;bottom:0;left:5%}.spark-one{font-size:1.75rem;top:0;right:5px}.spark-two{font-size:1.75rem;bottom:40px;left:48%}.ribbon{padding-block:var(--space-3)}.ribbon .wrap{justify-content:start;display:grid}.ribbon span{font-size:var(--text-xs);gap:var(--space-3)}.demo-copy h2{font-size:2rem}.demo-copy>p:not(.kicker){font-size:var(--text-base)}.demo{padding:var(--space-4)}.demo-toolbar{gap:var(--space-2);margin-bottom:var(--space-3)}.demo-label{font-size:.625rem}.naming button{padding-inline:var(--space-2)}.shape-options{gap:var(--space-2)}.shape-options button{font-size:var(--text-sm)}.sequencer{height:156px}.sequence-note{width:44px;height:49px;font-size:1.25rem}.shape-hint{font-size:var(--text-xs)}.listen{font-size:var(--text-sm)}.band-footnote,.demo-disclaimer{text-align:left}.game-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.game-proof{width:min(100%,280px)}.game-proof img{width:min(86%,210px)}.game-step{gap:var(--space-3)}.game-step h3{font-size:var(--text-xl)}.band-heading .lead,.game-step p{font-size:var(--text-base)}.band-members{gap:var(--space-4);grid-template-columns:1fr}.musician{gap:var(--space-4);padding:var(--space-4);grid-template-columns:90px 1fr;align-items:center;display:grid}.musician-art{height:110px;margin:0}.musician-art img{max-width:100%;height:86px}.musician-aura{width:96px;height:96px}.musician-info{border:0;padding:0}.musician-role{min-height:0;font-size:.625rem}.musician-info h3{font-size:var(--text-xl)}.musician-info>p:last-child{font-size:var(--text-sm)}.band-footnote{margin-top:var(--space-4)}.tour-section{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.tour-copy{min-width:0}.tour-copy .lead{font-size:var(--text-base)}.tour-stats{margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr))}.tour-stats dt{font-size:2.25rem}.tour-stats dd{overflow-wrap:anywhere}.tour-art{margin-top:var(--space-4);gap:var(--space-6)}.map-phone{width:175px}.tour-track{height:280px;display:flex}.tour-crown{width:65px;right:0}.daily{gap:var(--space-3);grid-template-columns:1fr}.daily .text-link{grid-column:1}.daily p:not(.kicker){font-size:var(--text-base)}.faq-list details{padding-inline:var(--space-4)}.faq-list summary{font-size:var(--text-sm)}.closing h2{font-size:calc(clamp(2.25rem,9.5vw,3.25rem))}.closing p:not(.kicker):not(.note){max-width:28ch;margin-inline:auto}.closing-spark{display:none}.closing .note{font-size:var(--text-xs)}.links{gap:0 var(--space-5)}.footer-bottom{align-items:flex-start;gap:var(--space-3);flex-direction:column}.footer-bottom a{min-height:44px}.legal{padding-block:var(--space-6)}.footer-languages{gap:var(--space-4);flex-wrap:wrap}.mobile-install{z-index:30;align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-2) var(--gutter) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--glass);border-top:1px solid var(--border);display:flex;position:fixed;inset:auto 0 0}.mobile-install img{border-radius:var(--radius-sm);width:36px;height:36px}.mobile-install strong{line-height:1.2;font-size:var(--text-sm);display:block}.mobile-install small{color:var(--text3);font-size:.625rem;display:block}.mobile-install .btn{padding-inline:var(--space-3);min-height:44px;font-size:var(--text-xs);margin-left:auto}:lang(ja) .hero h1{font-size:calc(clamp(2.25rem,10vw,3rem))}:lang(ja) .hero .kicker{font-size:.625rem}:lang(ja) .closing h2{font-size:calc(clamp(1.875rem,8vw,2.5rem))}}@media (width<=360px){.hero-actions{align-items:flex-start;gap:var(--space-2);flex-direction:column}.hero-art{height:350px}.hero-phone{width:152px;left:36%}.hero-fan{bottom:60px}.note-card{width:58px;height:90px}.score-ticket{padding:var(--space-2)}.demo-label{max-width:9ch}.sequence-note{width:36px;height:44px;font-size:1.125rem}.musician{grid-template-columns:75px 1fr}.musician-aura{width:85px;height:85px}.mobile-install{gap:var(--space-2)}}@media (pointer:coarse){.naming button,.text-link{min-height:44px}}.listen:hover{background:var(--blue)}.listen[aria-pressed=true],.listen[aria-pressed=true]:hover{background:var(--key-c);text-shadow:0 2px 0 var(--edge)}.sequence-slots{gap:var(--space-2);display:flex;position:absolute;inset:0}.sequence-slot{border:2px solid var(--border);border-radius:var(--radius-md);background:repeating-linear-gradient(to bottom,transparent 0,transparent 23px,var(--hairline) 23px,var(--hairline) 24px),var(--bg);flex:1;min-width:0;position:relative}.sequence-slot.is-current{border-color:var(--gold);background-color:var(--surface2)}.sequence-slot span{bottom:var(--space-1);text-align:center;color:var(--gold);font:400 var(--text-sm)/1 var(--font-display);position:absolute;inset-inline:0}.melody-line{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.melody-line polyline{fill:none;stroke:var(--gold);stroke-width:2px;vector-effect:non-scaling-stroke;opacity:.4}.melody-line .melody-progress{stroke-width:4px;opacity:1;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--progress));transition:stroke-dashoffset var(--motion-medium) var(--ease)}.note-enter-active{transition:transform var(--motion-medium) var(--spring),opacity var(--motion-medium) var(--ease)}.note-leave-active{transition:opacity var(--motion-fast) var(--ease)}.note-enter-from{opacity:0;transform:translate(-50%,-25%)scale(.92)}.note-leave-to{opacity:0}.reward-feedback{align-items:center;gap:var(--space-3);color:var(--gold);font:400 var(--text-lg)/1.25 var(--font-display);margin-top:var(--space-5);display:flex}.reward-feedback img{-o-object-fit:contain;object-fit:contain;width:26px;height:26px}.combo-enter-active{transition:transform var(--motion-slow) var(--spring),opacity var(--motion-medium) var(--ease)}.combo-leave-active{transition:opacity var(--motion-fast) var(--ease)}.combo-enter-from{transform:translateY(var(--space-2)) scale(.96);opacity:0}.combo-leave-to{opacity:0}@keyframes audio-beat{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.sound-mark.is-playing i{animation:audio-beat var(--motion-slow) var(--ease) infinite alternate}.sound-mark.is-playing i:nth-child(2n){animation-delay:calc(var(--motion-fast) * -1)}.sound-mark.is-playing i:nth-child(3){animation-delay:calc(var(--motion-medium) * -1)}.game-step:nth-child(2) .step-number{background:var(--key-c);transform:rotate(4deg)}.game-step:nth-child(3) .step-number{background:var(--gold);color:var(--edge)}.hero-actions .text-link{color:var(--blue)}.play-outline{background:var(--blue);color:var(--text)}.bonus-stamp,.hero-tag,.play-outline{border:2px solid var(--edge);box-shadow:var(--panel-shadow)}.hero-tag{background:var(--surface);color:var(--gold);border-radius:var(--radius-round);padding:var(--space-2) var(--space-4)}.bonus-stamp{border-radius:var(--radius-md);background:var(--surface2);padding:var(--space-1) var(--space-2);text-shadow:0 3px 0 var(--edge)}.tour-track span{border:2px solid var(--edge);background:var(--green);color:var(--edge);box-shadow:var(--control-shadow);font:400 var(--text-base)/1 var(--font-display)}.tour-track span:last-child{background:var(--gold);border-color:var(--edge)}.tour-track i{border-left:3px dashed var(--border)}.faq-list summary{font-family:var(--font-body)}.faq-list summary>span{background:var(--surface2);border-radius:var(--radius-round);width:32px;height:32px;color:var(--gold);flex-shrink:0;place-items:center;display:grid}.faq-list summary>span,.language-switch nav{border:2px solid var(--edge);box-shadow:var(--panel-shadow)}.language-switch nav{border-radius:var(--radius-md)}:lang(ja) .btn,:lang(ja) .reward-feedback,:lang(ja) .shape-options button{font-family:var(--font-body);font-weight:800}@media (hover:hover){.shape-options button:hover{translate:0 -2px}.musician-art img{transition:translate var(--motion-medium) var(--spring),rotate var(--motion-medium) var(--spring)}.musician:hover .musician-art img{translate:0 -3px;rotate:2deg}}@media (width<=800px){.musician-aura{width:130px;height:130px}.bonus-stamp{font-size:1.5rem}}@media (width<=540px){.game-step{gap:var(--space-4)}.step-number{width:36px;height:36px;font-size:var(--text-base)}.hero-tag{padding:var(--space-2) var(--space-3);bottom:0;left:5%}.musician-art{min-width:0}.musician-aura{width:96px;height:96px}.musician-art img{max-width:100%}.bonus-stamp{top:var(--space-2);left:var(--space-2);font-size:var(--text-xl);padding:var(--space-1) var(--space-2);right:auto}.sequence-note,.sequence-slot{border-radius:var(--radius-sm)}.reward-feedback{font-size:var(--text-base)}}@media (prefers-reduced-motion:reduce){.musician:hover .musician-art img{translate:none;rotate:none}.shape-options button:hover{translate:none}.sequence-note.is-playing{transform:translate(-50%,-50%)}}[data-reduced-motion=true] .musician:hover .musician-art img{translate:none;rotate:none}[data-reduced-motion=true] .shape-options button:hover{translate:none}[data-reduced-motion=true] .sequence-note.is-playing{transform:translate(-50%,-50%)}.listen,.score-ticket b,.step-number{-webkit-text-stroke:1px var(--edge);paint-order:stroke fill}.play-outline{color:var(--edge)}@keyframes deal-card{0%{translate:0 12px;rotate:-5deg;scale:.96}to{translate:0;rotate:0deg;scale:1}}.hero-fan .note-card{animation:deal-card var(--motion-slow) var(--spring) both}.hero-fan .note-card:nth-child(2){animation-delay:var(--motion-stagger)}.hero-fan .note-card:nth-child(3){animation-delay:calc(var(--motion-stagger) * 2)}@keyframes soft-arrival{0%{opacity:.65;translate:0 8px}to{opacity:1;translate:0}}[data-animate].is-revealing{animation:soft-arrival var(--motion-slow) var(--ease) both}[data-animate]:nth-child(2){animation-delay:var(--motion-stagger)}[data-animate]:nth-child(3){animation-delay:calc(var(--motion-stagger) * 2)}@keyframes star-tick{0%{rotate:-12deg;scale:.88}to{rotate:0deg;scale:1}}.reward-feedback img{animation:star-tick var(--motion-slow) var(--spring) both}@keyframes answer-arrival{0%{opacity:.6;translate:0 4px}to{opacity:1;translate:0}}.faq-list details[open]>p,.language-switch[open] nav{animation:answer-arrival var(--motion-medium) var(--ease)}.nav a{position:relative}.nav a:after{content:"";border-radius:var(--radius-round);background:var(--gold);transform-origin:0;height:2px;transition:transform var(--motion-medium) var(--ease);position:absolute;inset:auto 0 6px;transform:scaleX(0)}.nav a:focus-visible:after{transform:scaleX(1)}@media (hover:hover){.nav a:hover:after{transform:scaleX(1)}.musician{transition:transform var(--motion-medium) var(--ease)}.musician:hover{transform:translateY(-3px)}.play-outline{transition:transform var(--motion-medium) var(--spring)}.text-link:hover .play-outline{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.musician:hover,.text-link:hover .play-outline{transform:none}}[data-reduced-motion=true] .musician:hover,[data-reduced-motion=true] .text-link:hover .play-outline{transform:none}
