.rpg-hud{position:fixed;right:14px;top:14px;z-index:55;width:238px;padding:12px;border:1px solid #00ffff;border-radius:16px;background:rgba(4,8,20,.88);box-shadow:0 0 24px rgba(0,255,255,.28);font:700 .72rem "Cascadia Mono","Courier New",monospace;backdrop-filter:blur(12px)}.rpg-top{display:flex;align-items:end;justify-content:space-between;color:#ffcc00}.rpg-level{font-size:2rem;line-height:.9;color:#00ffff;text-shadow:0 0 12px #00ffff}.xp-track{height:8px;margin:9px 0;border:1px solid #00ffff;border-radius:99px;overflow:hidden}.xp-fill{height:100%;width:0;background:linear-gradient(90deg,#00ffff,#ff00ff);box-shadow:0 0 12px #00ffff;transition:width .35s}.rpg-controls{display:flex;gap:5px;flex-wrap:wrap}.rpg-controls button,.rpg-controls a{flex:1;padding:6px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#101426;color:#fff;text-align:center;text-decoration:none;cursor:pointer}.rpg-controls button[aria-pressed="true"]{border-color:#ff00ff;color:#ff9cff}.rpg-ready .otter{top:178px}
.donor-wall{position:relative;margin:28px auto;padding:22px;overflow:hidden}.donor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.donor-card{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid rgba(0,255,255,.32);border-radius:13px;background:rgba(0,255,255,.04)}.donor-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ffcc00,#ff00ff,#00ffff,#ffcc00);color:#070815;font-weight:950}.donor-card.legend{border-color:#ffcc00;animation:legendAppear .55s ease-out}.donor-card small{display:block;color:#b8b8d2}.donor-label{color:#ffcc00;font-size:.64rem;letter-spacing:.1em}
.rpg-toast{position:fixed;left:50%;top:18%;z-index:80;translate:-50% 0;max-width:min(520px,88vw);padding:15px 20px;border:1px solid #ffcc00;border-radius:14px;background:rgba(5,8,18,.94);color:#fff;box-shadow:0 0 35px rgba(255,204,0,.48);animation:toastIn 3.8s ease both}.rpg-particle{position:fixed;z-index:75;pointer-events:none;width:7px;height:14px;background:var(--particle,#00ffff);animation:particleFall 1.6s ease-out forwards}
.government-message{font-family:"Cascadia Mono","Courier New",monospace!important;border:1px solid #54ff79!important;background:#03120a!important;color:#8dffa4!important;box-shadow:0 0 22px rgba(84,255,121,.45)!important}.classified-flash{position:fixed;inset:0;z-index:78;pointer-events:none;background:rgba(0,0,0,.3);animation:classified .5s ease both}.classified-otter{filter:brightness(1.8) drop-shadow(0 0 18px #00ffff)!important}
.time-warp{animation:timeWarp .7s ease}.slow-motion *{animation-duration:2s!important;transition-duration:2s!important}.cinema-bars::before,.cinema-bars::after{content:"";position:fixed;left:0;right:0;z-index:70;height:11vh;background:#000;pointer-events:none;animation:barsIn .35s ease}.cinema-bars::before{top:0}.cinema-bars::after{bottom:0}
.clip-stage{position:fixed;inset:0;z-index:85;display:none;place-items:center;padding:20px;background:rgba(0,0,0,.84);backdrop-filter:blur(8px)}.clip-stage.open{display:grid}.clip-card{width:min(720px,92vw);min-height:260px;padding:28px;border:1px solid #ff00ff;border-radius:20px;background:linear-gradient(145deg,#091224,#25082b);box-shadow:0 0 38px rgba(255,0,255,.4)}.clip-event{margin:12px 0;padding:12px;border-left:3px solid #00ffff;background:rgba(0,255,255,.05);animation:clipEvent .45s ease}.donation-dialog{max-width:min(480px,92vw);border:1px solid #ffcc00;border-radius:20px;padding:0;background:#090b18;color:#fff}.donation-dialog::backdrop{background:rgba(0,0,0,.75)}.donation-form{display:grid;gap:12px;padding:24px}.donation-form input[type="text"]{padding:11px;border:1px solid #00ffff;border-radius:10px;background:#050814;color:#fff}.donation-actions{display:flex;gap:8px}.donation-actions button{padding:10px 14px;border:1px solid #ffcc00;border-radius:999px;background:transparent;color:#fff;cursor:pointer}
.tier-1 .chat{box-shadow:0 0 26px rgba(70,255,140,.28)}.tier-2.fx-on .rpg-hud{box-shadow:0 0 28px rgba(255,0,255,.4)}.tier-3.fx-on .chat{animation:chatPulse 1.8s ease-in-out infinite}.tier-4.fx-on .otter{box-shadow:0 0 18px #00ffff,0 0 58px #ff00ff}.tier-5.fx-on:not(.reduce-motion){animation:strobeSafe 3s steps(2,end) infinite}.tier-6.fx-on .chat-form input[type="text"]{text-shadow:0 0 8px #fff,0 0 18px #00ffff}
@keyframes legendAppear{from{opacity:0;transform:scale(.7) rotate(-4deg);filter:brightness(3)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translateY(-18px) scale(.9)}15%,80%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}@keyframes particleFall{to{translate:var(--dx) 100vh;rotate:540deg;opacity:0}}@keyframes classified{0%,100%{opacity:0}30%,70%{opacity:1}}@keyframes timeWarp{40%{filter:blur(4px) hue-rotate(80deg);transform:scale(.985)}}@keyframes barsIn{from{height:0}}@keyframes clipEvent{from{opacity:0;transform:translateX(-22px)}}@keyframes chatPulse{50%{box-shadow:0 0 35px rgba(255,0,255,.5)}}@keyframes strobeSafe{50%{filter:brightness(1.12) saturate(1.15)}}
@media(prefers-reduced-motion:reduce){.rpg-hud *,.donor-card,.rpg-toast,.rpg-particle,.clip-event{animation:none!important;transition:none!important}}@media(max-width:760px){.rpg-hud{top:auto;bottom:8px;right:8px;width:min(270px,74vw)}.rpg-ready .otter{top:90px}.donor-grid{grid-template-columns:1fr}.cinema-bars::before,.cinema-bars::after{height:8vh}}