@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,p,ol{margin:0}button{font:inherit}}@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:oklch(95% .022 82);--paper-deep:oklch(91% .034 81);--ink:oklch(25% .028 108);--muted:oklch(46% .035 97);--line:oklch(73% .035 86);--moss:oklch(35% .059 137);--moss-soft:oklch(88% .051 135);--clay:oklch(53% .105 42);--clay-soft:oklch(90% .047 45);--heard:oklch(55% .072 235);--serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--sans:"Avenir Next", "Helvetica Neue", Helvetica, sans-serif}body{min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(90deg, transparent 0 7.2rem, color-mix(in oklch, var(--clay) 18%, transparent) 7.25rem 7.31rem, transparent 7.36rem), repeating-linear-gradient(0deg, transparent 0 31px, color-mix(in oklch, var(--moss) 10%, transparent) 32px 33px), var(--paper);font-family:var(--sans)}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--clay);outline-offset:4px}}@layer components{.app-shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);gap:clamp(1.25rem,2.8vw,3.5rem);width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:1.4rem clamp(1.25rem,4vw,5rem) 4rem;display:grid}.masthead{border-bottom:1px solid var(--line);grid-column:1/-1;align-items:center;gap:1rem;min-height:3.5rem;padding-bottom:1rem;display:flex}.wordmark{color:var(--ink);font:700 clamp(1.25rem, 2vw, 1.7rem)/1 var(--serif);letter-spacing:-.07em;text-decoration:none}.wordmark span{color:var(--clay);padding-inline:.08em}.masthead>p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.local-badge{color:var(--moss);letter-spacing:.12em;text-transform:uppercase;margin-left:auto;font-size:.7rem;font-weight:700}.eyebrow{color:var(--moss);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:800}h2{font:700 clamp(1.45rem, 2.5vw, 2rem)/1 var(--serif);letter-spacing:-.04em}.instruction{max-width:44rem;font:400 1.06rem/1.55 var(--serif);margin:1rem 0 1.3rem}.score{background:color-mix(in oklch, var(--paper) 68%, var(--paper-deep));border-block:1px solid var(--line);min-height:170px;margin-block:1.5rem 1rem;overflow-x:auto}.score svg{min-width:300px;display:block}.choices{flex-wrap:wrap;gap:.6rem;display:flex}.answer,.continue{border:1px solid var(--ink);color:var(--ink);background:0 0;border-radius:0;padding:.65rem 1rem;font-size:.9rem;font-weight:700;transition:background .16s,color .16s,transform .16s}.answer:hover,.continue:hover{color:var(--paper);background:var(--ink);transform:translateY(-2px)}.continue{color:var(--paper);background:var(--ink)}.game-page{grid-column:1/-1;width:100%;max-width:820px;margin:0 auto;padding-bottom:3rem}.curwen h2{margin-top:.4rem;font-size:clamp(2rem,4.5vw,3rem)}.metronome{border:1px solid var(--line);background:color-mix(in oklch, var(--paper) 70%, var(--paper-deep));align-items:center;gap:1rem;margin:1.2rem 0 2rem;padding:.8rem 1rem;display:flex}.metronome label{color:var(--muted);flex:1;align-items:center;gap:.7rem;font-size:.8rem;font-weight:700;display:flex}.metronome input[type=range]{min-width:90px;accent-color:var(--clay);flex:1}.metronome-beat{color:var(--clay);font-size:1.2rem;transition:opacity 90ms}.curwen{position:relative}.curwen-card{perspective:1400px}.curwen-card-inner{min-height:540px;transform-style:preserve-3d;transition:transform .36s cubic-bezier(.2,.7,.15,1);display:grid;position:relative}.curwen-card.is-flipped .curwen-card-inner{transform:rotateY(180deg)}.curwen-face{border:1px solid var(--ink);background:var(--paper);backface-visibility:hidden;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:1rem;min-width:0;padding:clamp(.75rem,3vw,1.6rem);display:flex}.curwen-face .score{width:100%}.audio-activity{background:var(--paper-deep);width:4rem;height:.45rem;overflow:hidden}.audio-activity>span{background:var(--moss);transform-origin:0;height:100%;display:block;transform:scaleX(.03)}.curwen-face.back{border-color:var(--moss);transform:rotateY(180deg)}.voice-staff{width:100%;max-width:560px;color:var(--ink)}.hand-row{grid-template-columns:repeat(auto-fit,minmax(48px,62px));justify-content:center;gap:.6rem;width:min(100%,36rem);display:grid}.hand-sign{width:62px;max-width:100%;height:54px;color:var(--moss);border:1px solid var(--line);background:color-mix(in oklch, var(--paper) 72%, var(--paper-deep));padding:5px}.answers-name{max-width:100%;font:700 clamp(1.6rem, 4vw, 2.6rem)/1.25 var(--serif);letter-spacing:.02em;text-align:center}.card-count{color:var(--muted);text-align:center;letter-spacing:.06em;margin-top:.9rem;font-size:.78rem}.small-mark{color:var(--clay);text-align:center;margin:.2rem 0;font-size:.78rem;font-weight:700}.answer.is-listening{color:var(--paper);background:var(--moss);border-color:var(--moss)}.ear-pulse{transform-origin:50%;transition:transform 90ms linear,opacity 90ms linear;display:inline-block}.voice-message{max-width:42rem;color:var(--moss);text-align:center;margin:.35rem auto;font-size:.82rem;font-weight:700}.voice-message.is-error,.voice-message.is-warning{color:var(--clay)}.heard-notes{color:var(--muted);align-items:center;gap:.55rem;font-size:.72rem;font-weight:700;display:flex}.heard-mark-row{gap:.3rem;display:flex}.heard-mark{border:1px solid var(--line);background:0 0;border-radius:50%;width:.7rem;height:.7rem}.heard-mark.is-heard{border-color:var(--moss);background:var(--moss)}.curwen-note{border-top:1px solid var(--line);color:var(--muted);font:.88rem/1.5 var(--serif);margin-top:2rem}.curwen-note summary{width:fit-content;color:var(--moss);cursor:pointer;font:700 .78rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:.8rem 0}.curwen-note-body{max-width:54rem;padding:0 0 1.5rem}.curwen-note-heading{color:var(--ink);font:700 .78rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin-top:1rem}.symbol-legend{flex-wrap:wrap;gap:.6rem;margin:.75rem 0 1rem;display:flex}.symbol-legend-item{border:1px solid var(--line);color:var(--ink);font:700 .78rem var(--sans);align-items:center;gap:.35rem;padding:.25rem .45rem;display:flex}.symbol-legend-item .hand-sign{border:0;width:2.2rem;height:2rem;padding:0}.curwen-video{color:var(--clay);font:700 .82rem var(--sans)}.session-setup{border:0}.session-setup>summary{display:none}.series-settings{border:1px solid var(--line);background:color-mix(in oklch, var(--paper) 70%, var(--paper-deep));flex-wrap:wrap;align-items:center;gap:.9rem;margin:1.1rem 0 1.5rem;padding:.8rem 1rem;display:flex}.series-settings label{color:var(--muted);align-items:center;gap:.55rem;font-size:.78rem;font-weight:700;display:flex}.series-settings select{border:1px solid var(--line);color:var(--ink);background:var(--paper);font:inherit;padding:.45rem .6rem}.series-settings input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--moss);margin:0}.series-settings .randomize-count small{color:var(--muted);margin-top:.1rem;font-size:.65rem;font-weight:600;display:block}.series-summary{border:1px solid var(--ink);background:var(--paper);padding:clamp(1.2rem,3vw,2rem)}.series-summary h2{font:700 clamp(1.8rem, 4vw, 2.8rem)/1 var(--serif);margin-top:.35rem}.series-score{color:var(--muted);margin:.65rem 0 1.2rem}.series-score strong{color:var(--moss);font:700 2rem var(--serif)}.series-results{gap:.45rem;margin-bottom:1.3rem;display:grid}.series-result{border-bottom:1px solid var(--line);grid-template-columns:1.5rem minmax(180px,220px) auto 1fr auto;align-items:center;gap:.7rem;padding:.35rem 0;display:grid}.series-number{color:var(--clay);font-weight:800}.series-notation{width:220px;overflow:hidden}.series-notation .score{background:0 0;border:0;min-height:76px;margin:0;overflow:hidden}.series-notation .score svg{width:100%;min-width:0;height:76px}.series-symbols{gap:.2rem;display:flex}.series-symbols .hand-sign{border:0;width:2rem;height:1.8rem;padding:0}.series-notes{color:var(--ink);font:700 .9rem var(--serif)}.series-status{font:800 .7rem var(--sans);letter-spacing:.05em;text-transform:uppercase}.series-status.is-recognized{color:var(--moss)}.series-status.is-unrecognized{color:var(--clay)}.result-face{text-align:center;font-size:2.2rem;line-height:1;display:block}.result-face.is-happy{color:var(--moss)}@keyframes listening-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklch, var(--moss) 35%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in oklch, var(--moss) 0%, transparent)}}.answer.is-on{color:var(--paper);background:var(--moss);border-color:var(--moss)}.answer.is-ghost{border-color:var(--line);color:var(--muted)}.reveal-timer{width:min(100%,34rem);color:var(--moss);text-align:center;font-size:.78rem;font-weight:700}.reveal-track{background:var(--paper-deep);height:.35rem;margin-top:.45rem;overflow:hidden}.reveal-fill{background:var(--moss);transform-origin:0;height:100%;animation:linear forwards reveal-progress}@keyframes reveal-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.answer,.continue,.series-settings select,.series-settings label{min-height:44px}select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--clay);outline-offset:4px}}@layer responsive{@media (width<=720px){body{background:var(--paper)}.app-shell{padding:1rem 1.15rem 3rem;display:block}.masthead{min-height:2.75rem;margin-bottom:.75rem;padding-bottom:.65rem}.masthead>p{display:none}.session-setup{border:1px solid var(--line);background:color-mix(in oklch, var(--paper) 70%, var(--paper-deep));margin:.7rem 0 .95rem}.session-setup>summary{min-height:44px;color:var(--moss);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.78rem;font-weight:800;list-style:none;display:flex}.session-setup>summary::-webkit-details-marker{display:none}.session-setup-icon{border-bottom:2px solid;border-right:2px solid;width:.6rem;height:.6rem;margin-right:.1rem;transition:transform .16s;transform:rotate(45deg)translateY(-.15rem)}.session-setup[open] .session-setup-icon{transform:rotate(225deg)translateY(-.15rem)}.session-setup:not([open])>.session-setup-content{display:none}.session-setup>.session-setup-content{border-top:1px solid var(--line);padding:0 .85rem .85rem}.session-setup .instruction{margin:.85rem 0 1rem;font-size:1rem}.session-setup .series-settings{background:0 0;border:0;margin:0;padding:0}.score{margin-inline:-.15rem}.series-result{grid-template-columns:1.2rem minmax(160px,1fr) auto}.series-notes{grid-column:2/4}.series-status{grid-column:3}}@media (prefers-reduced-motion:reduce){.curwen-card-inner,.answer,.continue{transition:none}.answer:hover,.continue:hover{transform:none}.reveal-fill{animation:none;transform:scaleX(1)}.audio-activity{display:none}}}