.rr {position:absolute;inset:0;overflow:hidden;background:#0c2440;color:#fff;font-family:system-ui,sans-serif;touch-action:none;user-select:none}
.rr-scene,.rr-canvas {position:absolute;inset:0;width:360px;height:640px}
.rr-scene svg {width:100%;height:100%}
.rr-top {position:absolute;left:14px;right:14px;top:15px;padding:12px 14px;background:linear-gradient(125deg,#101c35ed,#234760e8);border:1px solid #8dd7eb66;border-radius:14px;box-shadow:0 6px 22px #00162966;pointer-events:none}
.rr-title {display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px;color:#b0dbdf}
.rr-title b {font-size:17px;color:#fff;letter-spacing:1px}
.rr-health {height:6px;background:#061728;border-radius:6px;margin:10px 0 8px;overflow:hidden}
.rr-health i {display:block;height:100%;background:linear-gradient(90deg,#70f3c7,#daf7b4);transition:width .15s}
.rr-stats {display:flex;justify-content:space-between;font-size:11px;color:#cde6ed}
.rr-albums {position:absolute;left:18px;right:18px;top:119px;display:flex;gap:7px;pointer-events:none}
.rr-album {flex:1;text-align:center;border:1px solid #b1dce34a;border-radius:9px;background:#123249d9;padding:5px 1px;color:#a9c0cd;font-size:9px;transition:background .3s,box-shadow .3s}
.rr-album b {display:block;font-size:10px;margin-bottom:3px}
.rr-album.got {color:#fff;background:var(--album);border-color:#fff9;box-shadow:0 0 14px var(--album)}
.rr-boss {position:absolute;top:178px;left:34px;right:34px;pointer-events:none;text-align:center;font-size:11px;text-shadow:0 1px 3px #000}
.rr-boss[hidden] {display:none}
.rr-boss div {height:8px;margin-top:5px;background:#171724;border:1px solid #ffa098;border-radius:5px;overflow:hidden}
.rr-boss i {display:block;height:100%;background:linear-gradient(90deg,#ff646c,#ffd3ad)}
.rr-hero {position:absolute;top:467px;width:66px;height:109px;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 8px 5px #06142799)}
.rr-hero svg {width:100%;height:100%;overflow:visible}
.rr-hero.hurt {opacity:.35}
.rr-hero.gold {filter:drop-shadow(0 0 10px #ffe494)}
.rr-scarf {opacity:0}.rr-hero.red .rr-scarf {opacity:1}
.rr-aura {opacity:0}.rr-hero.purple .rr-aura {opacity:.7}
.rr-hero.blue {filter:drop-shadow(0 0 9px #a9efff)}
.rr-weapon {position:absolute;left:43px;top:2px;width:33px;height:47px;transform:rotate(-6deg)}
.rr-bottom {position:absolute;bottom:49px;left:20px;right:20px;text-align:center;pointer-events:none}
.rr-bottom b {display:inline-block;padding:6px 16px;border:1px solid #8edfec55;border-radius:20px;background:#0d2946ed;font-size:12px;letter-spacing:1px}
.rr-toast {position:absolute;left:22px;right:22px;top:222px;text-align:center;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s}
.rr-toast.on {opacity:1;transform:translateY(0)}
.rr-toast b {display:inline-block;padding:10px 17px;border-radius:9px;background:#0b213def;border:1px solid #ffe3a2;color:#ffe3a2;font-size:16px;box-shadow:0 6px 25px #001b4166}
.rr-flash {position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #ff5454;opacity:0}
.rr-flash.on {opacity:.6}