/*! tailwindcss v4.2.1 | 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{--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-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}::backdrop{--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-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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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,ui-sans-serif, system-ui, 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{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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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{.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}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.rounded{border-radius:.25rem}.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)}.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,)}}:root{--ink:#f8f6ff;--muted:#b9b4cc;--night:#100d23;--night-soft:#19152f;--panel:#211c3d;--line:#40395f;--violet:#9d7cff;--violet-light:#c8b8ff;--amber:#ffd166;--coral:#ff7b72;--blue:#66c7ff;--mint:#64e6ba;--focus:#fff27a}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth;min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 75% 5%, #7254d240, transparent 30rem), radial-gradient(circle at 10% 80%, #2aae991a, transparent 28rem), var(--night);margin:0;font-family:Aptos,Segoe UI,Arial,sans-serif;line-height:1.55}button,input{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}:focus-visible{outline:4px solid var(--focus);outline-offset:4px}.skip-link{z-index:100;color:#111;background:var(--focus);border-radius:.5rem;padding:.8rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{justify-content:space-between;align-items:center;width:min(1180px,100% - 2rem);margin:0 auto;padding:1.35rem 0;display:flex}.home-button{border:2px solid var(--line);background:#ffffff08;border-radius:.65rem;min-height:3rem;padding:.65rem 1rem;font-weight:800}.home-button:hover{border-color:var(--violet-light)}.page-main,.game-main{flex:1;width:min(1180px,100% - 2rem);margin:0 auto}.home{text-align:center;width:min(42rem,100%);margin:0 auto;padding:clamp(3.5rem,10vh,7rem) 0 4rem}.eyebrow{color:var(--violet-light);letter-spacing:.17em;text-transform:uppercase;margin:0 0 .9rem;font-size:.78rem;font-weight:800}h1,h2,p{overflow-wrap:break-word}h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.65rem,6vw,5.7rem);line-height:.98}h1 span{color:var(--violet-light)}.intro{max-width:40rem;color:var(--muted);margin:1.25rem auto 2rem;font-size:clamp(1.08rem,2vw,1.3rem)}.primary-button,.quiet-button{border-radius:.7rem;min-height:3.25rem;padding:.85rem 1.35rem;font-weight:800}.primary-button{border:2px solid var(--violet);color:#0d0920;background:var(--violet-light);box-shadow:0 8px 24px #9d7cff33}.primary-button:hover{background:#ddd4ff;transform:translateY(-1px)}.quiet-button{border:2px solid var(--line);background:#ffffff08}.quiet-button:hover{border-color:var(--violet-light)}.play-button{width:min(22rem,100%);min-height:4.5rem;font-size:1.2rem}.play-icon{margin-right:.45rem;font-size:.85rem}.game-summary{color:var(--muted);margin:.9rem 0 2rem;font-size:.95rem}.home-actions{grid-template-columns:repeat(2,1fr);gap:.8rem;display:grid}.home-actions button{border:2px solid var(--line);background:#ffffff09;border-radius:.7rem;min-height:3.7rem;padding:.8rem 1rem;font-weight:800}.home-actions button:hover{border-color:var(--violet-light);background:#9d7cff14}.home-links{flex-wrap:wrap;justify-content:center;gap:.25rem .4rem;margin-top:1.35rem;display:flex}.home-links button{min-height:2.75rem;color:var(--muted);text-underline-offset:.22rem;background:0 0;border:0;padding:.55rem .8rem;text-decoration:underline}.home-links button:hover{color:var(--ink)}.home-about{border-top:1px solid var(--line);text-align:left;margin:2.5rem auto 0;padding-top:2rem}.home-about h2{margin:0 0 .8rem;font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.25}.home-about p{color:var(--muted);margin:.65rem 0 0}.sound-button,.training-sound{--accent:var(--violet)}.sound-button:nth-child(4n+1),.training-sound:nth-child(4n+1){--accent:var(--amber)}.sound-button:nth-child(4n+2),.training-sound:nth-child(4n+2){--accent:var(--coral)}.sound-button:nth-child(4n+3),.training-sound:nth-child(4n+3){--accent:var(--blue)}.sound-button:nth-child(4n+4),.training-sound:nth-child(4n+4){--accent:var(--mint)}.content-card{border:1px solid var(--line);background:#1e1938db;border-radius:1.1rem;width:min(820px,100%);margin:clamp(2rem,5vw,4rem) auto;padding:clamp(1.4rem,5vw,3.5rem);box-shadow:0 30px 80px #00000038}.content-card h1{margin-bottom:1.25rem;font-size:clamp(2.3rem,7vw,4.6rem)}.content-card h2{margin-top:2rem;font-size:1.25rem}.content-card>p:not(.eyebrow){color:var(--muted)}.training-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin:1rem 0 2rem;display:grid}.training-sound{text-align:left;border:2px solid var(--accent);flex-direction:column;justify-content:center;gap:.2rem;min-height:6.5rem;padding:1.1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.training-sound{border:2px solid color-mix(in srgb, var(--accent) 60%, var(--line))}}.training-sound{background:var(--accent);border-radius:.9rem}@supports (color:color-mix(in lab, red, red)){.training-sound{background:color-mix(in srgb, var(--accent) 10%, var(--panel))}}.training-sound:hover,.training-sound.is-playing{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.training-sound:hover,.training-sound.is-playing{background:color-mix(in srgb, var(--accent) 25%, var(--panel))}}.training-sound:hover,.training-sound.is-playing{transform:scale(1.015)}.training-sound strong{font-size:1.15rem}.training-sound span{color:var(--muted);font-size:.9rem}.choice-list{border:0;gap:.8rem;margin:2rem 0;padding:0;display:grid}.choice-list label{border:2px solid var(--line);border-radius:.8rem;align-items:center;gap:1rem;min-height:5.2rem;padding:1rem 1.1rem;display:flex}.choice-list label.selected{border-color:var(--violet-light);background:#9d7cff1a}.choice-list input{width:1.35rem;height:1.35rem;accent-color:var(--violet)}.choice-list span{display:grid}.choice-list strong{font-size:1.08rem}.choice-list small{color:var(--muted)}.pack-card{border:2px solid var(--violet);background:#9d7cff14;border-radius:.9rem;padding:1.5rem}.pack-card h2{margin:.2rem 0;font-size:1.8rem}.selected-label{letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800;color:var(--mint)!important}.soft-note{padding-top:1rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0;display:grid}.stats-grid div{border:1px solid var(--line);border-radius:.8rem;flex-direction:column-reverse;justify-content:space-between;min-height:8rem;padding:1.2rem;display:flex}.stats-grid .featured{color:#17102c;background:var(--violet-light);border-color:var(--violet-light);grid-column:1/-1;min-height:10rem}.stats-grid dt{color:var(--muted)}.stats-grid .featured dt{color:#3b2b6f}.stats-grid dd{margin:0;font-size:2.6rem;font-weight:900}.stats-grid .featured dd{font-size:4rem}.difficulty-stats,.shortcut-list{margin:0}.difficulty-stats div,.shortcut-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.8rem 0;display:flex}.difficulty-stats dd,.shortcut-list dd{color:var(--muted);margin:0}.shortcut-list dt{min-width:5rem;color:var(--violet-light);font-weight:800}.prose p{max-width:65ch;color:var(--muted)}.setting-row,.toggle-row,.announcement-setting,.danger-zone{border-bottom:1px solid var(--line);padding:1.4rem 0}.setting-row label,.toggle-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.setting-row label span{color:var(--violet-light);font-weight:800}.setting-row input[type=range]{width:100%;accent-color:var(--violet);margin-top:1.25rem}.setting-row>p{color:var(--muted);margin:.6rem 0 0;font-size:.95rem}.toggle-row span{display:grid}.toggle-row small{color:var(--muted)}.toggle-row input{width:1.5rem;height:1.5rem;accent-color:var(--violet)}.announcement-setting{border:0;border-bottom:1px solid var(--line);margin:0}.announcement-setting legend{padding:0;font-weight:800}.announcement-setting p{color:var(--muted);margin:.35rem 0 1rem}.announcement-setting label{align-items:center;gap:.75rem;min-height:2.9rem;display:flex}.announcement-setting input{width:1.25rem;height:1.25rem;accent-color:var(--violet)}.danger-zone{border-bottom:0}.danger-zone button{border:2px solid var(--coral);background:0 0;border-radius:.6rem;min-height:3rem;padding:.7rem 1rem;font-weight:700}.game-main{align-items:center;padding:1rem 0 4rem;display:grid}.game-board{width:min(900px,100%);margin:0 auto;position:relative}.score-strip{border:1px solid var(--line);background:#ffffff06;border-radius:.85rem;grid-template-columns:repeat(5,1fr);margin:0;display:grid;overflow:hidden}.score-strip div{text-align:center;border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-height:5rem;padding:.8rem 1rem;display:flex}.score-strip div:last-child{border:0}.score-strip dt{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.score-strip dd{margin:0;font-size:1.3rem;font-weight:700}.game-status{min-height:5rem;color:var(--violet-light);justify-content:center;align-items:center;gap:.8rem;display:flex}.pulse{background:var(--violet);border-radius:50%;width:.7rem;height:.7rem}.pulse.listening{animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.sound-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}.sound-button{text-align:center;border:3px solid var(--accent);flex-direction:column;justify-content:center;align-items:center;min-height:clamp(7.5rem,14vw,9.5rem);padding:3rem .85rem 1rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.sound-button{border:3px solid color-mix(in srgb, var(--accent) 60%, var(--line))}}.sound-button{background:var(--accent);border-radius:1.2rem}@supports (color:color-mix(in lab, red, red)){.sound-button{background:color-mix(in srgb, var(--accent) 10%, var(--panel))}}.sound-button{transition:transform .12s,background .12s}.sound-button:not(:disabled):hover,.sound-button.is-playing{background:var(--accent);transform:scale(1.02)}@supports (color:color-mix(in lab, red, red)){.sound-button:not(:disabled):hover,.sound-button.is-playing{background:color-mix(in srgb, var(--accent) 28%, var(--panel))}}.sound-button:not(:disabled):hover,.sound-button.is-playing{box-shadow:inset 0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.sound-button:not(:disabled):hover,.sound-button.is-playing{box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--accent) 75%, transparent)}}.sound-button:disabled{opacity:.64}.sound-button strong{font-size:clamp(1rem,2.6vw,1.35rem);line-height:1.2}.sound-button small{color:var(--muted)}.sound-key{color:#161124;background:var(--accent);border-radius:.45rem;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid;position:absolute;top:.75rem;left:.85rem}.game-controls{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.2rem;display:flex}.game-controls button{border:1px solid var(--line);background:#ffffff0a;border-radius:.6rem;min-height:3rem;padding:.65rem 1rem;font-weight:700}.game-controls button span{color:var(--muted);margin-left:.7rem}.game-controls button:disabled{opacity:.45}.end-panel{z-index:5;text-align:center;border:2px solid var(--violet-light);background:#15122bfa;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;min-height:23rem;margin-top:1rem;padding:2rem;display:flex;position:relative;box-shadow:0 20px 80px #000000a6}.end-panel h2{margin:0;font-size:clamp(2rem,7vw,4rem)}.end-panel>div{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.error-message{border:2px solid var(--coral);border-radius:.6rem;margin-bottom:1rem;padding:1rem}@media (max-width:760px){.home{padding-top:3rem}.stats-grid{grid-template-columns:1fr}.stats-grid .featured{grid-column:auto}.score-strip{grid-template-columns:repeat(2,1fr)}.score-strip div{border-bottom:1px solid var(--line)}.score-strip div:nth-child(2n){border-right:0}.score-strip div:last-child{border-bottom:0;grid-column:1/-1}.sound-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}}@media (max-width:470px){.home-actions,.training-grid{grid-template-columns:1fr}.sound-button{min-height:8.2rem}.sound-button small{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.sound-key{forced-color-adjust:none;color:canvas;background:canvastext}.sound-button,.training-sound,.home-actions button{border:2px solid buttontext}}@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-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}