/* =====================================================================
   HOT ROCKET — night launch site, hazard stripes, red-hot alarms
   ===================================================================== */
.hr{--hot:#ff3d5a;--amb:#ff9a3c;--yel:#ffd34d;--haz:repeating-linear-gradient(135deg,#ffd34d 0 8px,#1a1030 8px 16px)}
.hr-night{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,2,16,.82) 0%,rgba(5,3,24,.62) 38%,rgba(10,4,30,.28) 70%,rgba(30,6,30,.05) 88%);
  box-shadow:inset 0 0 160px rgba(0,0,0,.6)}
.hr-night::before{content:'';position:absolute;inset:0;background-image:radial-gradient(2px 2px at 12% 14%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 28% 8%,#bff8ff 50%,transparent 51%),radial-gradient(2px 2px at 44% 20%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 63% 6%,#ffd8f4 50%,transparent 51%),radial-gradient(2px 2px at 78% 17%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 91% 10%,#bff8ff 50%,transparent 51%),radial-gradient(2px 2px at 6% 34%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 95% 36%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 54% 31%,#fff3c4 50%,transparent 51%),radial-gradient(2px 2px at 20% 42%,#fff 50%,transparent 51%);animation:hrTwinkle 3s steps(3) infinite}
@keyframes hrTwinkle{50%{opacity:.55}}

/* ================= HOST ================= */
.hr-host{position:fixed;inset:0;z-index:1}
.hr-cv{position:fixed;inset:0;width:100vw;height:100vh;z-index:4;pointer-events:none;image-rendering:pixelated}
.hr-top{position:fixed;top:8px;left:72px;right:72px;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;pointer-events:none}
.hr-brand{display:flex;align-items:center;gap:16px;background:var(--panel);padding:8px 16px;height:72px;border-bottom:4px solid var(--hot)}
.hr-brand svg{height:56px;width:auto;animation:hrJit 1s steps(2) infinite}
.hr-logo{font-weight:700;font-size:32px;letter-spacing:6px;color:#fff;text-shadow:-3px 0 #ff3d5a,3px 0 #ffd34d,0 0 22px rgba(255,61,90,.7)}
.hr-round{font-size:16px;letter-spacing:4px;text-transform:uppercase;color:var(--yel)}
.hr-room{display:flex;flex-direction:column;align-items:flex-end;background:var(--panel);padding:8px 16px;height:72px;border-bottom:4px solid var(--yel)}
.hr-room b{font-weight:700;font-size:32px;line-height:32px;letter-spacing:8px;color:var(--yel);text-shadow:0 0 14px rgba(255,211,77,.6)}
@keyframes hrJit{50%{transform:translate(1px,-1px) rotate(2deg)}}

.hr-ring{position:fixed;inset:0;z-index:3;pointer-events:none}
.hr-pod{--pw:176px;position:fixed;width:var(--pw);transform:translate(-50%,-50%);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:8px 12px;background:rgba(14,10,40,.92);border-bottom:4px solid #2f2878;transition:left .5s cubic-bezier(.2,1.2,.4,1),top .5s cubic-bezier(.2,1.2,.4,1),opacity .3s,filter .3s;animation:pipPop .5s cubic-bezier(.2,1.7,.35,1)}
.hr-pod .pav{grid-row:span 2;display:flex;align-items:center;justify-content:center;width:36px;height:36px}
.hr-pod .pav svg{max-width:36px;max-height:36px}
.hr-pod .pnm{grid-column:2 / span 2;font-size:16px;line-height:20px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hr-pod .psc{font-weight:700;font-size:16px;line-height:20px;color:var(--yel)}
.hr-pod .psc.bump{animation:bzBump .4s cubic-bezier(.2,1.9,.4,1)}
.hr-pod .pst{justify-self:end;font-size:16px;line-height:20px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-3)}
.hr-ring.compact .hr-pod .pst{display:none}
.hr-pod.next{border-bottom-color:var(--amb)}
.hr-pod.next .pst{color:var(--amb)}
.hr-pod.holding{z-index:2;background:linear-gradient(rgba(60,8,20,.95),rgba(30,6,24,.95)) padding-box,var(--haz) border-box;border:4px solid transparent;box-shadow:0 0 30px rgba(255,61,90,.7),0 0 70px rgba(255,154,60,.35);animation:hrHold .5s steps(2) infinite}
.hr-pod.holding .pst{color:#fff;background:var(--hot);padding:0 4px;animation:hrBlink .5s steps(2) infinite}
.hr-pod.holding .pnm{color:#fff3c4}
@keyframes hrHold{50%{box-shadow:0 0 44px rgba(255,61,90,.95),0 0 100px rgba(255,211,77,.45);transform:translate(-50%,-50%) scale(1.04)}}
@keyframes hrBlink{50%{background:var(--yel);color:#1a0505}}
.hr-pod.catch{animation:hrCatch .45s cubic-bezier(.2,1.8,.35,1)}
@keyframes hrCatch{0%{transform:translate(-50%,-50%) scale(1.25);filter:brightness(2)}100%{transform:translate(-50%,-50%)}}
.hr-pod.out{opacity:.55;filter:grayscale(1) brightness(.7);border-bottom-color:#3a1a2a}
.hr-pod.out .pnm{text-decoration:line-through}
.hr-pod.out::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(0,0,0,.35) 10px 14px);pointer-events:none}
.hr-pod.blasted{opacity:1;filter:none;animation:hrBlast .9s steps(8)}
@keyframes hrBlast{0%{background:#fff;transform:translate(-50%,-50%) scale(1.4)}20%{background:#ffd34d}40%{background:#ff3d5a;transform:translate(-56%,-46%) scale(1.1) rotate(-6deg)}60%{transform:translate(-44%,-54%) rotate(5deg)}100%{transform:translate(-50%,-50%)}}
.hr-pod.gone{opacity:.25}
.hr-pod.winner,.hr-pod.champ{z-index:2;border:4px solid var(--yel);box-shadow:0 0 30px rgba(255,211,77,.8);animation:novaBob 1s ease-in-out infinite}
.hr-pod.winner .pst,.hr-pod.champ .pst{color:var(--yel)}
.hr-pod.winner .pst,.hr-pod.champ .pst{color:#1a0800;background:var(--yel);padding:0 4px}
.hr-host.is-final .hr-end{display:none}

/* center panel */
.hr-center{position:fixed;left:50%;top:55.5%;transform:translate(-50%,-50%);z-index:3;width:min(600px,46vw);text-align:center;border-top:4px solid var(--hot);box-shadow:0 0 40px rgba(255,61,90,.18);transition:width .3s}
.hr-center.v-intro{width:min(640px,50vw);padding:24px}
.hr-irk{display:flex;justify-content:center;margin:-8px 0 8px}
.hr-irk svg{height:96px;width:auto}
.hr-title{font-weight:700;font-size:48px;line-height:56px;letter-spacing:6px;margin-top:8px;color:#fff;text-shadow:-3px 0 #ff3d5a,3px 0 #ffd34d,0 0 26px rgba(255,61,90,.6)}
.hr-title.gold{color:var(--yel);text-shadow:-3px 0 rgba(255,61,154,.8),3px 0 rgba(46,240,255,.8),0 0 26px rgba(255,211,77,.8)}
.hr-rules{list-style:none;margin:16px 0 0;padding:0;text-align:left;display:flex;flex-direction:column;gap:8px}
.hr-rules li{font-size:16px;line-height:24px;color:var(--ink-2);padding-left:24px;position:relative}
.hr-rules li::before{content:'';position:absolute;left:4px;top:8px;width:8px;height:8px;background:var(--hot);box-shadow:0 0 8px var(--hot)}
.hr-rules b{color:#fff}
.hr-go{margin-top:24px;width:100%}
.hr-go:disabled{opacity:.5;cursor:not-allowed;border-color:#4a3fa0;box-shadow:none}
.hr-q{font-weight:700;font-size:32px;line-height:40px;margin-top:8px;color:#fff;text-shadow:0 0 18px rgba(255,61,90,.35)}
.hr-used{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;max-height:112px;overflow:hidden}
.hr-uchip{--tc:#aeb6cc;font-size:16px;line-height:24px;padding:0 8px;color:#fff;border:2px solid var(--tc);background:color-mix(in srgb,var(--tc) 14%,#0c0928)}
.hr-uchip.fresh{animation:bzChipIn .5s cubic-bezier(.2,1.7,.35,1) both;box-shadow:0 0 14px var(--tc)}
.hr-uempty{font-size:16px;color:var(--ink-3)}
.hr-count{margin-top:16px;font-weight:700;font-size:48px;line-height:48px;color:var(--yel);text-shadow:0 0 18px rgba(255,211,77,.7)}
.hr-count.pop{animation:bzCd .6s cubic-bezier(.2,1.8,.35,1)}
.hr-wav{margin-top:8px}.hr-wsub{font-size:16px;color:var(--ink-2)}.hr-wsub b{color:var(--yel)}
.hr-center.v-win{border-top-color:var(--yel)}
.hr-pod-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;text-align:left}
.hr-pod-list li{display:grid;grid-template-columns:32px 32px 1fr auto auto;gap:8px;align-items:center;padding:4px 12px;background:#0d0a30;border-left:4px solid #2f2878;font-size:16px;animation:bzGrp .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--d)}
.hr-pod-list .rk{color:var(--ink-3)}.hr-pod-list b{font-weight:700;color:var(--yel)}.hr-pod-list .wn{color:var(--amb);font-size:16px;margin-right:8px}
.hr-pod-list li.r1{border-left-color:var(--yel);background:#2a1c08;font-size:24px}.hr-pod-list li.r1 b{font-size:24px}
.hr-pod-list li.r2{border-left-color:#c9d0e0}.hr-pod-list li.r3{border-left-color:var(--amb)}
.hr-fbtns{display:flex;gap:8px;justify-content:center;margin-top:16px}

.hr-bottom{position:fixed;left:24px;right:24px;bottom:16px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:none}
.hr-hint{font-size:16px;color:var(--ink-2);background:rgba(10,7,30,.8);padding:4px 12px}
.hr-hint b{color:#fff3c4}
.hr-end{pointer-events:auto;min-height:44px}

/* answer bubbles over the pods */
.hr-bub{--tc:#aeb6cc;position:fixed;z-index:6;display:flex;align-items:center;gap:8px;padding:8px 12px;transform:translate(-50%,-140%);font-weight:700;font-size:24px;line-height:24px;color:#fff;white-space:nowrap;background:color-mix(in srgb,var(--tc) 26%,#0c0928);border:4px solid var(--tc);box-shadow:0 0 24px var(--tc);pointer-events:none;animation:hrBub 2.4s cubic-bezier(.2,1.4,.4,1) both}
.hr-bub b{color:var(--tc);text-shadow:0 0 8px var(--tc)}
.hr-bub.nope{--tc:#ff3d6a;font-weight:400;font-size:16px;border-width:2px;box-shadow:none;background:rgba(40,6,20,.9)}
.hr-bub.close{--tc:#ffd34d;font-weight:400;font-size:16px;border-width:2px;box-shadow:none}
@keyframes hrBub{0%{opacity:0;transform:translate(-50%,-80%) scale(.4)}12%{opacity:1;transform:translate(-50%,-150%) scale(1.15)}25%{transform:translate(-50%,-140%) scale(1)}80%{opacity:1;transform:translate(-50%,-170%)}100%{opacity:0;transform:translate(-50%,-200%)}}

/* round slam, kaboom, flash */
.hr-slam{position:fixed;left:0;right:0;top:50%;transform:translateY(-50%);z-index:7;text-align:center;padding:24px 16px;background:linear-gradient(90deg,transparent,rgba(30,4,16,.92) 15%,rgba(30,4,16,.92) 85%,transparent);border-top:4px solid transparent;border-bottom:4px solid transparent;border-image:var(--haz) 4;animation:bzBanIn .35s cubic-bezier(.2,1.4,.4,1) both;pointer-events:none}
.hr-slam b{display:block;font-weight:700;font-size:88px;line-height:88px;letter-spacing:12px;color:#fff;text-shadow:-5px 0 #ff3d5a,5px 0 #ffd34d,0 0 40px rgba(255,61,90,.8);animation:bzLetter .6s cubic-bezier(.2,1.9,.35,1) both}
.hr-slam span{display:block;margin-top:16px;font-size:32px;line-height:40px;color:#fff3c4}
.hr-slam.out{animation:bzBanOut .45s ease-in both}
.hr-kaboom{position:fixed;left:0;right:0;top:50%;z-index:7;transform:translateY(-50%);text-align:center;pointer-events:none;padding:24px 0;background:linear-gradient(90deg,transparent,rgba(40,4,10,.88) 18%,rgba(40,4,10,.88) 82%,transparent);animation:hrKb 3.6s cubic-bezier(.2,1.6,.4,1) both}
.hr-kaboom b{display:block;font-weight:700;font-size:88px;line-height:88px;letter-spacing:6px;color:#fff3c4;text-shadow:-5px 0 #ff3d5a,5px 0 #ff9a3c,0 0 40px #ff3d5a,0 4px 0 #2a0505;animation:hrKbText .2s steps(2) infinite}
.hr-kaboom span{display:inline-block;margin-top:8px;font-size:24px;letter-spacing:4px;text-transform:uppercase;color:#fff;background:rgba(40,4,10,.9);padding:4px 16px}
@keyframes hrKb{0%{opacity:0;transform:translateY(-50%) scaleY(0)}8%{opacity:1;transform:translateY(-50%) scaleY(1.2)}14%{transform:translateY(-50%)}85%{opacity:1}100%{opacity:0;transform:translateY(-50%) scaleY(0)}}
.hr-kaboom b{animation:hrKbIn .6s cubic-bezier(.2,1.8,.35,1) both,hrKbText .2s steps(2) .6s infinite}
@keyframes hrKbIn{0%{transform:scale(3) rotate(-10deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes hrKbText{50%{color:#ffd34d;text-shadow:-5px 0 #ffd34d,5px 0 #ff3d5a,0 0 50px #ff9a3c,0 4px 0 #2a0505}}
.hr-flash{position:fixed;inset:0;z-index:8;pointer-events:none;background:#fff3e0;animation:hrFlash .7s ease-out forwards}
@keyframes hrFlash{0%{opacity:.9}20%{opacity:.6;background:#ff9a3c}100%{opacity:0;background:#ff3d5a}}
.hr-host.boomshake{animation:hrShake .6s steps(10)}
@keyframes hrShake{10%{transform:translate(-14px,8px)}20%{transform:translate(12px,-10px)}30%{transform:translate(-10px,-6px)}40%{transform:translate(8px,10px)}50%{transform:translate(-6px,4px)}70%{transform:translate(4px,-4px)}100%{transform:none}}

@media (max-width:1100px){.hr-logo{font-size:24px}.hr-center{width:min(560px,60vw)}.hr-q{font-size:24px;line-height:32px}.hr-title{font-size:40px}.hr-slam b,.hr-kaboom b{font-size:64px;line-height:64px}}

/* ================= PHONE ================= */
.hr-phone{position:fixed;inset:0;z-index:1;overflow:hidden}
.hrp-top{position:fixed;top:12px;left:64px;right:64px;z-index:5;display:flex;justify-content:center;gap:12px;align-items:center;height:40px;font-size:16px;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}
.hrp-brand{font-weight:700;color:#fff;text-shadow:-2px 0 #ff3d5a,2px 0 #ffd34d}
.hrp-room{color:#1a0505;background:var(--yel);padding:0 6px;letter-spacing:4px}
.hrp-body{position:fixed;left:50%;transform:translateX(-50%);top:104px;bottom:8px;width:min(480px,calc(100vw - 16px));z-index:3;display:flex;flex-direction:column;gap:12px;overflow:auto;padding-bottom:8px}
.hrp-card{text-align:center;border-top:4px solid var(--hot);margin-top:56px}
.hrp-big{display:flex;justify-content:center;margin:16px 0}
.hrp-rules{list-style:none;margin:0;padding:0;text-align:left;display:flex;flex-direction:column;gap:8px}
.hrp-rules li{font-size:16px;line-height:24px;color:var(--ink-2);padding-left:20px;position:relative}
.hrp-rules li::before{content:'';position:absolute;left:2px;top:8px;width:8px;height:8px;background:var(--hot)}
.hrp-rules b{color:#fff}
.hrp-wait{margin-top:16px;font-size:16px;color:var(--ink-3)}
.hrp-q{font-weight:700;font-size:24px;line-height:32px;color:#fff;margin-top:8px}
.hrp-cd{margin-top:16px;font-weight:700;font-size:88px;line-height:88px;color:var(--yel);text-shadow:-4px 0 #ff3d5a,4px 0 #ff9a3c,0 0 30px rgba(255,211,77,.7)}
.hrp-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:rgba(10,7,30,.85);border-top:2px solid #2f2878;font-size:16px;color:var(--ink-3)}
.hrp-foot b{font-weight:700;font-size:24px;color:var(--yel)}

/* pixel rocket on phones */
.hrp-rk{display:block;image-rendering:pixelated}
.hrp-rk .spk{animation:hrSpk .12s steps(2) infinite}
.hrp-rk .spk2{animation:hrSpk .09s steps(2) infinite reverse}
@keyframes hrSpk{50%{fill:#ff9a3c;transform:translate(1px,-1px)}}
.hrp-rk.idle{animation:hrJit 1.2s steps(2) infinite}
.hrp-rk.hot{animation:hrHot .09s steps(2) infinite;filter:drop-shadow(0 0 12px rgba(255,61,90,.9)) drop-shadow(0 0 30px rgba(255,154,60,.6))}
@keyframes hrHot{0%{transform:translate(-2px,1px) rotate(-2deg)}100%{transform:translate(2px,-1px) rotate(2deg)}}
.hrp-rk.mini{height:64px;width:auto;margin-left:auto;animation:hrJit .3s steps(2) infinite}

/* alarm (your turn) */
.hr-phone.alarm .hr-night{background:radial-gradient(circle at 50% 30%,rgba(255,70,40,0) 0 80px,rgba(255,40,40,.32) 240px,rgba(120,6,16,.85) 520px),repeating-linear-gradient(135deg,rgba(40,4,8,.92) 0 24px,rgba(60,6,12,.92) 24px 48px);animation:hrSiren .7s steps(2) infinite}
@keyframes hrSiren{50%{filter:brightness(1.5) saturate(1.3)}}
.hrp-alert{text-align:center;padding:0}
.hrp-alert b{display:block;font-weight:700;font-size:32px;line-height:40px;letter-spacing:2px;color:#fff3c4;text-shadow:-3px 0 #ff3d5a,3px 0 #ffd34d,0 0 22px #ff3d5a;animation:hrAlertT .35s steps(2) infinite}
.hrp-alert span{display:inline-block;margin-top:4px;font-size:16px;letter-spacing:2px;text-transform:uppercase;color:#1a0505;background:var(--yel);padding:0 8px}
@keyframes hrAlertT{50%{color:#fff;transform:scale(1.04)}}
.hrp-rocket{display:flex;justify-content:center;height:104px;align-items:center}
.hrp-rocket svg{height:104px;width:auto}
.hrp-turn{border-top:4px solid var(--hot);background:rgba(30,6,16,.92)}
.hrp-turn.calm{background:var(--panel)}
.hrp-form{display:flex;gap:8px;margin-top:12px}
.hrp-in{border-color:var(--hot);height:56px;box-shadow:0 0 20px rgba(255,61,90,.5);caret-color:var(--yel)}
.hrp-pass{min-width:96px;min-height:56px;padding:0 16px;border-color:var(--yel);background:#3a0a10;box-shadow:0 0 18px rgba(255,211,77,.5)}
.hrp-msg{min-height:24px;margin-top:8px;font-size:16px;line-height:24px;color:var(--ink-3)}
.hrp-msg.miss{color:#ff8aa0}.hrp-msg.dupe{color:#ffb070}.hrp-msg.close{color:var(--yel)}.hrp-msg.wait{color:var(--ink-2)}
.hrp-dym{display:flex;flex-wrap:wrap;gap:8px}
.hrp-dchip{min-height:44px;border-color:var(--yel)}
.hrp-used{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:rgba(10,7,30,.88)}
.hrp-used.empty{font-size:16px;color:var(--ink-3);justify-content:center}
.hrp-used s{--tc:#aeb6cc;font-size:16px;line-height:24px;padding:0 8px;color:color-mix(in srgb,var(--tc) 60%,#c8c0e8);background:rgba(255,255,255,.06);border-left:4px solid var(--tc);text-decoration-thickness:2px;text-decoration-color:rgba(255,61,90,.8)}

/* watch */
.hrp-watch{display:flex;flex-direction:column;gap:12px;min-height:100%}
.hrp-holder{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(rgba(40,6,16,.94),rgba(40,6,16,.94)) padding-box,var(--haz) border-box;border:4px solid transparent;box-shadow:0 0 24px rgba(255,61,90,.45)}
.hrp-holder .hav{flex:none;width:48px;display:flex;justify-content:center}
.hrp-holder b{display:block;font-weight:700;font-size:24px;line-height:32px;color:#fff3c4;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hrp-holder .label{font-size:16px;letter-spacing:2px}
.hrp-last{--tc:#aeb6cc;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:16px;line-height:24px;background:color-mix(in srgb,var(--tc) 14%,#0c0928);border-left:4px solid var(--tc);animation:bzChipIn .45s cubic-bezier(.2,1.7,.35,1) both}
.hrp-last span{flex:1;min-width:0}.hrp-last i{font-style:normal;font-weight:700;color:var(--tc)}
.hrp-ring{display:flex;flex-wrap:wrap;gap:6px}
.hrp-pl{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:16px;background:#0e0b34;border:2px solid #2a2470}
.hrp-pl.hold{border-color:var(--hot);background:#3a0a16;animation:hrBlinkB .5s steps(2) infinite}
@keyframes hrBlinkB{50%{border-color:var(--yel)}}
.hrp-pl.out{opacity:.45;text-decoration:line-through}
.hrp-pl.mine{box-shadow:inset 0 -3px 0 var(--cyan)}

/* boom + round end + final */
.hrp-boom{position:relative;margin-top:56px;text-align:center;padding:24px 16px}
.hrp-boom b{display:block;font-weight:700;font-size:64px;line-height:64px;letter-spacing:4px;color:#fff3c4;text-shadow:-4px 0 #ff3d5a,4px 0 #ff9a3c,0 0 40px #ff3d5a}
.hrp-boom span{display:inline-block;margin-top:16px;font-size:16px;letter-spacing:2px;text-transform:uppercase;color:#fff;background:rgba(40,4,10,.9);padding:4px 12px}
.hrp-boom.other b{font-size:48px;line-height:48px}
@media (max-width:480px){.hrp-boom b{font-size:48px;line-height:48px}.hrp-boom.other b{font-size:40px;line-height:40px}}
.hrp-boom b{animation:hrBoomIn .5s cubic-bezier(.2,1.8,.35,1) both,hrKbText .2s steps(2) .5s infinite}
@keyframes hrBoomIn{0%{transform:scale(3) rotate(-12deg);opacity:0}100%{transform:none;opacity:1}}
.hrp-blast{position:absolute;left:50%;top:56px;width:0;height:0;pointer-events:none}
.hrp-blast i{position:absolute;left:-8px;top:-8px}
.hr-phone.blown{animation:hrShake .6s steps(10)}
.hr-phone.blown .hr-night{background:radial-gradient(circle at 50% 30%,rgba(255,211,77,.35),rgba(120,6,16,.85) 60%);animation:hrFlashBg 1.2s ease-out both}
@keyframes hrFlashBg{0%{background-color:#fff3e0}}
.hrp-win{border-top-color:var(--yel)}
.hrp-wav{display:flex;justify-content:center;margin-top:12px}
.hrp-wn{font-weight:700;font-size:32px;line-height:40px;margin-top:8px;color:var(--yel);text-shadow:-3px 0 rgba(255,61,154,.8),3px 0 rgba(46,240,255,.8),0 0 22px rgba(255,211,77,.8)}
.hrp-win.mine .hrp-wn{animation:novaHue 1.4s linear infinite}
.hrp-final{border-top-color:var(--yel)}
.hrp-rank{font-weight:700;font-size:64px;line-height:72px;color:#fff;margin-top:8px;text-shadow:-3px 0 #ff3d5a,3px 0 #ffd34d}
.hrp-rank small{font-size:16px;color:var(--ink-3);margin-left:8px;font-weight:400;text-shadow:none;letter-spacing:2px}
.hrp-fs b{font-weight:700;font-size:48px;color:var(--yel)}.hrp-fs span{font-size:16px;color:var(--ink-2);margin-left:8px}
.hrp-toplist{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;text-align:left}
.hrp-toplist li{display:grid;grid-template-columns:24px 1fr auto;gap:8px;padding:4px 12px;background:#0d0a30;font-size:16px}
.hrp-toplist li.mine{background:#1a0c36;box-shadow:inset 4px 0 0 var(--pink)}
.hrp-toplist b{color:var(--yel)}
.hrp-saved{margin-top:12px;font-size:16px;color:var(--cyan)}
.hrp-pr{border-top-color:var(--yel)}
@media (max-height:700px){.hrp-card,.hrp-boom{margin-top:24px}.hrp-rocket{height:88px}.hrp-rocket svg{height:88px}}