.flip-game{flex-direction:column;align-items:center;gap:18px;width:100%;padding-top:8px;display:flex}.flip-statbar{align-items:flex-end;gap:22px;display:flex}.flip-stat{flex-direction:column;align-items:center;line-height:1;display:flex}.flip-stat-value{font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.flip-stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:3px;font-size:10px;font-weight:600}.flip-grid{grid-template-columns:repeat(var(--flip-size,5), 1fr);gap:8px;width:100%;max-width:min(92vw,360px);display:grid}.flip-cell{aspect-ratio:1;border:2px solid var(--border-primary);border-radius:var(--hub-classic-radius,4px);background:var(--bg-secondary);cursor:pointer;min-width:44px;min-height:44px;padding:0;transition:transform 60ms,background .12s,border-color .12s}.flip-cell:active:not(:disabled){transform:scale(.94)}.flip-cell:focus-visible{outline:2px solid var(--mix-accent-flip);outline-offset:2px}.flip-cell--lit{background:var(--mix-accent-flip);border-color:var(--mix-accent-flip);box-shadow:0 0 0 1px color-mix(in srgb, var(--mix-accent-flip) 40%, transparent)}.flip-cell:disabled{cursor:default}.flip-cell--hint{outline:3px solid var(--mix-accent-flip);outline-offset:3px;z-index:1;animation:.75s ease-in-out infinite flip-hint-pulse;position:relative}@keyframes flip-hint-pulse{0%,to{transform:scale(1)}50%{transform:scale(.86)}}@media (prefers-reduced-motion:reduce){.flip-cell--hint{animation:none}}.flip-cell--toggled{animation:.2s ease-out flip-toggle}@keyframes flip-toggle{0%{transform:scale(1)}45%{opacity:.6;transform:scale(.78)}to{opacity:1;transform:scale(1)}}.flip-grid--win{animation:.4s flip-win}@keyframes flip-win{0%,to{filter:none;transform:scale(1)}45%{filter:drop-shadow(0 0 12px color-mix(in srgb, var(--mix-accent-flip) 65%, transparent));transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.flip-cell--toggled,.flip-grid--win{animation:none}}.flip-footer,.flip-result{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:min(92vw,360px);display:flex}.flip-hint-text{color:var(--text-secondary);text-align:center;margin:0;font-size:13px}.flip-actions{gap:10px;width:100%;display:flex}.flip-action-btn{flex:1 1 0}.flip-result-stars{letter-spacing:4px;color:var(--mix-accent-flip);margin:0;font-size:30px;line-height:1}.flip-result-line{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.flip-replay-btn{width:100%}