.drp-game{flex-direction:column;align-items:center;gap:14px;width:100%;padding-top:8px;display:flex}.drp-statbar{gap:24px;display:flex}.drp-stat{flex-direction:column;align-items:center;line-height:1;display:flex}.drp-stat-value{font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.drp-lives{color:var(--mix-accent-drops);letter-spacing:2px}.drp-stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:3px;font-size:10px;font-weight:600}.drp-board{aspect-ratio:3/4;border:2px solid var(--border-primary);border-radius:var(--hub-classic-radius,4px);background:linear-gradient(to bottom, var(--bg-secondary), color-mix(in srgb, var(--mix-accent-drops) 12%, var(--bg-secondary)));touch-action:none;width:100%;max-width:min(92vw,340px);position:relative;overflow:hidden}.drp-drop{aspect-ratio:1;background:var(--mix-accent-drops);width:12%;box-shadow:0 0 8px color-mix(in srgb, var(--mix-accent-drops) 55%, transparent);cursor:pointer;border:none;border-radius:50% 50% 50% 0;margin-left:0;padding:0;position:absolute;transform:rotate(45deg)}.drp-pop{aspect-ratio:1;background:radial-gradient(circle at center, color-mix(in srgb, var(--mix-accent-drops) 80%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:12%;animation:.22s ease-out forwards drp-pop-anim;position:absolute;transform:translateY(-30%)scale(.7)}@keyframes drp-pop-anim{0%{opacity:.95;transform:translateY(-30%)scale(.7)}to{opacity:0;transform:translateY(-30%)scale(1.9)}}.drp-splash{border:2px solid color-mix(in srgb, var(--mix-accent-drops) 60%, transparent);pointer-events:none;border-radius:50%;width:12%;height:6%;animation:.4s ease-out forwards drp-splash-anim;position:absolute;bottom:1%;transform:scale(.4)}@keyframes drp-splash-anim{0%{opacity:.85;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}.drp-hurt{z-index:3;pointer-events:none;border-radius:inherit;background:color-mix(in srgb, var(--color-slot-wrong-text,#d33) 22%, transparent);animation:.3s ease-out forwards drp-hurt-anim;position:absolute;inset:0}@keyframes drp-hurt-anim{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.drp-pop,.drp-splash,.drp-hurt{opacity:0;animation:none}}.drp-overlay{background:color-mix(in srgb, var(--bg-card) 55%, transparent);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drp-overlay-text{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-primary);font-size:14px;font-weight:700}.drp-hint{color:var(--text-muted);text-align:center;margin:0;font-size:12px}.drp-result{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:min(92vw,340px);display:flex}.drp-full-btn{width:100%}