:root{color:#17332e;background:#f6f4ee;--page: #f6f4ee;--text: #17332e;--muted: #5d726d;--surface: #fffdf8;--surface-soft: #f1f5ef;--word-surface: #edf3ec;--word-text: #183a32;--border: #d7ded7;--border-strong: #b9c8be;--divider: #d8e1d7;--accent: #235f51;--button: #123b35;--button-hover: #0c2f29;--button-text: #fffdf8;--success-border: #8eb69e;--reveal-border: #dbca9b;--shadow: rgba(38, 64, 56, .06);font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,sans-serif;font-synthesis:none}:root[data-theme=dark]{color:#e8f1ed;background:#12201d;--page: #12201d;--text: #e8f1ed;--muted: #a9bdb6;--surface: #1a2b27;--surface-soft: #21342f;--word-surface: #223832;--word-text: #f0f7f4;--border: #385048;--border-strong: #58746a;--divider: #385048;--accent: #8fd5c1;--button: #a7dbc9;--button-hover: #c1e8da;--button-text: #10231e;--success-border: #5f9575;--reveal-border: #8c794a;--shadow: rgba(0, 0, 0, .2)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(100%,760px);margin:0 auto;padding:28px 18px 42px}.stats-heading,.guess-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:22px}.app-header>div:first-child{min-width:0}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.7rem,6vw,2.25rem);letter-spacing:-.04em}h2{margin-bottom:10px;font-size:1.15rem;letter-spacing:-.02em}.eyebrow{margin-bottom:7px;color:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.theme-picker{display:inline-flex;flex:0 0 auto;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.theme-picker button{min-height:28px;padding:4px 7px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:.68rem;font-weight:750}.theme-picker button.is-selected{background:var(--button);color:var(--button-text)}.theme-picker button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.practice-level{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:12px 14px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.practice-level-copy{min-width:0}.practice-level-copy .eyebrow{margin-bottom:3px}.practice-level-copy p:last-child{margin-bottom:0;color:var(--muted);font-size:.8rem;line-height:1.35}.practice-level-picker{display:inline-flex;flex:0 0 auto;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.practice-level-picker button{min-height:30px;padding:5px 8px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:.7rem;font-weight:750}.practice-level-picker button.is-selected{background:var(--button);color:var(--button-text)}.practice-level-picker button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.quiet-button,.reveal-button{border:0;background:transparent;color:var(--accent);font-size:.9rem;font-weight:750;text-decoration:underline;text-underline-offset:3px}.spectator-card,.guess-section,.stats,.outcome{margin-bottom:18px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 6px 22px var(--shadow)}.spectator-card{padding:21px}.spectator-card h2{font-size:1.4rem}.spectator-card p:last-child{margin-bottom:0;color:var(--muted);line-height:1.55}.words-section{padding:10px 2px 18px}.word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.word-card{display:grid;min-height:90px;padding:14px 7px;place-items:center;border:1px solid var(--border);border-radius:16px;background:var(--word-surface);color:var(--word-text);font-size:clamp(.65rem,2.6vw,1.1rem);font-weight:800;line-height:1.1;overflow:hidden;text-align:center;white-space:nowrap}.guess-section{padding:21px}label{display:block;margin-bottom:7px;color:var(--muted);font-size:.9rem;font-weight:700}.guess-row{display:flex;gap:10px}input{width:100%;min-height:50px;padding:12px 14px;border:2px solid var(--border-strong);border-radius:13px;background:var(--surface);color:var(--text);outline-offset:2px}input:focus{border-color:var(--accent)}.primary-button{min-height:50px;padding:12px 18px;border:0;border-radius:13px;background:var(--button);color:var(--button-text);font-weight:800;white-space:nowrap}.primary-button:hover{background:var(--button-hover)}.secondary-button{min-height:42px;padding:9px 14px;border:1px solid var(--border-strong);border-radius:11px;background:var(--surface-soft);color:var(--text);font-weight:800}.secondary-button:hover:not(:disabled){border-color:var(--accent)}.guess-meta{margin-top:14px;color:var(--muted);font-size:.9rem}.role-practice{margin-top:14px;padding:11px 12px;border:1px solid var(--divider);border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:.84rem}.role-practice summary{cursor:pointer;color:var(--accent);font-weight:800}.role-practice>p{margin:9px 0 10px;line-height:1.4}.role-select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.role-select-grid label{margin:0}.role-select-grid label span{display:block;min-height:2.4em;margin-bottom:4px;font-size:.75rem}.role-select-grid select{width:100%;min-height:40px;padding:7px 8px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);color:var(--text)}.status-message{margin:-4px 3px 18px;color:var(--accent);font-weight:700}.outcome{padding:21px}.outcome.solved{border-color:var(--success-border)}.outcome.revealed{border-color:var(--reveal-border)}.outcome-message{color:var(--text);font-size:1.04rem;font-weight:800}.mapping{margin-top:17px;padding:18px;border-radius:14px;background:var(--surface-soft)}.mapping h2{margin-bottom:16px;color:var(--text);font-size:1.7rem}.behavior-review,.role-review{margin-top:14px;padding:13px 14px;border:1px solid var(--divider);border-radius:12px;background:var(--surface)}.role-review.is-correct{border-color:var(--success-border)}.role-review p:last-child{margin-bottom:0;color:var(--muted);font-size:.86rem;line-height:1.45}.behavior-review .eyebrow{margin-bottom:7px}.behavior-review p:not(.eyebrow){margin-bottom:7px;color:var(--muted);font-size:.86rem;line-height:1.45}.behavior-review p:last-child{margin-bottom:0}.round-diagnostics{margin-top:14px;color:var(--muted);font-size:.82rem}.round-diagnostics summary{cursor:pointer;font-weight:800}.round-diagnostics code{overflow-wrap:anywhere}.round-feedback{margin-top:16px;padding:16px;border:1px solid var(--divider);border-radius:14px;background:var(--surface-soft)}.round-feedback h3{margin:0 0 7px;font-size:1rem}.feedback-help{margin-bottom:12px;color:var(--muted);font-size:.84rem;line-height:1.45}.feedback-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:13px}.feedback-choices button{min-height:42px;padding:8px 9px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--muted);font-size:.78rem;font-weight:750;line-height:1.25;text-align:left}.feedback-choices button.is-selected{border-color:var(--button);background:var(--button);color:var(--button-text)}.round-feedback textarea{width:100%;min-height:84px;resize:vertical;padding:10px 11px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);line-height:1.4}.round-feedback textarea:focus,.role-select-grid select:focus{border-color:var(--accent);outline:2px solid transparent}.save-feedback{width:100%;margin-top:10px}.feedback-status{margin:10px 0 0;color:var(--accent);font-size:.82rem;font-weight:750;line-height:1.4}dl{margin:0}dl div{padding:11px 0;border-top:1px solid var(--divider)}dt{margin-bottom:4px;color:var(--muted);font-size:.82rem;font-weight:800}dd{margin:0;line-height:1.45}.next-button{width:100%;margin-top:17px}.mapping-next-button{margin:0 0 16px}.stats{padding:19px 21px}.stats-heading h2{margin:0}.stats-heading span{color:var(--muted);font-size:.9rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:14px;border-top:1px solid var(--divider)}.stats-grid div{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid var(--divider)}.stats-grid div:nth-child(odd){padding-right:14px}.stats-grid div:nth-child(2n){padding-left:14px;border-left:1px solid var(--divider)}.stats-grid span{color:var(--muted);font-size:.87rem}.stats-grid strong{font-size:1.1rem}.reset-stats{display:block;margin:14px auto 0}.feedback-export{margin-top:15px;padding:14px;border:1px solid var(--divider);border-radius:12px;background:var(--surface-soft)}.feedback-export p{margin-bottom:5px;color:var(--muted);font-size:.83rem;line-height:1.4}.feedback-export p strong{color:var(--text)}.feedback-export-actions{display:flex;align-items:center;gap:14px;margin-top:11px}footer{padding:2px 5px;color:var(--muted);font-size:.78rem;line-height:1.45;text-align:center}@media(max-width:440px){.app-shell{min-height:100svh;padding:12px 14px 30px}.app-header{margin-bottom:10px}.app-header .eyebrow{display:none}h1{font-size:1.55rem}.theme-picker button{min-height:26px;padding-inline:5px;font-size:.62rem}.practice-level{display:block;margin-bottom:10px;padding:9px 10px;border-radius:13px}.practice-level-copy{display:none}.practice-level-picker{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.practice-level-picker button{min-height:28px;padding:4px 2px;font-size:.59rem}h2{margin-bottom:6px;font-size:1rem}.spectator-card,.guess-section,.outcome{margin-bottom:10px;border-radius:16px}.spectator-card{padding:12px 14px}.spectator-card .eyebrow{margin-bottom:4px;font-size:.64rem}.spectator-card h2{margin-bottom:4px;font-size:1.08rem}.spectator-card p:last-child{font-size:.78rem;line-height:1.32}.words-section{padding:0 2px 10px}.words-section .eyebrow{margin-bottom:4px;font-size:.64rem}.word-grid{gap:7px}.word-card{min-height:62px;padding:7px 4px;border-radius:13px;font-size:clamp(.68rem,3vw,.94rem);line-height:1.12;white-space:normal}.guess-section{padding:13px 14px}label{margin-bottom:5px;font-size:.8rem}.guess-row{gap:7px;flex-direction:row}input,.primary-button{min-height:44px}.primary-button{padding:10px 14px}.guess-meta{align-items:center;margin-top:8px;gap:8px;font-size:.78rem}.reveal-button{min-height:28px;padding:2px 0;font-size:.78rem;white-space:nowrap}.role-practice{margin-top:9px;padding:9px 10px}.role-select-grid{grid-template-columns:1fr;gap:7px}.role-select-grid label{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:8px}.role-select-grid label span{min-height:0;margin:0}.outcome{padding:13px 14px}.outcome-message{margin-bottom:10px;font-size:.94rem}.mapping{margin-top:10px;padding:11px}.mapping .eyebrow{margin-bottom:4px;font-size:.64rem}.mapping h2{margin-bottom:8px;font-size:1.25rem}.behavior-review{margin-top:8px;padding:8px 9px}.behavior-review p:not(.eyebrow){margin-bottom:5px;font-size:.76rem;line-height:1.3}.role-review{margin-top:8px;padding:8px 9px}.role-review p:last-child{font-size:.76rem;line-height:1.3}dl div{padding:6px 0}dt{margin-bottom:2px;font-size:.72rem}dd{font-size:.86rem;line-height:1.3}.round-feedback{margin-top:10px;padding:11px}.feedback-choices{grid-template-columns:1fr;gap:6px}.feedback-choices button{min-height:38px}.next-button{margin-top:10px}.mapping-next-button{margin:0 0 8px}.stats{margin-top:18px}}@media(max-width:440px)and (max-height:740px){.app-shell{padding-top:8px}.app-header{margin-bottom:6px}.spectator-card{padding-block:9px}.spectator-card p:last-child{display:none}.word-card{min-height:54px}.is-result .mapping{padding:8px 10px}.is-result dl div{padding:4px 0}}.pool-picker{grid-template-columns:repeat(3,1fr)}@media(max-width:440px){.pool-copy{display:block;margin-bottom:7px}.pool-copy p{font-size:.75rem;line-height:1.3}}