.chat-stack{position:fixed;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.chat-anchor{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--tui-text-dim)}.chat-anchor b{color:var(--tui-cyan);font-weight:700;letter-spacing:.06em}.chat-anchor-dot{width:5px;height:5px;background:var(--tui-green);box-shadow:0 0 6px var(--tui-green);animation:ov-anchor-pulse 2s ease-in-out infinite}.chat-anchor[data-s=reconnecting] .chat-anchor-dot,.chat-anchor[data-s=not-configured] .chat-anchor-dot,.chat-anchor[data-s=demo] .chat-anchor-dot{background:var(--tui-yellow);box-shadow:0 0 6px var(--tui-yellow);animation:none}@keyframes ov-anchor-pulse{0%,to{box-shadow:0 0 4px var(--tui-green)}50%{box-shadow:0 0 12px var(--tui-green),0 0 20px #00ff8826}}.bubble{--accent: var(--tui-cyan);--accent-glow: var(--tui-cyan-glow);position:relative;max-width:400px;min-width:200px;background:#070c12e0;border:1px solid var(--tui-border-color);border-left:2px solid var(--accent);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);padding:8px 14px 9px 12px;animation:bubble-in .3s var(--tui-ease-out) both}.bubble:before{content:"";position:absolute;inset:0;background:var(--accent);opacity:0;animation:bubble-flash .3s steps(2,jump-none) 1;pointer-events:none}.bubble.leaving{animation:bubble-out .45s ease forwards}.bubble-head{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}.bubble-user{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.04em}.bubble-badge{font-size:8px;letter-spacing:.16em;color:var(--accent);border:1px solid var(--accent);padding:0 4px;opacity:.9}.bubble-title{font-size:8px;letter-spacing:.16em;color:var(--tui-cyan);border:1px solid rgba(0,212,255,.55);background:#00d4ff14;padding:0 4px;text-transform:uppercase;white-space:nowrap}.bubble-title[data-tier=rare]{color:var(--tui-cyan);border-color:#00d4ffb3}.bubble-title[data-tier=legendary]{color:var(--tui-yellow);border-color:#ffa502b3;background:#ffa50214}.bubble-title[data-tier=unique]{color:var(--tui-magenta);border-color:#ff2d95b3;background:#ff2d9514}.bubble-platform{font-size:8px;font-weight:700;letter-spacing:.16em;padding:0 4px;opacity:.85}.bubble-platform.p-twitch{color:var(--tui-purple);background:var(--tui-purple-glow)}.bubble-platform.p-kick{color:var(--tui-green);background:#00ff881f}.bubble-platform.p-youtube{color:var(--tui-red);background:#ff47571f}.bubble-text{font-size:13px;color:var(--tui-text-primary);word-break:break-word}.bubble-text .emote{height:20px;vertical-align:middle;margin:0 1px}.bubble.role-mod{--accent: var(--tui-green);--accent-glow: var(--tui-glow-green)}.bubble.role-vip{--accent: var(--tui-magenta);--accent-glow: var(--tui-magenta-glow)}.bubble.role-sub{--accent: var(--tui-purple);--accent-glow: var(--tui-purple-glow)}.bubble.role-default .bubble-user{color:var(--tui-text-muted)}.bubble.role-default{border-left-color:#00d4ff59}.bubble.is-hi{border-left-width:3px;box-shadow:0 0 18px var(--accent-glow),inset 0 0 24px #00d4ff0d}.bubble.is-hi .bubble-user{color:var(--tui-cyan)}@keyframes bubble-in{0%{opacity:0;transform:translate(46px) skew(-6deg)}60%{opacity:1;transform:translate(-4px) skew(1.5deg)}to{opacity:1;transform:none}}@keyframes bubble-flash{0%{opacity:.35}50%{opacity:.12}to{opacity:0}}@keyframes bubble-out{to{opacity:0;transform:translate(28px)}}.event-toast{position:fixed;z-index:60;display:flex;align-items:stretch;background:#070c12eb;border:1px solid var(--accent);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);box-shadow:0 0 34px var(--accent-glow),inset 0 0 34px #0006}.event-toast[hidden]{display:none}.et-glyph{display:flex;align-items:center;justify-content:center;width:58px;flex-shrink:0;background:var(--accent);color:#05080c;font-size:22px;font-weight:700}.et-body{padding:10px 22px 12px 16px}.et-tag{font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}.et-name{font-family:var(--tui-font-heading);font-size:22px;line-height:1.15;color:var(--tui-text-primary);letter-spacing:.04em;text-shadow:0 0 14px var(--accent-glow)}.et-detail{font-size:11px;color:var(--tui-text-muted);letter-spacing:.08em;margin-top:2px}.et-detail:empty{display:none}.dbg-guide{position:fixed;z-index:200;border:1px dashed rgba(255,45,149,.55);pointer-events:none}.dbg-guide:before{content:attr(data-label);position:absolute;top:3px;left:6px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--tui-magenta);white-space:nowrap}.dbg-cross-v,.dbg-cross-h{position:fixed;z-index:200;background:#ff2d9540;pointer-events:none}.dbg-cross-v{left:50%;top:0;bottom:0;width:1px}.dbg-cross-h{top:50%;left:0;right:0;height:1px}.dbg-hud{position:fixed;left:48px;bottom:96px;z-index:200;min-width:230px;padding:8px 12px 10px;background:#070c12eb;border:1px solid var(--tui-magenta);font-size:10px;letter-spacing:.08em;color:var(--tui-text-primary);font-family:var(--tui-font-mono)}.dbg-hud b{display:block;margin-bottom:5px;color:var(--tui-magenta);letter-spacing:.24em}.dbg-hud div{color:var(--tui-text-muted);margin-top:2px}.dbg-hud span{color:var(--tui-text-primary)}@media (prefers-reduced-motion: reduce){.bubble,.event-toast{animation-duration:.01s}}