/* ragebar-immersive (RAGE plugin 1.4.0) — built from GATERAGE/ragebar wordpress/ragebar-immersive.html by tools/build-plugin.mjs. Edit the widget, not this file. */
:root{--ri-g:#3ddc84;--ri-hot:#ff3b30;--ri-amber:#ffb340;--ri-ink:#e9ffe9;--ri-dim:#86a492;--ri-line:#1f3a2b}
.ri{position:fixed;inset:0;z-index:100000;display:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ri-ink)}
.ri.ri-open{display:block;animation:riIn .22s ease-out}
.ri.ri-closing{animation:riOut .18s ease-in forwards}
@keyframes riIn{from{opacity:0}to{opacity:1}}
@keyframes riOut{to{opacity:0}}
.ri-back{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 18%,rgba(18,40,28,.86),rgba(3,5,8,.96) 70%);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2)}
.ri-sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ri-stage{position:relative;height:100%;overflow-y:auto;padding:min(12vh,96px) 16px 48px;box-sizing:border-box}
.ri-field{max-width:760px;margin:0 auto;border:1px solid rgba(61,220,132,.3);border-radius:14px;background:rgba(8,14,11,.66);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 22px 60px rgba(0,0,0,.55);transition:box-shadow .3s ease,border-color .3s ease}
.ri-field.ri-lit{border-color:var(--ri-g);box-shadow:0 0 0 1px rgba(61,220,132,.35),0 24px 70px rgba(0,0,0,.6),0 0 40px rgba(61,220,132,.22)}
.ri-field.ri-red{border-color:var(--ri-hot);box-shadow:0 0 0 1px rgba(255,59,48,.4),0 0 40px rgba(255,59,48,.22)}
.ri-bar{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid rgba(61,220,132,.16);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ri-dim)}
.ri-dot{width:8px;height:8px;border-radius:50%;background:var(--ri-g);box-shadow:0 0 10px var(--ri-g)}
.ri-bar b{color:var(--ri-g);font-weight:700}
.ri-sp{flex:1}
.ri-dv{color:#bfe8d0!important;text-decoration:none!important;letter-spacing:.08em;text-transform:none;font-size:10.5px;white-space:nowrap}
.ri-dv:hover,.ri-dv:focus-visible{color:var(--ri-g)!important}
@media (max-width:600px){.ri-dv{display:none}}
.ri-btn{all:unset;cursor:pointer;padding:3px 8px;border:1px solid var(--ri-line);border-radius:7px;color:var(--ri-ink);font-size:11px;letter-spacing:.08em;text-transform:none}
.ri-btn:hover,.ri-btn:focus-visible{border-color:var(--ri-g);color:var(--ri-g)}
.ri-btn[aria-pressed="true"]{background:rgba(61,220,132,.16);border-color:var(--ri-g);color:var(--ri-g)}
.ri-q{display:block;box-sizing:border-box;width:100%;height:64px;padding:0 18px;border:0;outline:0;background:transparent;color:var(--ri-ink);caret-color:var(--ri-g);font:inherit;font-size:22px}
.ri-q::placeholder{color:#6d8a78;opacity:1}
.ri-vars{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:4px 12px 10px}
.ri-vars .ri-lab{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ri-dim);margin:0 2px 0 6px}
.ri-vars .ri-lab:first-child{margin-left:0}
.ri-chip{all:unset;cursor:pointer;font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--ri-line);color:#bfe8d0;background:rgba(61,220,132,.04);user-select:none}
.ri-chip:hover,.ri-chip:focus-visible{border-color:var(--ri-g)}
.ri-chip[aria-pressed="true"]{background:rgba(61,220,132,.18);border-color:var(--ri-g);color:var(--ri-g)}
.ri-chip.ri-off{opacity:.45;text-decoration:line-through}
.ri-meter{display:flex;align-items:center;gap:10px;padding:0 14px 12px;font-size:11px;color:var(--ri-dim)}
.ri-bar2{flex:1;height:3px;background:#11201a;border-radius:2px;overflow:hidden}
.ri-bar2 i{display:block;height:100%;width:0;background:var(--ri-g);transition:width .3s ease,background .3s ease}
.ri-red .ri-bar2 i{background:var(--ri-hot)}
.ri-legs{max-width:760px;margin:14px auto 0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11px;color:var(--ri-dim)}
.ri-legs b{font-weight:400}
.ri-ok{color:var(--ri-g)}.ri-pend{color:var(--ri-amber)}.ri-bad{color:var(--ri-hot)}
.ri-term-log{max-width:760px;margin:10px auto 0;font-size:12px;color:#a9cdb9;white-space:pre-wrap}
.ri-term-log:empty{display:none}
.ri-results{list-style:none;max-width:760px;margin:16px auto 0;padding:0;display:grid;gap:10px}
.ri-card{display:block;padding:12px 16px;border:1px solid var(--ri-line);border-radius:11px;background:rgba(6,14,10,.78);text-decoration:none!important;color:var(--ri-ink)!important;animation:riRise .35s ease-out both;transition:border-color .2s ease,transform .2s ease}
.ri-card:hover,.ri-card:focus-visible{border-color:var(--ri-g);transform:translateY(-1px);outline:0}
@keyframes riRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ri-t{font-size:15px;line-height:1.4;color:#eaf6ef}
.ri-m{margin-top:3px;font-size:10.5px;color:var(--ri-dim);letter-spacing:.04em}
.ri-s{margin-top:6px;font-size:12.5px;line-height:1.55;color:#a9cdb9}
.ri-ranks{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.ri-rank{font-size:10px;padding:1px 7px;border-radius:9px;border:1px solid #1c3325;color:var(--ri-g)}
.ri-fuse{height:2px;margin-top:8px;background:linear-gradient(90deg,var(--ri-g),transparent);border-radius:1px}
.ri-foot{max-width:760px;margin:18px auto 0;font-size:10.5px;color:var(--ri-dim);line-height:1.7}
.ri-foot a{color:#bfe8d0!important}
.ri-hint{font-size:10.5px;color:var(--ri-dim);padding:0 14px 10px}
.ri-art{padding:0}
.ri-ah{all:unset;box-sizing:border-box;display:block;width:100%;padding:12px 16px;cursor:pointer;border-radius:11px}
.ri-ah:focus-visible{outline:2px solid var(--ri-g);outline-offset:-2px}
.ri-ah .ri-t::before{content:"▸ ";color:var(--ri-g);display:inline-block;transition:transform .2s ease}
.ri-art.ri-on>.ri-ah .ri-t::before{transform:rotate(90deg)}
.ri-art.ri-on{border-color:var(--ri-g)}
.ri-art.ri-seen>.ri-ah .ri-t{color:#9fd8b6}
.ri-body{display:none;padding:0 16px 12px 16px;font-size:12.5px;line-height:1.6;color:#cfe9d9}
.ri-art.ri-on>.ri-body{display:block}
.ri-body p{margin:0 0 6px}
.ri-voice{color:var(--ri-amber)}
.ri-acts2{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 2px}
.ri-act{all:unset;cursor:pointer;font-size:11px;padding:3px 9px;border:1px solid var(--ri-line);border-radius:6px;color:var(--ri-ink);background:rgba(6,14,10,.9)}
.ri-act:hover,.ri-act:focus-visible{border-color:var(--ri-g);color:var(--ri-g)}
a.ri-act{color:var(--ri-g)!important;text-decoration:none!important}
.ri-sub{margin:8px 0 2px;padding-left:10px;border-left:2px dashed #2a5c3f;display:grid;gap:8px}
.ri-sub-h{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ri-amber)}
.ri-sub-h span{flex:1}
.ri-trail{max-width:760px;margin:12px auto 0;display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:10.5px;color:var(--ri-dim)}
.ri-trail:empty{display:none}
.ri-trail button{all:unset;cursor:pointer;padding:2px 8px;border:1px solid var(--ri-line);border-radius:10px;color:#bfe8d0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ri-trail button:hover,.ri-trail button:focus-visible{border-color:var(--ri-g);color:var(--ri-g)}
.ri-trail .ri-tag{color:var(--ri-g);background:rgba(61,220,132,.08)}
.ri-clear .ri-back{background:radial-gradient(ellipse at 50% 18%,rgba(8,20,14,.55),rgba(3,5,8,.25) 70%);backdrop-filter:none;-webkit-backdrop-filter:none}
.ri.ri-clear,.ri-clear .ri-stage,.ri-clear .ri-back{pointer-events:none}
.ri-clear .ri-field,.ri-clear .ri-results,.ri-clear .ri-legs,.ri-clear .ri-foot,.ri-clear .ri-term-log,.ri-clear .ri-trail,.ri-clear .ri-win{pointer-events:auto}
.ri-mode{display:inline-flex;border:1px solid var(--ri-line);border-radius:8px;overflow:hidden}
.ri-mode button{all:unset;cursor:pointer;padding:3px 9px;font-size:11px;letter-spacing:.08em;color:var(--ri-dim)}
.ri-mode button[aria-pressed="true"]{background:rgba(61,220,132,.16);color:var(--ri-g)}
.ri-mode button:focus-visible{outline:2px solid var(--ri-g)}
.ri-rolo{position:relative;height:76px;margin:0 12px 8px;perspective:700px;overflow:hidden;outline:0}
.ri-rolo:focus-visible{box-shadow:0 0 0 2px rgba(61,220,132,.4);border-radius:10px}
.ri-pc{position:absolute;top:6px;left:50%;width:200px;height:62px;margin-left:-100px;box-sizing:border-box;padding:7px 11px;border:1px solid var(--ri-line);border-radius:10px;background:rgba(6,14,10,.92);cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.3,1),opacity .35s ease,border-color .2s;user-select:none}
.ri-pc b{display:block;font-size:12.5px;color:#eaf6ef;font-weight:600}
.ri-pc i{display:block;font-style:normal;font-size:10.5px;color:var(--ri-dim);line-height:1.35;max-height:2.7em;overflow:hidden}
.ri-pc.ri-on{border-color:var(--ri-g);box-shadow:0 0 22px rgba(61,220,132,.2)}
.ri-pc.ri-new{animation:riRoll .6s cubic-bezier(.2,.8,.3,1)}
@keyframes riRoll{from{transform:translateY(60px) rotateX(-80deg);opacity:0}}
.ri-pc .ri-px{position:absolute;top:3px;right:6px;font-size:12px;color:var(--ri-dim)}
.ri-drop{border-color:var(--ri-amber)!important;box-shadow:0 0 0 2px rgba(255,179,64,.35),0 0 40px rgba(255,179,64,.18)!important}
.ri-drop .ri-rolo::after{content:"drop the .persona: it rolls in here";position:absolute;inset:6px 0;display:flex;align-items:center;justify-content:center;border:1px dashed var(--ri-amber);border-radius:10px;color:var(--ri-amber);font-size:12px;background:rgba(20,14,4,.8)}
.ri-panel{display:none;border-top:1px solid rgba(61,220,132,.16);padding:10px 12px 12px}
.ri-panel-on .ri-panel{display:block}
.ri-dev{display:none;border-top:1px solid rgba(61,220,132,.16);padding:10px 12px 12px}
.ri-dev.ri-show{display:block}
.ri-dev video{width:200px;max-width:45%;border-radius:8px;border:1px solid var(--ri-line);float:right;margin:0 0 8px 10px;background:#000}
.ri-dev video.ri-mirror{transform:scaleX(-1)}
.ri-dev canvas.ri-scope{display:block;width:100%;height:56px;border:1px solid var(--ri-line);border-radius:8px;background:rgba(0,0,0,.35);margin:6px 0}
.ri-dev select{all:unset;cursor:pointer;font-size:11px;padding:3px 8px;border:1px solid var(--ri-line);border-radius:7px;color:var(--ri-ink);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ri-dev .ri-note{font-size:10.5px;color:var(--ri-dim);margin-top:6px;line-height:1.5;clear:both}
.ri-btn.ri-live{border-color:var(--ri-hot);color:#ff8a80;box-shadow:0 0 12px rgba(255,59,48,.25)}
.ri-panel h4{margin:8px 0 6px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ri-dim);font-weight:400}
.ri-panel h4:first-child{margin-top:0}
.ri-diag{display:grid;grid-template-columns:max-content 1fr;gap:2px 14px;font-size:11.5px}
.ri-diag span:nth-child(odd){color:var(--ri-dim)}
.ri-acts{display:flex;gap:6px;flex-wrap:wrap}
.ri-stop{border-color:#5a1f1a!important;color:#ff8a80!important}
.ri-win{position:fixed;z-index:3;width:min(420px,calc(100vw - 32px));max-height:min(60vh,520px);display:flex;flex-direction:column;border:1px solid rgba(61,220,132,.35);border-radius:12px;background:rgba(6,12,9,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.6);animation:riRise .25s ease-out}
.ri-win-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:grab;user-select:none;border-bottom:1px solid rgba(61,220,132,.16);font-size:11px;color:var(--ri-g);touch-action:none}
.ri-win-bar span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ri-win.ri-drag .ri-win-bar{cursor:grabbing}
.ri-win-body{overflow:auto;padding:8px;display:grid;gap:8px}
.ri-win .ri-card{padding:9px 12px}
.ri-win .ri-t{font-size:13.5px}
@media (max-width:600px){.ri-stage{padding-top:24px}.ri-q{height:56px;font-size:18px}}
@media (prefers-reduced-motion:reduce){.ri.ri-open,.ri.ri-closing,.ri-card{animation:none}.ri-sparks{display:none}}