:root{--game-correct-bg: var(--color-success-50);--game-correct-border: color-mix(in srgb, var(--color-success) 50%, transparent);--game-correct-ink: var(--color-success);--game-close-bg: var(--color-warning-50);--game-close-border: color-mix(in srgb, var(--color-warning) 50%, transparent);--game-close-ink: var(--color-warning);--game-wrong-bg: var(--color-danger-50);--game-wrong-border: color-mix(in srgb, var(--color-danger) 50%, transparent);--game-wrong-ink: var(--color-danger);--game-tier1-bg: var(--color-surface-sunken);--game-tier1-border: var(--color-border-light);--game-tier1-ink: var(--color-text-secondary);--game-tier2-bg: color-mix(in srgb, var(--color-key-yellow) 18%, var(--color-surface-raised));--game-tier2-border: color-mix(in srgb, var(--color-key-yellow) 38%, transparent);--game-tier2-ink: var(--color-key-yellow);--game-tier2-badge-ink: var(--color-on-key-yellow);--game-tier3-bg: color-mix(in srgb, var(--color-success) 18%, var(--color-surface-raised));--game-tier3-border: color-mix(in srgb, var(--color-success) 38%, transparent);--game-tier3-ink: var(--color-success);--game-tier3-badge-ink: var(--color-on-success);--game-timer-ok: var(--color-primary);--game-timer-warning: var(--color-warning);--game-timer-danger: var(--color-danger);--game-steps-cell: color-mix(in srgb, var(--color-primary) 16%, var(--color-surface-raised));--game-steps-cell-played: color-mix(in srgb, var(--color-primary) 32%, var(--color-surface-raised));--game-steps-cell-ink: var(--color-primary);--game-dash-cell: color-mix(in srgb, var(--color-accent) 16%, var(--color-surface-raised));--game-dash-cell-played: color-mix(in srgb, var(--color-accent) 32%, var(--color-surface-raised));--game-dash-cell-ink: var(--color-accent)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes dash-pop{0%{transform:scale(1)}40%{transform:scale(1.14)}70%{transform:scale(.96)}to{transform:scale(1)}}@keyframes dash-answer-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes dash-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.dash-shake{animation:dash-shake .42s ease}.dash-pop{animation:dash-pop .28s ease}.dash-answer-in{animation:dash-answer-in .22s ease}.dash-timer-pulse{animation:dash-timer-pulse .9s ease infinite}.app-card--inverse input::placeholder,.app-card--inverse textarea::placeholder{color:var(--color-on-surface-inverse);opacity:.55}.guess-autocomplete-item:hover{background:var(--color-surface-sunken)}.app-card{background:var(--color-surface-raised);border:1px solid var(--color-border-light);border-radius:16px;padding:20px}.app-card-eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary)}.app-card-title{font-family:var(--font-family-heading);font-weight:700;color:var(--color-on-surface)}.app-card-subtitle{font-size:14px;color:var(--color-text-secondary);margin:8px 0 0}.app-card--inverse{background:var(--color-surface-inverse);border-color:transparent}.app-card--inverse .app-card-eyebrow{color:color-mix(in srgb,var(--color-on-surface-inverse) 70%,transparent)}.btnPrimary{display:inline-flex;align-items:center;gap:6px;background:var(--color-primary);color:var(--color-on-primary);border:1px solid var(--color-primary);border-radius:9999px;padding:10px 16px;font-family:var(--font-family-base);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .05s ease;text-decoration:none}.btnPrimary:hover{background:var(--color-primary);transform:none;box-shadow:none}.btnPrimary:disabled{opacity:.5;cursor:not-allowed}.btnPrimaryFull{width:100%;justify-content:center}.btnGhost{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--color-on-surface);border:1px solid var(--color-border-light);border-radius:9999px;padding:10px 16px;font-family:var(--font-family-base);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease;text-decoration:none}.btnGhost:hover{background:transparent}.game-shell{padding:16px 14px 28px}.game-stats-row{display:flex;align-items:center;justify-content:center;gap:20px}.game-stat-number{font-family:var(--font-family-mono);font-size:clamp(1.75rem,6vw,2.25rem);font-weight:700;color:var(--color-on-surface);font-variant-numeric:tabular-nums;line-height:1}.game-result-headline{font-family:var(--font-family-heading);font-size:clamp(1.375rem,4vw,1.75rem);font-weight:700;letter-spacing:-.03em;color:var(--color-on-surface);margin:4px 0 0;line-height:1.15}.game-result-score{font-family:var(--font-family-mono);font-size:clamp(2rem,7vw,3rem);font-weight:700;letter-spacing:-.04em;color:var(--color-on-surface);font-variant-numeric:tabular-nums;line-height:1}.game-cta-headline{font-family:var(--font-family-heading);font-size:clamp(1.125rem,3.5vw,1.375rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--color-on-surface-inverse);margin:6px 0 0}.game-share-row{display:flex;gap:8px;margin-top:14px}.guess-autocomplete{position:absolute;bottom:100%;left:0;right:0;background:var(--color-surface-raised);border:1px solid var(--color-border-light);border-radius:14px;margin-bottom:8px;max-height:40vh;overflow-y:auto;box-shadow:var(--shadow-medium)}.clue-header{display:flex;align-items:center;gap:10px;padding:12px 14px 8px}.clue-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);flex:1}.clue-body{padding:10px 14px 16px;font-size:clamp(.875rem,1.05vw,1rem);line-height:1.68;color:var(--color-on-surface)}.clue-guess-row{padding:10px 14px;display:flex;align-items:center;gap:10px}.clue-guess-text{font-size:clamp(.8125rem,1vw,.9375rem);font-weight:500;flex:1;letter-spacing:-.01em}.clue-guess-badge{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.75;flex-shrink:0}.game-input-text{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:4px 0;font-family:var(--font-family-heading);font-size:clamp(.9375rem,1.2vw,1.0625rem);font-weight:500;color:var(--color-on-surface)}.game-toast{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--color-surface-accent);color:var(--color-primary);border:1px solid var(--color-primary-border);font-size:clamp(.8125rem,1vw,.875rem);font-weight:600;text-align:center}.game-view-result-row{padding:clamp(12px,1.2vw,16px) clamp(14px,1.5vw,20px);text-align:center}.game-empty-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary)}.game-empty-heading{font-family:var(--font-family-heading);font-size:clamp(1.25rem,2.5vw,1.375rem);font-weight:700;letter-spacing:-.02em;color:var(--color-on-surface);margin-top:8px}.game-empty-body{margin-top:8px;font-size:clamp(.875rem,1.05vw,.9375rem);line-height:1.6;color:var(--color-text-secondary)}.game-teaching-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:8px}.game-teaching-text{margin:0;font-size:clamp(.875rem,1.05vw,.9375rem);line-height:1.72;color:var(--color-on-surface)}.game-countdown-label{text-align:center;margin-top:14px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary)}@media(min-width:600px){.game-shell{padding:18px 16px 30px}.clue-header{padding:12px 16px 8px}.clue-body{padding:10px 16px 18px}.clue-guess-row{padding:10px 16px}}@media(min-width:900px){.game-shell{padding:22px 20px 36px}.clue-header{padding:14px 20px 10px}.clue-body{padding:12px 20px 20px}.clue-guess-row{padding:12px 20px}}@media(max-width:480px){.game-shell{padding:12px 10px 24px}.game-share-row{flex-direction:column}.game-share-row>*{width:100%;justify-content:center}.guess-autocomplete{position:static;bottom:auto;margin-bottom:0;margin-top:8px}.app-card{padding:16px;border-radius:14px}.btnPrimary,.btnGhost{padding:12px 16px;font-size:14px}.game-input-text{font-size:16px}}
