.cph-game{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.cph-tagline{text-align:center;margin:0;font-size:14px;font-weight:700}.cph-tagline--win{background:color-mix(in srgb, var(--green-accent,#4a8f3c) 14%, var(--bg-card));border:1px solid color-mix(in srgb, var(--green-accent,#4a8f3c) 42%, var(--border-primary));border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:12px;line-height:1.2;display:inline-flex}.cph-tagline-win-label{letter-spacing:.08em;text-transform:uppercase;color:var(--green-accent,#4a8f3c);font-size:10px;font-weight:800}.cph-tagline-win-code{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-primary);font-size:18px;font-weight:800}.cph-tagline-win-tries{color:var(--text-secondary);font-weight:600}.cph-bank{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cph-bank-key{border:1px solid var(--border-primary);background:color-mix(in srgb, var(--mix-accent-cipher) 12%, var(--bg-card));border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-family:inherit;font-size:16px;font-weight:800;line-height:1;display:inline-flex}.cph-bank-key:disabled{opacity:.45;cursor:default}.cph-slots{gap:8px;display:flex}.cph-slots--won{animation:.55s ease-in-out .1s cph-slots-glow}@keyframes cph-slots-glow{0%,to{filter:none}50%{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--green-accent,#4a8f3c) 55%, transparent))}}.cph-slot{border:2px solid var(--border-primary);background:var(--bg-card);border-radius:8px;justify-content:center;align-items:center;width:48px;height:52px;font-size:20px;font-weight:800;display:inline-flex}.cph-slot--active{border-color:var(--mix-accent-cipher)}.cph-slot--won{border-color:var(--green-accent,#4a8f3c);background:color-mix(in srgb, var(--green-accent,#4a8f3c) 16%, var(--bg-card));color:var(--text-primary);animation:.35s ease-out backwards cph-slot-pop}.cph-slot--won:nth-child(2){animation-delay:60ms}.cph-slot--won:nth-child(3){animation-delay:.12s}.cph-slot--won:nth-child(4){animation-delay:.18s}@keyframes cph-slot-pop{0%{opacity:.5;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.cph-history{flex-direction:column;gap:6px;width:100%;display:flex}.cph-row{background:var(--bg-secondary);font-family:var(--font-mono);border-radius:6px;justify-content:space-between;padding:6px 10px;font-size:14px;display:flex}.cph-row--win{background:color-mix(in srgb, var(--green-accent,#4a8f3c) 14%, var(--bg-secondary));border:1px solid color-mix(in srgb, var(--green-accent,#4a8f3c) 38%, var(--border-primary))}.cph-pegs{gap:10px;font-size:11px;display:flex}.cph-placed{color:var(--green-accent,#4a8f3c);font-weight:700}.cph-present{color:#c9a227;font-weight:700}.cph-tries{color:var(--text-muted);margin:0;font-size:12px}.cph-hint-msg,.cph-reveal{color:var(--text-secondary);margin:0;font-size:12px}.cph-result{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:min(88vw,300px);display:flex}.cph-result-actions{gap:8px;width:100%;display:flex}.cph-result-actions .mix-share-btn,.cph-result-actions .mix-btn{flex:1;width:auto;min-width:0}@media (prefers-reduced-motion:reduce){.cph-slots--won,.cph-slot--won{animation:none}}