.streak-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.85);padding:24px;color:#fff}
.streak-card{position:relative;isolation:isolate;overflow:hidden;text-align:center;width:100%;max-width:700px;padding:48px 30px;border:1px solid #75202e;border-radius:24px;background:#100d10;box-shadow:0 0 100px #4c182a66}
.streak-card h2{font: bold clamp(28px,4vw,44px) Georgia,serif;margin:0 0 16px}.streak-card p{font:clamp(20px,2.5vw,30px) Georgia,serif;margin:12px 0 28px;overflow-wrap:anywhere}
.streak-number{display:block;font:bold 110px Georgia,serif;color:#cb465b}.streak-card button{position:relative;min-height:48px;min-width:120px}.streak-card button:focus{outline:3px solid white;outline-offset:5px}
.streak-sparks{position:absolute;inset:0;pointer-events:none;z-index:-1}.streak-sparks i{position:absolute;width:3px;height:12px;background:#fff;animation:streak-spark 1.8s ease-out infinite}.streak-sparks i:after{content:'';position:absolute;width:12px;height:3px;background:inherit;left:-4.5px;top:4.5px}.streak-sparks i:nth-child(3n){background:#b92b44}
@keyframes streak-spark{0%{transform:translateY(24px) scale(.3);opacity:0}25%{opacity:.8}100%{transform:translateY(-36px) scale(1.2);opacity:0}}
@media(prefers-reduced-motion:reduce){.streak-sparks i{animation:none;opacity:.4}}