.rf{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;gap:22px;padding:clamp(20px,3.5vw,36px);display:grid;position:relative;overflow:hidden}.rf-top{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.rf-top h2{margin:6px 0}.rf-top p{color:var(--muted)}.rf-ctl{flex-wrap:wrap;gap:8px;display:flex}.rf-ctl button{font:600 .9rem var(--body);cursor:pointer;border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:999px;padding:.6rem 1rem}.rf-ctl button.pri{background:var(--brand);color:var(--on-brand);border-color:#0000}.rf-hud{background:var(--surface2);border-radius:18px;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:10px 18px;padding:14px 18px;display:grid}.rf-proj{font:800 1.5rem/1 var(--display);white-space:nowrap}.rf-proj small{font:500 .7rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;display:block}.rf-meter{gap:5px;min-width:0;display:grid}.rf-meter span{font:500 .72rem var(--mono);color:var(--muted);justify-content:space-between;gap:6px;display:flex}.rf-meter span b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.rf-bar{background:var(--surface);border:1px solid var(--line);border-radius:99px;height:10px;overflow:hidden}.rf-bar i{background:var(--brand);border-radius:99px;width:10%;height:100%;transition:width .8s cubic-bezier(.3,1.4,.5,1);display:block}.rf-meter.cost .rf-bar i{background:var(--accent)}@media (width<=640px){.rf-hud{grid-template-columns:1fr 1fr}.rf-proj{grid-column:1/-1}}.rf-floor{padding-bottom:62px;position:relative}.rf-line{z-index:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid;position:relative}@media (width<=900px){.rf-line{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=520px){.rf-line{grid-template-columns:repeat(2,minmax(0,1fr))}}.rf-bot{text-align:center;grid-template-rows:74px auto auto;justify-items:center;gap:4px;min-width:0;display:grid}.rf-say{background:var(--ink);color:var(--bg);font:500 .78rem/1.3 var(--body);opacity:0;pointer-events:none;border-radius:12px;align-self:end;max-width:100%;padding:7px 10px;transition:opacity .2s,transform .25s cubic-bezier(.3,1.6,.5,1);position:relative;transform:translateY(6px)scale(.9)}.rf-say:after{content:"";border:6px solid #0000;border-bottom:0;border-top-color:var(--ink);margin-left:-6px;position:absolute;bottom:-6px;left:50%}.rf-bot.talk .rf-say{opacity:1;transform:none}.rf-bot svg{width:min(92px,100%);height:auto;overflow:visible}.rf-bot.talk svg{animation:.5s ease-in-out infinite alternate rf-hop}.rf-bot.talk .eye{transform:scaleY(.25)}.rf-bot .eye{transform-box:fill-box;transform-origin:50%;transition:transform .15s;animation:4.5s infinite rf-blink}.rf-bot:nth-child(2n) .eye{animation-delay:1.3s}.rf-bot:nth-child(3n) .eye{animation-delay:2.6s}.rf-bot .ant{transform-box:fill-box;transform-origin:bottom;animation:2.4s ease-in-out infinite rf-wob}.rf-name{font:600 .78rem/1.2 var(--body);color:var(--ink);overflow-wrap:anywhere}.rf-name small{font:500 .66rem var(--mono);color:var(--muted);letter-spacing:.04em;display:block}.rf-belt{background:repeating-linear-gradient(90deg,var(--line) 0 14px,var(--surface2) 14px 28px);border:1px solid var(--line);border-radius:99px;height:22px;animation:1.2s linear infinite rf-belt;position:absolute;bottom:0;left:0;right:0}.rf.paused .rf-belt,.rf.paused .rf-bot svg,.rf.paused .ant,.rf.paused .eye{animation-play-state:paused}.rf-box{z-index:2;pointer-events:none;width:44px;height:36px;transition:transform .7s cubic-bezier(.5,0,.3,1);position:absolute;bottom:16px;left:0}.rf-box b{background:var(--accent);border:2px solid var(--ink);font:700 .62rem var(--mono);color:var(--on-accent);border-radius:6px;place-items:center;display:grid;position:absolute;inset:0}.rf-box em{font:800 .7rem var(--mono);letter-spacing:.06em;color:var(--good);border:2px solid var(--good);background:var(--surface);white-space:nowrap;border-radius:6px;padding:2px 6px;font-style:normal;transition:transform .3s cubic-bezier(.3,1.8,.5,1);position:absolute;top:-30px;left:50%;transform:translate(-50%)rotate(-10deg)scale(0)}.rf-box.ok em{transform:translate(-50%)rotate(-10deg)scale(1)}.rf-note{font:500 .74rem var(--mono);color:var(--muted)}@keyframes rf-hop{to{transform:translateY(-5px)rotate(-2deg)}}@keyframes rf-blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes rf-wob{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes rf-belt{to{background-position:28px 0}}@media (prefers-reduced-motion:reduce){.rf-belt,.rf-bot svg,.rf-bot .ant,.rf-bot .eye{animation:none!important}.rf-box,.rf-bar i{transition:none}}