: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-text-tertiary)}.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:12px;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-hover, var(--color-primary))}.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:12px;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:var(--color-surface-sunken)}.game-shell{padding:16px 14px 32px}.game-stats-row{display:flex;align-items:center;justify-content:center;gap:20px}.game-stat-number{font-family:var(--font-family-mono);font-size:36px;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:28px;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:48px;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:22px;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;overflow:hidden;box-shadow:var(--shadow-medium)}@media(max-width:480px){.game-shell{padding:12px 10px 28px}.game-stat-number{font-size:28px}.game-result-score{font-size:36px}.game-result-headline{font-size:22px}.game-cta-headline{font-size:19px}.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}}