/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.paused{animation-play-state:paused}.running{animation-play-state:running}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:var(--lightningcss-light,#faf9f6)var(--lightningcss-dark,#11100e);--surface:var(--lightningcss-light,#f3f0ea)var(--lightningcss-dark,#211e19);--surface-raised:var(--lightningcss-light,#fcfbf8)var(--lightningcss-dark,#2a2620);--text:var(--lightningcss-light,#211e19)var(--lightningcss-dark,#f7f1e8);--text-secondary:var(--lightningcss-light,#625d55)var(--lightningcss-dark,#d8cfc2);--accent:var(--lightningcss-light,#80520e)var(--lightningcss-dark,#e7b75f);--on-accent:var(--lightningcss-light,#faf9f6)var(--lightningcss-dark,#241a09);--border-control:#80776a;--focus-ring:var(--lightningcss-light,#80520e)var(--lightningcss-dark,#e7b75f);--correct:#62d474;--incorrect:#b63c35;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--background);color:var(--text);min-width:320px;margin:0}button{font:inherit}button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}:root:lang(ja){line-break:strict;font-family:system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Meiryo,Noto Sans CJK JP,Noto Sans JP,sans-serif}:root:lang(ko){word-break:keep-all;overflow-wrap:anywhere;font-family:system-ui,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,Noto Sans CJK KR,Noto Sans KR,sans-serif}:root:lang(zh-Hans){line-break:strict;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}:root:is(:lang(ja),:lang(ko),:lang(zh-Hans)) .theme-reference-link{text-wrap:balance;align-items:center;max-inline-size:100%;display:inline-flex}:root:is(:lang(ja),:lang(ko),:lang(zh-Hans)) .theme-reference-link svg{flex-shrink:0}:root:is(:lang(ja),:lang(zh-Hans)) :is(h1,h2,.personal-stats dt,.personal-distribution li>span:first-child){word-break:auto-phrase;text-wrap:balance;overflow-wrap:normal}:root:is(:lang(ja),:lang(zh-Hans)) :is(.about-shell,.reference-shell) p{text-wrap:pretty}:root{--public-header-size:calc(57px + max(8px, env(safe-area-inset-top)));scroll-padding-block-start:var(--public-header-size)}.game-shell{min-height:calc(100dvh - var(--public-header-size));padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:flex-start;align-items:center;display:flex}.game-shell:not(.game-shell--stacked):not(.game-shell--chooser){justify-content:center;align-items:flex-start}.chooser-learn{border-block-start:1px solid var(--border-control);gap:8px;margin-block-start:24px;padding-block-start:16px;display:grid}.chooser-learn a{background:var(--surface-raised);border:1px solid var(--border-control);color:var(--accent);border-radius:10px;min-block-size:48px;padding:12px;text-decoration:none;display:block}.chooser-learn a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.public-header{background:var(--background);border-block-end:1px solid var(--border-control);padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));z-index:2;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;inset-block-start:0;container:public-toolbar/inline-size}.public-header>a{align-items:center;min-block-size:48px;display:flex}.public-header .brand{inline-size:120px}.public-header__tagline{color:var(--accent);white-space:nowrap;flex:1;margin:0;font-size:.875rem;font-style:italic;font-weight:600;display:none}@container public-toolbar (width>=38em){.public-header__tagline{display:block}}.public-header a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.daily-exit-dialog__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.daily-exit-dialog p{line-height:1.6}@media (width<=639px){.daily-exit-dialog{inline-size:min(100vw - 32px,360px)}.daily-exit-dialog__actions{flex-direction:column}}.game-shell--chooser{flex-direction:column;gap:12px}.chooser,.game,.results{background:var(--surface);border:1px solid var(--border-control);box-shadow:0 12px 36px var(--text);border-radius:20px}@supports (color:color-mix(in lab, red, red)){.chooser,.game,.results{box-shadow:0 12px 36px color-mix(in srgb, var(--text) 15%, transparent)}}.chooser,.game,.results{width:min(100%,1060px);max-width:1060px;padding:clamp(24px,4vw,48px)}.chooser{text-align:center;max-width:620px}.chooser__about{border-radius:8px;max-inline-size:100%;margin-block-end:24px;display:inline-block}.chooser__about .brand{margin-block-end:0}.daily-error .brand--compact{width:180px;margin:0 auto 28px}.daily-error>h1{text-wrap:balance;margin-bottom:12px;font-size:clamp(1.5rem,3vw,1.875rem)}.daily-error>p{color:var(--text-secondary);max-width:44ch;margin:0 auto;line-height:1.6}.daily-error__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-block-start:28px;display:flex}.daily-error__actions a{text-decoration:none}.daily-error__actions a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.daily-error__actions .button:active{scale:.96}}.chooser-footer{text-align:center;width:min(100%,620px);padding:12px 8px 0}.chooser-footer a{color:inherit;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:8px;text-decoration:none;display:inline-flex}.chooser-footer a:hover{color:var(--accent)}.chooser-footer a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.chooser-footer__company{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 4px;display:flex}.chooser-footer__legal{border-top:1px solid var(--border-control)}@supports (color:color-mix(in lab, red, red)){.chooser-footer__legal{border-top:1px solid color-mix(in srgb, var(--border-control) 25%, transparent)}}.chooser-footer__legal{margin-top:12px;padding-top:8px;font-size:.75rem;font-weight:400}.chooser-footer__legal p a{min-height:0;padding:0;display:inline}.chooser-footer__legal p{text-wrap:balance;margin:0}.chooser__error{background:var(--surface-raised);border:1px solid var(--incorrect);border-radius:8px;padding:10px;font-weight:700}.brand{color:var(--text);max-width:min(100%,320px);height:auto;margin:0 auto 24px;padding:12px;display:block;overflow:visible}.brand--compact{vertical-align:middle;width:160px;margin:0;padding:0}.brand-title{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.brand-title .brand{width:clamp(128px,35vw,220px)}h1,h2,p{margin-top:0}h1{font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.2}h2{font-size:1.25rem}.eyebrow,footer,.progress{color:var(--text-secondary);font-size:.875rem;font-weight:600}.instrument-grid,.button-row{gap:12px;margin-top:24px;display:grid}.app-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin:12px 0;display:flex}.dialog-backdrop{z-index:3;background:#0000008c;position:fixed;inset:0}.dialog{background:var(--surface-raised);border:2px solid var(--border-control);color:var(--text);z-index:4;border-radius:18px;max-width:min(92vw,420px);padding:24px;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.daily-exit-dialog{gap:1.25rem;max-block-size:calc(100dvh - 32px);padding:2rem;display:grid;overflow-y:auto}.daily-exit-dialog>h2,.daily-exit-dialog>p{margin:0}.button{cursor:pointer;text-align:center;border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 18px;font-weight:650;display:inline-flex}.button:disabled{cursor:wait;opacity:.62}.button--primary{background:var(--accent);color:var(--on-accent)}.button--secondary{background:var(--surface-raised);border-color:var(--border-control);color:var(--text)}.button--quiet{color:var(--accent);background:0 0}.trademark-footer{color:var(--text-secondary);text-align:center;margin-block-start:24px;font-size:.875rem}.trademark-footer p{margin:0}.brand-link{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.brand-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.global-settings.button{background:var(--surface-raised);border-radius:50%;block-size:48px;inline-size:48px;padding:12px}.settings-menu{background:var(--surface-raised);border:2px solid var(--border-control);box-shadow:0 12px 36px var(--text);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.settings-menu{box-shadow:0 12px 36px color-mix(in srgb, var(--text) 20%, transparent)}}.settings-menu{color:var(--text);overscroll-behavior:contain;max-block-size:calc(100dvh - 24px);inline-size:min(320px,100vw - 32px);padding:16px;overflow-y:auto}.settings-menu-positioner{z-index:3}.settings-menu__header{justify-content:space-between;align-items:center;font-size:1.125rem;font-weight:750;display:flex}.settings-menu__close.button{inline-size:48px;color:var(--text);padding:10px}.settings-menu__close svg{flex-shrink:0;block-size:24px;inline-size:24px}.settings-menu__controls{gap:8px;margin-top:12px;display:grid}.settings-menu__preference .button{border-color:var(--border-control);background:var(--surface);justify-content:flex-start;width:100%}.settings-menu__checkbox{border:1px solid var(--border-control);border-radius:10px;align-items:center;gap:10px;min-block-size:48px;padding:8px 18px;display:flex}.settings-menu__checkbox input{accent-color:var(--accent);block-size:20px;inline-size:20px}.settings-menu__naming{border:1px solid var(--border-control);border-radius:10px;padding:8px 18px}.settings-menu__naming>.settings-menu__checkbox{border:0}.settings-menu__naming p{margin-bottom:8px;font-size:.875rem}.settings-menu__language{border:1px solid var(--border-control);border-radius:10px;padding:8px 18px}.settings-menu__language p{margin-bottom:8px;font-size:.875rem}.language-menu summary{cursor:pointer;border-radius:8px;min-block-size:48px;padding:12px}.language-menu[open]>summary{margin-block-end:4px}.language-menu a{border-radius:8px;padding:12px;display:block}.language-menu a[aria-current]{background:var(--surface);font-weight:700}.settings-menu .reminder-control{border-radius:10px;margin-block:0;padding:8px 18px}.settings-menu__preference{border:0;min-inline-size:0;margin:0;padding:0}.settings-menu__preference legend{margin-block-end:8px;font-size:.875rem}.game__header{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;display:grid}.game__header h1{margin:0}.game__header-actions{flex-direction:column;justify-self:end;align-items:flex-end;gap:2px;display:flex}.game__status{justify-content:flex-end;align-items:baseline;gap:12px;display:flex}.game__timer{color:var(--accent);font-variant-numeric:tabular-nums;text-align:center;justify-self:center;min-inline-size:4ch;font-size:1.125rem;font-weight:800}.game--ready .game__header{grid-template-columns:minmax(0,1fr) auto}.game__ready{text-align:center;flex-direction:column;align-items:center;padding:24px 0;display:flex}.game__ready h2{margin-bottom:8px;font-size:clamp(1.75rem,5vw,2.5rem)}.game__ready p{color:var(--text-secondary);max-width:36ch;margin-bottom:24px}.game__ready .share-challenger{color:var(--text);font-size:1.25rem;font-weight:700}.game__daily-identity{flex-direction:column;align-items:center;gap:8px;display:flex}.game__daily-identity>span{color:var(--text);text-wrap:balance;font-size:clamp(2rem,4.5vw,2.75rem);font-weight:700;line-height:1.15}.game__ready .game__theme{color:var(--text);text-wrap:balance;max-width:22ch;margin:0 0 12px;line-height:1.2}.scale-preview{text-align:center;width:100%;margin:24px 0 0}.scale-preview__toggle{border:1px solid var(--border-control);background:var(--surface);color:var(--text);cursor:pointer;font:inherit;border-radius:8px;align-items:center;gap:8px;min-block-size:48px;padding:8px 14px;display:inline-flex}.scale-preview__toggle:hover{border-color:var(--accent)}.scale-preview__toggle[aria-expanded=true]{background:var(--accent);color:var(--on-accent)}.scale-preview__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.scale-notation{container-type:inline-size}.scale-score__hint{color:var(--text-secondary);text-align:center;margin-block:8px;margin-inline:auto;font-size:.875rem}.scale-preview__content{margin-top:16px}.chooser-stats__views{border:1px solid var(--border-control);background:var(--surface-raised);border-radius:10px;justify-content:center;margin-bottom:12px;padding:3px;display:inline-flex}.chooser-stats__views button{color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;min-block-size:48px;min-inline-size:96px;padding:8px 14px}.chooser-stats__views button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.scale-score{text-align:left;direction:ltr;grid-template-columns:minmax(0,1fr);width:100%;display:grid;overflow-x:auto}.scale-score:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.scale-score__svg{grid-area:1/1;min-width:0}.scale-score__svg svg{color:var(--text);fill:var(--text);stroke:var(--text);display:block}.scale-score__labels{fill:var(--text);stroke:none;font:650 20px Arial,Helvetica,sans-serif}.scale-score__svg :is(.vf-clef,.vf-notehead,.vf-accidental) :is(text,path){fill:var(--text)}.scale-score__svg svg path[stroke]:not([stroke=none]){stroke:var(--text)}.scale-score__svg .vf-tabnote rect[fill=white]{fill:var(--surface)}.scale-score:has(.scale-score__svg:not([hidden]) svg) .scale-score__placeholder{display:none}.scale-score__placeholder{text-align:center;grid-area:1/1;align-content:center;gap:8px;padding:16px;display:grid}.scale-score__status{color:var(--text);margin:0;font-weight:600}.scale-score__fallback{color:var(--text-secondary);display:block}.scale-score__hint{visibility:hidden}.scale-notation:has(.scale-score__svg:not([hidden]) svg) .scale-score__hint[data-overflow=true]{visibility:visible}.game__theme>span{color:var(--accent);margin-bottom:12px;font-size:1.125rem;font-weight:600;display:block}.game__question{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin-top:18px;display:flex}.game__question h2{margin:0}.progress{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.fretboard{max-width:940px;margin:12px auto;position:relative}.fretboard__pan-hint{color:var(--text-secondary);text-align:center;margin:6px 0 0;font-size:.6875rem}.fretboard__stage{position:relative}.fretboard__viewport{overscroll-behavior-inline:contain;scrollbar-color:var(--accent) #1c1712;scrollbar-gutter:stable;touch-action:pan-x;border-radius:16px;overflow:scroll hidden}.fretboard__canvas{background:var(--lightningcss-light,#fcfbf8)var(--lightningcss-dark,#1c1712);width:max(100%,1080px);position:relative;overflow:hidden}.fretboard--upright .fretboard__viewport{overscroll-behavior-block:auto;scrollbar-gutter:auto;scrollbar-width:thin;touch-action:pan-y;max-width:340px;margin-inline:auto;overflow:hidden auto}.fretboard__viewport:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@supports selector(::-webkit-scrollbar){.fretboard--upright .fretboard__viewport{scrollbar-width:auto;scrollbar-color:auto}.fretboard--upright .fretboard__viewport::-webkit-scrollbar{width:8px;height:8px}.fretboard--upright .fretboard__viewport::-webkit-scrollbar-thumb{background:var(--border-control);border-radius:8px}}.fretboard--upright .fretboard__target{--marker-size:min(44px, var(--string-lane,44px));--marker-half:calc(var(--marker-size) / 2)}.fretboard--upright .fretboard__canvas{width:100%;min-width:0;max-width:100%;margin-inline:auto;overflow:visible;container-type:inline-size}.game .fretboard--upright .fretboard__viewport{overflow-anchor:none;max-width:none}.game .fretboard--upright .fretboard__overlay{overflow:hidden}.fretboard--upright .fretboard__target--reveal{aspect-ratio:auto;height:var(--marker-size);min-width:var(--marker-size);width:max-content;padding-inline:5px}.game .fretboard__number{font-size:calc(var(--gameplay-marker-font-size,1rem) / var(--fretboard-scale,1))}.game .fretboard--landscape .fretboard__number{dominant-baseline:central}.fretboard__overlay{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fretboard__artwork-probe{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;inset:0}.fretboard__string-main--pulse{transform-box:fill-box;transform-origin:50%;animation:80ms linear infinite alternate fretboard-string-pulse}.fretboard__target{--marker-half:clamp(.85rem, 2.1vw, 1.12rem);--marker-size:clamp(1.5rem, 3.6vw, 2rem);aspect-ratio:1;width:var(--marker-size);background:#7e49d5;border:1px solid #fff8ec;border-radius:999px;justify-content:center;align-items:center;transition:background-color .18s,border-color .18s;animation:.5s ease-out both fretboard-target-in;display:flex;position:absolute;transform:translate(-50%,-50%)}.fretboard__target--pending{animation:.5s ease-out both fretboard-target-in,1.25s ease-in-out .5s infinite fretboard-target-awaiting}.fretboard__target--reveal{background:var(--correct);animation:.5s ease-in-out both fretboard-target-feedback}.fretboard__marker-label{color:#fff;pointer-events:none;text-shadow:0 1px 1px #4d278b;font-size:clamp(.85rem,1.8vw,1.05rem);font-weight:800;line-height:1}.fretboard__number{fill:var(--lightningcss-light,#211e19)var(--lightningcss-dark,#fff8ec);text-anchor:middle;text-shadow:0 1px 2px var(--lightningcss-light,#fcfbf8)var(--lightningcss-dark,#1c1712);font-size:42px;font-weight:800}.asset-error{background:var(--surface-raised);color:var(--text);text-align:center;padding:18px}.asset-error p{margin-bottom:8px}.answer-grid{--answer-choice-size:3.5rem;--answer-grid-gap:12px;gap:var(--answer-grid-gap);flex-wrap:wrap;inline-size:12rem;max-inline-size:100%;margin-inline:auto;display:flex}.answer-grid--8,.answer-grid--12{--answer-choice-size:3rem;--answer-grid-gap:8px;inline-size:13.5rem}.answer-grid--5:before,.answer-grid--7:before{content:"";flex:0 0 calc((var(--answer-choice-size) - var(--answer-grid-gap)) / 2);block-size:0}.answer-grid__choice{aspect-ratio:1;filter:blur();flex:0 0 var(--answer-choice-size);transition:opacity .5s,filter .5s;animation:.5s ease-out both answer-choice-in;position:relative}.answer-grid__choice--correct{filter:brightness(1.08)drop-shadow(0 0 8px #62d47473);z-index:1}.answer-grid__choice--incorrect{filter:brightness(1.06)drop-shadow(0 0 6px #d96b6459);z-index:1}.answer-grid__choice--correct .button{background:var(--correct);color:#17331c}.answer-grid__choice--incorrect .button{color:#241a09;background:#d96b64}.answer-grid .button{flex-direction:column;gap:2px;block-size:100%;min-block-size:48px;inline-size:100%;padding:0;font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.15;transition:background-color .18s,border-color .18s,color .18s,transform .5s ease-in;transform:scale(1)}.answer-grid__choice--only-available .button{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.answer-grid__choice--only-available .button{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent)}}.answer-grid__choice--only-available .button{transform:scale(1.06)}.answer-grid .button:disabled{cursor:default;opacity:1}@media (width>=480px){.answer-grid--12{inline-size:20.5rem}.answer-grid--6{inline-size:24.75rem}.answer-grid--5{inline-size:20.5rem}.answer-grid--5:before{display:none}}.answer-grid--7{inline-size:16.25rem}@media (width>=600px){.answer-grid--8{inline-size:27.5rem}.answer-grid--7{inline-size:29rem}.answer-grid--7:before{display:none}}@media (width>=800px){.answer-grid--12{inline-size:41.5rem}}@keyframes answer-choice-in{0%{filter:blur(3px);opacity:0}to{filter:blur();opacity:1}}@keyframes fretboard-target-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes fretboard-target-feedback{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.66)}}@keyframes fretboard-target-awaiting{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.12)}}@keyframes fretboard-string-pulse{0%{transform:scaleY(1)}to{transform:scaleY(.75)}}@media (prefers-reduced-motion:reduce){.answer-grid__choice,.answer-grid .button,.feedback,.fretboard__target,.fretboard__string-main--pulse{transition:none;animation:none}}.game-instrument{min-inline-size:0;position:relative}.game-answers{display:contents}.feedback-slot,.feedback-reserve{display:grid}.feedback-slot{pointer-events:none;margin-block-start:8px}.feedback-slot>*,.feedback-reserve>*{grid-area:1/1}.feedback-reserve{visibility:hidden}.feedback-message{place-items:center;display:grid}.feedback-copy{overflow-wrap:break-word;text-align:center;border-radius:12px;min-inline-size:0;margin:0;padding-block:10px;padding-inline:14px;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;line-height:1.4}.feedback{animation:1.8s ease-out both feedback-flash}.sound-failure{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.feedback--correct{background:var(--correct);color:#17331c;animation-duration:2s}.feedback--incorrect{background:var(--incorrect);color:#f7f1e8;animation-duration:2.3s}@keyframes feedback-flash{0%{opacity:0}10%,70%{opacity:1}to{opacity:0}}.results{text-align:center;max-width:620px}.results>h1{margin-bottom:4px}.results__theme{color:var(--text-secondary);margin:0 0 24px;font-size:1.25rem}.results__theme a{color:inherit;text-underline-offset:.15em;text-decoration:underline}.theme-reference-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.results__score{font-variant-numeric:tabular-nums;margin:16px 0;font-size:clamp(3rem,10vw,4rem);line-height:1.05;display:block}.results__app-cta{background:var(--surface-raised);border:1px solid var(--border-control);border-radius:12px;margin-top:24px;padding:16px}.results__app-cta h2{margin-bottom:8px}.results__app-icon{border-radius:18px;margin:0 auto 16px;display:block}.results__app-cta p{color:var(--text-secondary);margin-bottom:16px}.results__app-cta p a{color:var(--accent);text-underline-offset:.12em;text-decoration:underline}.results__app-cta p a:focus-visible{outline:3px solid var(--text);outline-offset:3px}.results__store-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:104px;display:flex}.results__store-badges a{border-radius:8px;max-inline-size:100%;display:inline-flex}.results__store-badges a:focus-visible{outline:3px solid var(--text);outline-offset:3px}.results__store-badges svg{height:48px;max-inline-size:100%;width:auto;display:block}.results__store-badges a:only-child svg{height:72px}.share-comparison{margin-block:24px 0}.share-comparison h2{text-wrap:balance;margin:0;font-size:clamp(1.5rem,4vw,2rem);line-height:1.2}.share-comparison__prompt{color:var(--text-secondary);text-wrap:balance;margin-block:8px 20px}.share-comparison__players{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.share-comparison__player{background:var(--surface-raised);border:1px solid var(--border-control);border-radius:14px;padding:16px 8px 12px}.share-comparison__player--better{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.share-comparison__player--better{background:color-mix(in srgb, var(--accent) 7%, var(--surface-raised))}}.share-comparison__player h3{margin:0;font-size:1rem}.share-comparison__player dl,.share-comparison__player dd{margin:0}.share-comparison__score,.share-comparison__score.results__score{font-variant-numeric:tabular-nums;white-space:nowrap;margin-block:12px;font-size:clamp(2rem,6vw,3rem);line-height:1.1;display:block}.share-comparison__time,.share-comparison__badge{justify-content:center;align-items:center;gap:5px;display:flex}.share-comparison__time{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;font-size:.9rem}.share-comparison__time svg,.share-comparison__badge svg{flex-shrink:0;width:1em;height:1em}.share-comparison__badge{color:var(--accent);min-block-size:1.5em;margin-block-start:12px;font-size:.75rem;font-weight:700}.share-comparison__rule,.results__sharing-notice{color:var(--text-secondary);font-size:.9rem}.share-comparison__rule{margin-block:12px 0}.results__answers>p{color:var(--text-secondary);margin-block:20px 0;font-size:.875rem}.results__answers .result-tiles{margin-block:8px 20px}.results__actions{margin-block:20px 28px}@media (forced-colors:active){.share-comparison__player--better{outline:2px solid highlight}}.result-tiles{grid-template-columns:repeat(6,1fr);gap:8px;margin:24px 0;padding:0;list-style:none;display:grid}.result-tiles li{aspect-ratio:1;border-radius:5px;justify-content:center;align-items:center;min-width:0;font-size:clamp(2rem,8vw,3rem);font-weight:800;line-height:1;display:flex}.result-tiles__correct{background:var(--correct);color:#17331c}.result-tiles__incorrect{background:var(--incorrect);color:#f7f1e8}.result-fretboard{margin:24px 0}.result-fretboard h2{margin-bottom:12px}.result-fretboard__canvas{border-radius:12px;width:100%}.result-fretboard__canvas:has(.asset-error){overflow:visible;aspect-ratio:auto!important}.result-fretboard__markers{margin:0;padding:0;list-style:none;position:absolute;inset:0}.result-fretboard .fretboard__number{display:none}.result-fretboard__labels{pointer-events:none;position:absolute;inset:0}.result-fretboard__label{color:var(--lightningcss-light,#211e19)var(--lightningcss-dark,#f7f1e8);text-shadow:0 1px 2px var(--lightningcss-light,#fcfbf8)var(--lightningcss-dark,#11100e);font-size:clamp(.75rem,3vw,1rem);font-weight:700;line-height:1;position:absolute;transform:translate(-50%,-50%)}.result-fretboard__marker{color:#17331c;pointer-events:none;border:1px solid;justify-content:center;align-items:center;display:flex;position:absolute}.result-fretboard__outcome{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;width:min(100%,1rem);height:min(100%,1rem)}.result-fretboard__marker--correct{background:var(--correct)}@supports (color:color-mix(in lab, red, red)){.result-fretboard__marker--correct{background:color-mix(in srgb, var(--correct) 58%, transparent)}}.result-fretboard__marker--correct{border-color:var(--correct)}.result-fretboard__marker--incorrect{background:var(--incorrect)}@supports (color:color-mix(in lab, red, red)){.result-fretboard__marker--incorrect{background:color-mix(in srgb, var(--incorrect) 64%, transparent)}}.result-fretboard__marker--incorrect{border-color:var(--incorrect);color:#f7f1e8}@media (forced-colors:active){.result-fretboard__marker{color:canvastext;background:canvas;border-color:canvastext}}.copy-fallback{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.875rem}.copy-fallback__text{-webkit-user-select:all;user-select:all;white-space:pre-wrap;inline-size:100%;display:block}@media (width<=420px){.game-shell{padding-inline:8px}.game{padding-inline:16px}.game-instrument>.fretboard--upright{inline-size:calc(100% + 32px);margin-inline:-16px}}@media (width>=640px) and (height<=500px) and (aspect-ratio>=1){.game{padding:24px}.fretboard{margin:8px auto}.game{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:12px;display:grid}.game__header{grid-column:1/-1}.game-instrument{grid-row:2/span 3}.game-answers{flex-direction:column;grid-area:2/2/span 3;align-self:start;align-items:center;display:flex}.game-answers>.game__question{align-self:center;margin-block:0 8px}.game-instrument .fretboard{margin-block:8px 0}.game__question{align-self:end}.answer-grid,.answer-grid--6{inline-size:12rem}.answer-grid--8,.answer-grid--12{inline-size:13.5rem}.answer-grid--5:before,.answer-grid--7:before{display:block}.answer-grid--7{--answer-choice-size:3rem;--answer-grid-gap:8px;inline-size:13.5rem}.sound-failure{grid-column:2}}.game-shell--playing{--game-heading-size:clamp(1.25rem, 2.5vw, 1.75rem);padding-block:8px env(safe-area-inset-bottom,0px)}.game-shell--playing .game{flex-shrink:0;inline-size:100%;max-inline-size:none;margin-block:auto;padding-block:8px 4px;container-type:inline-size}.game-shell--playing .fretboard{max-inline-size:none}.game-shell--playing .fretboard__canvas{--gameplay-marker-size:min(var(--string-lane,44px), max(24px, calc(var(--string-lane,44px) * .8)));--gameplay-marker-font-size:max(1rem, calc(var(--gameplay-marker-size) / 2));margin-inline:auto}.game-shell--playing .fretboard__target{--marker-size:var(--gameplay-marker-size);--marker-half:calc(var(--marker-size) / 2)}.game-shell--playing .fretboard__marker-label{font-size:var(--gameplay-marker-font-size)}@container not (width>=20rem){.answer-grid{--answer-grid-gap:8px;inline-size:calc(3 * var(--answer-choice-size) + 2 * var(--answer-grid-gap))}.answer-grid--5,.answer-grid--6{--answer-choice-size:3.25rem}.answer-grid--7,.answer-grid--8,.answer-grid--12{inline-size:calc(4 * var(--answer-choice-size) + 3 * var(--answer-grid-gap))}}@media (aspect-ratio>=1) and (height>=501px){.game-shell--playing .game{flex-direction:column;display:flex}.game-instrument{order:1}.game-answers{display:contents}.game-shell--playing .game__header{order:0}.game-shell--playing .fretboard{order:1;inline-size:100%;margin-block:8px}.game__question{order:2;margin-block:0 8px}.game-answers>.answer-grid{order:3}.game-answers>.answer-support{order:4}}.game-shell--playing .game__header{flex-wrap:wrap;display:flex}.game-shell--playing .game__active-theme{flex:8rem;min-inline-size:0}.game-shell--playing .game__timer{flex:none}.game-shell--playing .game__timer,.game-shell--playing .progress{font-size:var(--game-heading-size);line-height:1.2}@media (width<=639px){.game-shell--playing{--game-heading-size:1.0625rem}.game-shell--playing .game__active-theme{line-height:1.3}.game-shell--playing .fretboard{margin-block:8px}.game-shell--playing .game__question{margin-block-start:8px}.game-shell--playing .game__question h2{font-size:1.125rem}}.instrument-grid{flex-wrap:wrap;display:flex}@media (width>=800px){.button-row{grid-template-columns:1fr 1fr}}.instrument-grid .button{flex:1 1 max-content;flex-direction:column;gap:2px;min-inline-size:min(100%,8rem);max-inline-size:100%;padding:12px;position:relative}.instrument-grid .button[aria-busy=true]{outline:3px solid var(--accent);outline-offset:3px;cursor:progress}.instrument-choice__name{font-size:1.125rem;line-height:1.25}.instrument-choice__action{font-size:.875rem;line-height:1.25}.instrument-grid .button:disabled{background:var(--surface-raised);border-color:var(--border-control);color:var(--text-secondary);cursor:not-allowed;opacity:1}.instrument-grid .button:disabled .instrument-choice__icon{filter:grayscale();opacity:.55}.instrument-grid .instrument-choice--completed{background:var(--correct);color:#17331c;border-color:#237531}.instrument-choice__completion{color:#fff;overflow-wrap:normal;word-break:normal;background:#17331c;border-radius:999px;max-inline-size:100%;padding:.375rem .5rem;font-size:.75rem;font-weight:800;line-height:1.25}.instrument-choice__icon{object-fit:contain;block-size:72px;inline-size:72px;margin-block-end:6px}.chooser-stats{margin-block-start:24px}.chooser-stats>section{border-block-start:1px solid var(--border-control);margin-block-start:24px;padding-block-start:24px}.chooser-stats__views{inline-size:min(100%,500px);margin-block-end:24px}.chooser-stats__views button{flex:1;min-inline-size:0;padding-inline:8px;font-size:.875rem}@media (forced-colors:active){.chooser-stats__views button[aria-pressed=true]{outline-offset:-2px;outline:2px solid highlight}.button,.chooser,.game,.results{border:2px solid canvastext}.fretboard__target{background:highlight;border-color:canvas}}@media (prefers-reduced-motion:reduce){.feedback{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.answer-marks{gap:4px;font-size:.75rem;line-height:1;display:flex}.answer-mark--correct{color:#fff;background:#237531}.answer-mark--incorrect{color:#fff;background:#a52620}.answer-grid__choice--exhausted .button{border-style:dashed}.result-tiles--7{grid-template-columns:repeat(7,1fr)}.result-tiles--8{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width>=480px){.result-tiles--8{grid-template-columns:repeat(8,minmax(0,1fr))}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.answer-mark{border-radius:3px;min-inline-size:12px;padding:1px}.game__active-theme{font-size:var(--game-heading-size,clamp(1.25rem, 2.5vw, 1.75rem));text-wrap:balance;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.2}.button-row.result-actions{flex-wrap:wrap;gap:12px;display:flex}.result-actions>.button{flex:1 1 max-content;min-inline-size:0}.result-actions>.result-actions__official{flex-basis:100%}.game-shell--stacked{flex-direction:column;justify-content:flex-start}.game-shell--stacked>.trademark-footer{inline-size:min(100%,620px);font-weight:400}@media (width<=639px){.instrument-grid .button{padding-inline:4px}.instrument-choice__icon{inline-size:min(72px,100%)}.instrument-choice__name{overflow-wrap:anywhere;font-size:1rem}.instrument-choice__action{overflow-wrap:anywhere}}.theme-reference-link{color:inherit;text-underline-offset:.15em;text-decoration:underline}.theme-reference-link svg{vertical-align:baseline;width:.65em;height:.65em;margin-inline-start:.25em;display:inline-block}@media (aspect-ratio>=1){.game-shell--playing .feedback-slot{inline-size:var(--feedback-width,100%);z-index:2;pointer-events:none;margin:0;position:absolute;inset-block-start:8px;inset-inline-start:var(--feedback-start,0px)}.game-shell--playing .feedback-reserve{display:none}.game-shell--playing .feedback-copy{max-inline-size:40rem;padding-block:4px;font-size:1rem;line-height:1.25}}.game__practice-status{display:contents}.game__practice-notice{color:var(--text-secondary);text-wrap:pretty;flex-basis:100%;margin:0;font-size:.875rem;line-height:1.4}.answer-key{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);pointer-events:none;border-radius:.3em;padding-block:.08em;padding-inline:.25em;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1.1;position:absolute;inset-block-start:-.65em;inset-inline-end:-.25em}.answer-support{place-self:center;inline-size:100%;margin-block-start:8px;display:flow-root}.answer-key-hint{color:var(--text-secondary);text-align:center;margin:0;font-size:.875rem}@media (hover:none) and (pointer:coarse){.answer-key-hint:not(.answer-key-hint--visible){clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.answer-missed-hint{color:var(--text-secondary);text-align:center;margin:6px 0 0;font-size:.875rem;line-height:1.4}.daily-progress{text-align:center;inline-size:100%;max-inline-size:36rem;margin-inline:auto}.results__details{border-block-start:1px solid var(--border-control);margin-block-start:20px;padding-block-start:12px}.results__details>summary{color:var(--accent);cursor:pointer;min-block-size:48px;padding-block:12px;font-weight:650}.daily-progress__streak{font-weight:700}.personal-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem .75rem;margin-block:1.5rem;display:grid}.personal-stats--all{grid-template-columns:repeat(4,minmax(0,1fr))}.personal-stats>div{flex-direction:column-reverse;align-items:center;gap:.5rem;display:flex}.personal-stats dd{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(2rem,8vw,2.75rem);font-weight:500;line-height:1}.personal-stats dt{color:var(--text-secondary);text-align:center;place-content:start center;min-block-size:3rem;font-size:.875rem;font-weight:700;line-height:1.35;display:grid}.personal-stats__heading,.personal-distribution h3{letter-spacing:.04em;text-transform:uppercase;font-size:1rem;font-weight:800}.personal-distribution{text-align:start;margin-block:0}.personal-distribution h3{text-align:center;margin-block:0 1rem}.personal-distribution ul{margin:0;padding:0;list-style:none}.personal-distribution li{grid-template-columns:5.25rem minmax(0,1fr);align-items:center;gap:.75rem;font-size:.875rem;font-weight:700;display:grid}.personal-distribution__bar{background:var(--correct);color:#241a09;font-variant-numeric:tabular-nums;inline-size:max(2.5rem, var(--distribution-width));justify-content:flex-end;align-items:center;min-block-size:2.25rem;padding-inline:.625rem;font-size:1rem;font-weight:800;display:flex}.personal-distribution__bar[data-band=oneMiss]{background:#bad474}.personal-distribution__bar[data-band=twoMisses]{background:#e7b75f}.personal-distribution__bar[data-band=manyMisses]{background:#d96b64}.personal-distribution__bar--current{outline:2px solid var(--text);outline-offset:2px}.progress-notice{text-align:center;padding-inline:1rem;font-size:.875rem}.daily-progress__countdown{font-variant-numeric:tabular-nums}.chooser__daily{margin-block-start:1rem}.game-shell--chooser .chooser>h1{margin-block-start:1rem;font-size:1rem}.chooser__theme{font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.chooser__availability{margin-block:20px 24px}.chooser__availability h1{text-wrap:balance;margin-bottom:12px;font-size:clamp(1.375rem,3vw,1.75rem);line-height:1.3}.chooser__availability p{color:var(--text-secondary);max-width:42ch;margin:0 auto 20px;line-height:1.6}.game--ready>.daily-progress{border-block-start:1px solid var(--border-control);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;padding-block-start:24px;font-size:.875rem;display:flex}.game--ready>.daily-progress:empty{display:none}.game--ready>.daily-progress>*{flex-basis:100%;margin:0}@media not all and (width>=480px){.personal-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.personal-stats>div{grid-column:span 2}.personal-stats--all>div{grid-column:span 3}.personal-stats>:nth-child(4){grid-column:2/span 2}.personal-stats--all>:nth-child(4){grid-column:span 3}.personal-stats>:nth-child(5){grid-column:4/span 2}.game--ready>.daily-progress{flex-direction:column;align-items:center}}.results>.daily-progress{margin-block-start:24px}.results .daily-progress__streak{margin-block-end:12px}.daily-progress__statistics{border-block-start:1px solid var(--border-control);margin-block-start:32px;padding-block-start:24px}.daily-progress__statistics h2{margin-block-end:24px}.personal-distribution li+li{margin-block-start:.5rem}.results .daily-progress__countdown{margin-block-start:16px}.population-stats{border-block-start:1px solid var(--border-control);margin-block-start:1.5rem;padding-block-start:1.25rem}.population-stats__distribution{padding:0;list-style:none}.population-stats__distribution li{gap:.3rem;margin-block:.75rem;display:grid}.population-stats__bar{background:var(--border-control);border-radius:.25rem;height:.4rem;display:block;overflow:hidden}.population-stats__bar span{background:var(--text-secondary);height:100%;display:block}.result-fretboard__viewport{overscroll-behavior:contain;overflow:auto}.result-fretboard__viewport:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reminder-control{border:1px solid var(--border-control);background:var(--surface-raised);text-align:start;border-radius:14px;flex-direction:column;gap:12px;margin-block:20px;padding:20px;display:flex}.reminder-control>:is(h3,p),.reminder-control__test>p{margin-block:0}.reminder-control h3{font-size:1rem;line-height:1.4}.reminder-control p,.reminder-control__test>span{color:var(--text-secondary);overflow-wrap:anywhere}.reminder-control__actions{flex-wrap:wrap;gap:12px;display:flex}.reminder-control .button{white-space:normal;overflow-wrap:anywhere;text-align:center;max-inline-size:100%}.reminder-control__test{flex-direction:column;align-items:start;gap:12px;display:flex}.reference-segments{border:1px solid var(--border-control);background:var(--surface-raised);border-radius:.625rem;flex-wrap:wrap;gap:2px;min-inline-size:0;max-inline-size:100%;margin:0;padding:0;display:flex}.reference-segments label{cursor:pointer;border-radius:.5rem;flex:1;place-items:center;min-block-size:48px;min-inline-size:48px;padding-inline:.75rem;font-size:.9375rem;font-weight:600;display:grid;position:relative}.reference-segments input{opacity:0;cursor:pointer;z-index:1;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.reference-segments label:has(input:checked){background:var(--accent);color:var(--on-accent)}.reference-segments label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.help-dialog{inline-size:min(520px,100vw - 32px);max-width:none;max-block-size:calc(100dvh - 32px);box-shadow:0 0 0 1px var(--border-control), 0 24px 64px #0000004d;border:none;border-radius:24px;padding:24px;overflow-y:auto}.help-dialog__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.help-dialog__header h2{margin:0;font-size:1.5rem;font-weight:750}.help-dialog__close.button{inline-size:48px;color:var(--text);flex-shrink:0;padding:10px}.help-dialog__close svg{flex-shrink:0;block-size:24px;inline-size:24px}.help-dialog__intro{color:var(--text-secondary);margin:8px 0 24px}.help-dialog__steps{gap:20px;margin:0;padding:0;list-style:none;display:grid}.help-dialog__steps li{align-items:flex-start;gap:14px;display:flex}.help-dialog__number{background:var(--accent);block-size:32px;color:var(--on-accent);border-radius:50%;flex:0 0 32px;place-items:center;font-weight:750;display:grid}.help-dialog__steps h3{margin:3px 0 6px;font-size:1rem;font-weight:700}.help-dialog__steps p{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.55}.help-dialog__legend{flex-wrap:wrap;justify-content:center;gap:12px 20px;margin:20px 0 24px;padding:0;font-size:.875rem;list-style:none;display:flex}.help-dialog__legend li{align-items:center;gap:6px;display:flex}.help-dialog__legend svg{stroke-width:2px;block-size:18px;inline-size:18px}.help-dialog__correct{color:var(--correct)}.help-dialog__missed{color:var(--incorrect)}.help-dialog__footer{border-block-start:1px solid var(--border-control);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block-start:20px;display:flex}.help-dialog__footer p{margin:0;font-size:.875rem;font-weight:650}@media (prefers-reduced-motion:no-preference){.help-dialog .button:active{scale:.96}}.share-dialog{overscroll-behavior:contain;inline-size:min(380px,100vw - 32px);max-width:none;max-block-size:calc(100dvh - 32px);padding:20px;overflow-y:auto;box-shadow:0 24px 64px #0000004d;container-type:inline-size}.share-dialog__header{justify-content:space-between;align-items:center;gap:12px;margin-block-end:16px;display:flex}.share-dialog__header h2{margin:0;font-size:1.25rem}.share-dialog__header .button{flex-shrink:0;padding:10px}.share-dialog__destinations{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;margin-block-end:24px;display:grid}.share-dialog__destinations a{border:1px solid var(--border-control);background:var(--surface);min-width:0;color:var(--text);text-align:center;overflow-wrap:anywhere;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:8px 4px;font-size:.8125rem;text-decoration:none;display:flex}.share-dialog__network-icon{place-items:center;block-size:52px;inline-size:52px;display:grid}.share-dialog__network-icon svg{block-size:24px;inline-size:24px}.share-dialog__copies{gap:8px;display:grid}.share-dialog .button{white-space:normal;overflow-wrap:anywhere}.share-dialog__status{color:var(--text-secondary);margin:0;font-size:.875rem}.share-dialog__status:not(:empty){margin-block:12px}.share-dialog__fallback{border:1px solid var(--border-control);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:10px;margin-block-end:12px;padding:10px}.share-dialog__native{width:100%;margin-block-start:8px}@media (prefers-reduced-motion:no-preference){.share-dialog .button,.share-dialog__destinations a{transition:scale .15s ease-out}.share-dialog .button:not(:disabled):active,.share-dialog__destinations a:active{scale:.96}}@container (width<=10rem){.share-dialog__destinations{grid-template-columns:1fr;gap:8px}.share-dialog__destinations a{text-align:start;flex-direction:row}}.share-dialog__copies button[data-copied=true]{background:var(--correct);color:#172118;border-color:var(--correct)}.share-dialog__copy-icon{display:grid}.share-dialog__copy-icon svg{grid-area:1/1;transition:opacity .15s ease-out}.share-dialog__copy-check,[data-copied=true] .share-dialog__copy-original{opacity:0}[data-copied=true] .share-dialog__copy-check{opacity:1}@media (prefers-reduced-motion:no-preference){.share-dialog__copy-icon svg{transition:scale .3s cubic-bezier(.2,0,0,1),opacity .3s cubic-bezier(.2,0,0,1),filter .3s cubic-bezier(.2,0,0,1)}.share-dialog__copy-check,[data-copied=true] .share-dialog__copy-original{filter:blur(4px);scale:.25}[data-copied=true] .share-dialog__copy-check{filter:blur();scale:1}}.about-shell{max-inline-size:1040px;margin-inline:auto;padding:40px clamp(20px,4vw,48px) 48px;line-height:1.6}.about-footer a,.privacy-section a{color:var(--accent);text-underline-offset:4px}.about-hero{max-inline-size:760px}.about-eyebrow{color:var(--accent);margin-block:0 12px;font-weight:700}.about-hero h1{letter-spacing:-.035em;text-wrap:balance;margin-block:0 24px;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.1}.about-lede{color:var(--text-secondary);max-inline-size:60ch;margin:0;font-size:1.125rem}.about-actions{flex-wrap:wrap;gap:12px;margin-block-start:28px;display:flex}.about-actions a{text-decoration:none}.about-features{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px;margin-block:64px;display:grid}.about-features h2{margin-block:0 12px;font-size:1.25rem;line-height:1.35}.about-features p{color:var(--text-secondary);margin:0}.about-features h2{color:var(--accent);font-weight:700}.about-footer{color:var(--text-secondary);margin-block-start:40px;font-size:.875rem}.about-footer p{margin-block:0 8px}.about-footer>a{margin-block-start:8px;display:inline-block}.privacy-sections{gap:40px;margin-block-start:56px;display:grid}.privacy-section{grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);align-items:start;gap:24px;display:grid}.privacy-section h2{margin:0;font-size:1.125rem;font-weight:700;line-height:1.4}.privacy-section-body{gap:16px;min-inline-size:0;display:grid}.privacy-section p{color:var(--text-secondary);max-inline-size:65ch;margin:0}@media (width<=42rem){.privacy-section{grid-template-columns:minmax(0,1fr);gap:12px}}:root:lang(ja) .privacy-shell .about-hero h1{font-size:clamp(1.75rem,8vw,3.5rem)}:root:lang(zh-Hans) .about-shell .about-lede{text-wrap:balance}.practice-promotion{background:var(--surface-raised);border-radius:24px;flex-wrap:wrap;align-items:center;gap:24px 32px;padding:clamp(24px,4vw,40px);display:flex}.practice-promotion>div{flex:400px}.practice-promotion .practice-promotion__title{color:var(--accent);border:0;margin-block:0 12px;padding:0;font-size:1.5rem;font-weight:700;line-height:1.3}.practice-promotion .practice-promotion__description{color:var(--text-secondary);max-inline-size:60ch;margin:0}.practice-promotion>.button{max-inline-size:100%;color:var(--text);flex-shrink:0;text-decoration:none}.practice-promotion svg{flex-shrink:0;block-size:20px;inline-size:20px}.practice-promotion__icon{border-radius:6px;flex-shrink:0}.reference-shell>.practice-promotion{margin-block:2rem}.consent-trigger{color:inherit;cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;min-block-size:44px;padding:8px;text-decoration:underline;display:inline-flex}.consent-dialog{overscroll-behavior:contain;overflow-wrap:anywhere;max-block-size:calc(100dvh - 2rem);inline-size:min(34rem,100vw - 2rem);max-inline-size:none;padding:clamp(1.25rem,4vw,2rem);line-height:1.5;overflow-y:auto}.consent-title{margin:0;font-size:1.5rem;font-weight:650;line-height:1.25}.consent-description{margin-block:1rem}.consent-necessary{color:var(--text-secondary);margin-block:0 .75rem}.consent-policy{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.consent-policy:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.consent-policy:active{text-decoration-thickness:3px}.consent-trigger:not(:disabled):active,.consent-dialog .button:not(:disabled):active{text-underline-offset:3px;text-decoration:underline}.consent-choices fieldset{border:0;margin-block:1.5rem 0;padding:0}.consent-choices legend{margin-block-end:.25rem;font-weight:650}.consent-choices label{gap:.75rem;padding-block:.75rem;display:flex}.consent-choices input{flex-shrink:0;block-size:1.25rem;inline-size:1.25rem}.consent-choices label span span{color:var(--text-secondary);margin-block-start:.25rem;display:block}.consent-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.75rem;margin-block:1.5rem .75rem;display:grid}.consent-customize{grid-column:1/-1}.consent-close{border-block-start:1px solid var(--border-control);border-radius:0;inline-size:100%;margin-block-start:.25rem;padding-block-start:1rem}@media (prefers-reduced-motion:no-preference){.consent-dialog .button{transition:scale .15s ease-out}.consent-dialog .button:not(:disabled):active{scale:.96}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}