.introduction-completion{background:radial-gradient(ellipse at 50% 0,#20314566,transparent 60%),var(--background)}.game-tour{width:100%;min-height:100dvh;padding:0 20px 20px;background:var(--background)}.tour-topbar{justify-content:space-between;gap:20px;min-height:68px;border-bottom:1px solid var(--border)}.tour-topbar,.tour-wordmark{display:flex;align-items:center}.tour-wordmark{gap:12px;flex-shrink:0}.tour-demo-label{padding:4px 7px;border:1px solid var(--border);border-radius:5px;color:var(--muted-foreground);font-size:10px;font-weight:500;line-height:1;letter-spacing:.08em;text-transform:uppercase}.tour-chapters{display:flex;align-items:center;justify-content:center;gap:6px}.tour-chapters button{display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border-radius:7px;font-size:12px;color:var(--muted-foreground);cursor:pointer}.tour-chapters button[aria-current]{color:#d5edff;background:#7ec8ff16}.tour-chapter-number{display:grid;place-items:center;width:19px;height:19px;border:1px solid;border-radius:50%;font-size:10px;opacity:.8}.tour-experience{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr);gap:28px;padding-top:20px;min-height:0;flex:1}.tour-guide{grid-column:2;grid-row:1;min-width:0;padding:20px 0 0 24px;border-left:1px solid var(--border)}.tour-guide,.tour-guide-body{display:flex;flex-direction:column;min-height:0}.tour-guide-body{gap:24px;overflow-y:auto;padding:3px 4px 20px;margin-inline:-4px}.tour-guide-intro{display:flex;flex-direction:column;gap:16px}.tour-help-options{display:flex;flex-direction:column;gap:4px;padding-top:8px}.tour-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#aac7de}.tour-step-count{margin-left:auto;font-weight:400;font-variant-numeric:tabular-nums;color:var(--muted-foreground)}.tour-heading h1{font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-.035em;margin:16px 0 12px;outline:none;text-wrap:balance}.tour-description{font-size:14px;line-height:1.65;color:var(--muted-foreground);text-wrap:pretty}.tour-mode-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:#7dd3fc}.tour-dot-practice{background:#6ee7b7}.tour-dot-polish{background:#fcd34d}.tour-dot-perform{background:#c4b5fd}.tour-participation{display:flex;flex-direction:column;align-items:stretch;gap:10px}.tour-invitation{color:#c0d6e8;font-size:13px}.tour-try{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.tour-try>svg:last-child{margin-left:auto}.game-tour .tour-action{border:2px solid var(--border);background-color:var(--pr-surface);color:var(--foreground)}.game-tour .tour-action[data-variant=default]{border-color:var(--pr-accent);background:var(--pr-surface)}.game-tour .tour-action:hover{background-color:var(--pr-surface2)}.tour-playing{display:flex;align-items:center;gap:8px;color:#b7e4fc;font-size:13px;font-weight:500}.tour-participation>[data-slot=button][data-variant=ghost]{align-self:flex-start;padding-left:0;color:var(--muted-foreground)}.tour-style-picker{padding:6px;border:2px solid transparent;border-radius:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tour-style-picker button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 3px;border:1px solid var(--border);border-radius:7px;font-size:11px;cursor:pointer}.tour-style-picker button[aria-pressed=true]{border-color:#7dd3fc88;background:#7dd3fc0c}.tour-style-picker svg[data-style-glyph]{width:60px;height:32px}.tour-style-picker.pr-accent-outline{border-color:var(--pr-accent)}.tour-style-explorer{display:flex;flex-direction:column;gap:10px}.tour-style-prompt{font-size:12px;color:var(--foreground)}.tour-style-picker .tour-action{height:auto;white-space:normal}.tour-style-picker .tour-action[data-viewed=true]{border-color:#76998a55}.tour-style-picker .tour-action[data-viewed=true][aria-pressed=true]{border-color:#76998a99;background-color:#76998a0a}.tour-style-picker [data-viewed=true] .tour-style-viewed{color:#8fa79c}.tour-style-picker .tour-action[data-viewed=true][data-selected=true]{border-color:#6ee7b7;background-color:#6ee7b712}.tour-style-picker [data-selected=true] .tour-style-viewed{color:#6ee7b7}.tour-style-viewed{display:flex;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:400;color:var(--muted-foreground)}.tour-style-confirm,.tour-style-hint{font-size:12px;line-height:1.5;color:var(--muted-foreground)}.tour-style-confirm{margin-bottom:10px}.tour-chapters button:disabled{opacity:.4}.tour-mode-picker{display:flex;gap:4px;font-size:12px}.tour-mode-picker button{flex:1;min-height:32px;padding:4px;border-radius:6px;color:var(--muted-foreground);cursor:pointer}.tour-mode-picker button[aria-pressed=true]{background:#a7c5db15;color:var(--foreground)}.tour-help-link{display:flex;justify-content:space-between;width:100%;align-items:center;gap:8px;align-self:flex-start;min-height:32px;font-size:12px;color:var(--muted-foreground);cursor:pointer}.tour-help-link:hover{color:var(--foreground)}.tour-coaching{padding-top:20px;border-top:1px solid var(--border)}.tour-caption{margin-top:12px;font-size:13px;line-height:1.6;color:#c0d6e8;text-wrap:pretty}.tour-caption:empty{display:none}.tour-transport{display:flex;align-items:center;gap:4px;margin-top:8px;color:var(--muted-foreground)}.tour-transport>button{height:36px}.tour-transport>.tour-sound{margin-left:auto}.tour-coaching>.tour-transport:first-child{margin-top:0}.tour-footer{flex-shrink:0;margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.tour-navigation{display:flex;align-items:center;gap:8px}.tour-next{flex:1;justify-content:space-between;padding-inline:14px;font-size:13px}.tour-stage{position:relative;grid-column:1;grid-row:1;display:flex;min-width:0;min-height:0;height:max(540px,calc(100dvh - 109px))}.tour-handoff{position:absolute;inset:112px 0 130px;z-index:40;display:grid;place-items:center;padding:16px;pointer-events:none}.tour-handoff-card{width:min(100%,290px);padding:16px;border:1px solid #7898af66;border-radius:14px;background:#202a34;box-shadow:0 12px 40px #0003;color:#c0d6e8;text-align:center;font-size:13px;pointer-events:auto}.tour-handoff-title{margin-bottom:4px;color:#f0f7fc;font-size:20px;font-weight:600;letter-spacing:-.03em}.tour-handoff-card .tour-try{margin-top:12px}.tour-stage .game-stage{height:100%}.tour-stage [data-testid=sheet-host]{min-height:0}.tour-stage .game-hud,.tour-stage .game-stage>div:first-child{height:104px;flex-shrink:0}.tour-stage .game-hud{padding-inline:0}.tour-stage{--tour-input-overhang:112px}.tour-stage [data-slot=dialog-overlay]{top:calc(-1 * var(--tour-input-overhang))}.tour-stage [data-testid=input-onboarding-backdrop]{top:calc(50% - var(--tour-input-overhang) / 2);max-height:calc(100% + var(--tour-input-overhang) - 32px)}.game-tour button:focus-visible{outline:2px solid #7dd3fc;outline-offset:3px}.game-tour button:disabled{cursor:default}html.pr-light-theme .game-tour :is(.tour-eyebrow,.tour-invitation,.tour-playing,.tour-caption){color:var(--muted-foreground)}html.pr-light-theme .tour-chapters button[aria-current]{color:var(--foreground);background:var(--secondary)}html.pr-light-theme .tour-handoff-card{border-color:var(--border);background:var(--card);color:var(--muted-foreground)}html.pr-light-theme .tour-handoff-title{color:var(--foreground)}html.pr-light-theme .tour-style-picker [data-viewed=true] .tour-style-viewed{color:var(--muted-foreground)}html.pr-light-theme .tour-style-picker [data-selected=true] .tour-style-viewed{color:var(--pr-green-ink)}html.pr-light-theme .tour-style-picker .tour-action[data-viewed=true][data-selected=true]{border-color:var(--pr-green)}html.pr-light-theme .game-tour .tour-action[data-variant=default],html.pr-light-theme .tour-style-picker.pr-accent-outline{border-color:var(--primary)}html.pr-light-theme .game-tour button:focus-visible{outline-color:var(--ring)}@media (hover:hover){.tour-chapters button:hover,.tour-mode-picker button:hover,.tour-style-picker button:hover{background-color:#91b2cc18;color:#e0f2fe}html.pr-light-theme :is(.tour-chapters,.tour-mode-picker,.tour-style-picker) button:hover{background:var(--secondary);color:var(--foreground)}}@media (min-width:901px) and (min-height:640px){.game-tour{height:100dvh;min-height:0;display:flex;flex-direction:column}.tour-topbar{flex-shrink:0}.tour-stage{height:100%}}@media (min-width:901px) and (max-width:1200px){.game-tour{padding-inline:14px}.tour-experience{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.tour-guide{padding-left:18px}.tour-stage .game-piano-wrap{--game-piano-scale:.75}.tour-stage .notefall-piano-wrap .game-piano-scale{transform:scaleY(var(--game-piano-scale))}}@media (max-width:1200px){.tour-topbar{gap:12px}.tour-chapters{gap:2px}.tour-chapters button{padding-inline:8px;white-space:nowrap}}@media (max-width:860px){.tour-topbar{flex-wrap:wrap;gap:8px;padding-block:12px}.tour-chapters{order:3;width:100%;justify-content:space-between}}@media (min-width:901px) and (max-height:800px){.tour-guide{padding-top:8px}.tour-guide-intro{gap:16px}.tour-heading h1{font-size:28px;margin-block:12px}.tour-guide-body{gap:20px}.tour-footer{padding-top:16px}}@media (min-width:901px) and (max-height:700px){.tour-experience{padding-top:12px}.tour-guide-intro{gap:12px}.tour-heading h1{font-size:25px;margin-block:10px}.tour-description{font-size:13px;line-height:1.5}.tour-guide-body{gap:16px}.tour-coaching{padding-top:16px}.tour-caption{line-height:1.5}.tour-style-picker button{justify-content:center;min-height:34px}.tour-style-picker svg[data-style-glyph]{display:none}}@media (max-width:900px){.game-tour{padding:0 12px 16px}.tour-experience{display:flex;flex-direction:column;gap:16px}.tour-guide,.tour-guide-body{display:contents}.tour-guide-intro{order:0;gap:14px}.tour-heading h1{font-size:28px;margin-block:10px}.tour-description{font-size:13px}.tour-participation{max-width:380px}.tour-coaching{order:2;padding-top:0;border-top:0}.tour-transport button{padding-inline:8px}.tour-style-picker{max-width:380px}.tour-mode-picker{max-width:300px}.tour-stage{order:1;flex:none;height:540px}.tour-stage[data-watching=false]{height:650px}.tour-footer{order:5;margin:0;padding-top:16px}.tour-navigation{justify-content:space-between}.tour-next{flex:none;min-width:205px}}@media (max-width:480px){.tour-chapters button{padding:6px;font-size:11px}.tour-chapter-number{display:none}}@media (max-width:650px){.introduction-completion>div{padding-top:0;padding-bottom:0}.introduction-completion header{margin-bottom:24px}.starter-melodies>button{min-height:112px;padding:16px;gap:16px}}