@charset "UTF-8";.alert-visual{position:relative;--v-bg: #572aae;--v-title: #ffffff;--v-msg: #ffffff;display:grid;place-items:center;width:500px;height:130px;max-width:100%;font-family:Public Sans,sans-serif;color:var(--v-title);box-sizing:border-box}.alert-visual>*{width:500px;height:130px;box-sizing:border-box}.alert-visual.has-level:after{content:"";position:absolute;inset:-2px;border-radius:20px;pointer-events:none;z-index:30;box-shadow:0 0 0 2px color-mix(in srgb,var(--level-accent, transparent) 70%,transparent),0 0 26px 6px color-mix(in srgb,var(--level-accent, transparent) 45%,transparent)}.alert-visual.av-animate{animation:avIn .45s cubic-bezier(.2,.9,.3,1.15) both}.alert-visual.is-exiting{animation:avOut .32s ease-in forwards}@keyframes avIn{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}@keyframes avOut{to{opacity:0;transform:translateY(-8px) scale(.96)}}@media(prefers-reduced-motion:reduce){.alert-visual.av-animate,.alert-visual.av-animate *,.alert-visual.av-animate *:after,.alert-visual.is-exiting{animation:none}}.alert-visual.av-animate[data-visual=bubble] .av-avatar{animation:avPop .45s cubic-bezier(.2,1.2,.4,1) both}.alert-visual.av-animate[data-visual=bubble] .av-body{transform-origin:0% 100%;animation:avGrow .5s .15s cubic-bezier(.2,1.1,.3,1) both}.alert-visual.av-animate[data-visual=bubble] .av-body>*{animation:avFadeUp .35s .45s ease-out both}.alert-visual.av-animate[data-visual=bar] .av-tag{animation:avFromLeft .4s cubic-bezier(.2,.9,.3,1) both}.alert-visual.av-animate[data-visual=bar] .av-text{animation:avWipeRight .55s .2s ease-out both}.alert-visual.av-animate[data-visual=bar] .av-avatar{animation:avFromRight .45s .1s cubic-bezier(.2,.9,.3,1) both}.alert-visual.av-animate[data-visual=neon] .av-title,.alert-visual.av-animate[data-visual=neon] .av-msg{animation:avFlicker .9s steps(1,end) both}.alert-visual.av-animate[data-visual=glass] .av-glass{animation:avBlurIn .6s ease-out both}.alert-visual.av-animate[data-visual=glass] .av-pill{animation:avPop .4s .35s cubic-bezier(.2,1.2,.4,1) both}.alert-visual.av-animate[data-visual=comic] .av-body{animation:avDrop .5s cubic-bezier(.2,1.1,.3,1.1) both}.alert-visual.av-animate[data-visual=comic] .av-avatar{animation:avComicAvatar .5s cubic-bezier(.2,1.1,.3,1.1) both}.alert-visual.av-animate[data-visual=comic] .av-pow{animation:avSlam .45s .3s cubic-bezier(.2,1.3,.4,1) both}.alert-visual.av-animate[data-visual=notification] .av-notif{animation:avSlideDown .55s cubic-bezier(.2,1.1,.3,1) both}.alert-visual.av-animate[data-visual=text] .av-photo{animation:avTextIntro 2.6s cubic-bezier(.2,.9,.3,1) both}.alert-visual.av-animate[data-visual=text] .av-name{animation:avLetters .6s 2.1s cubic-bezier(.2,.9,.3,1) both}.alert-visual.av-animate[data-visual=text] .av-amt{animation:avSkewUp .4s 2.25s ease-out both}.alert-visual.av-animate[data-visual=text] .av-msg{animation:avFadeUp .4s 2.4s ease-out both}@keyframes avTextIntro{0%{opacity:0;transform:scale(.55)}10%,72%{opacity:1;transform:scale(1)}88%,to{opacity:0;transform:scale(1.3)}}.alert-visual.av-animate[data-visual=sticker] .av-in{animation:avSlap .5s cubic-bezier(.2,1.3,.4,1) both}.alert-visual.av-animate[data-visual=scoreboard] .av-strip{animation:avFromTop .4s cubic-bezier(.2,.9,.3,1) both}.alert-visual.av-animate[data-visual=scoreboard] .av-digits{animation:avFlipIn .5s .3s cubic-bezier(.2,1.1,.3,1) both}.alert-visual.av-animate[data-visual=scoreboard] .av-text,.alert-visual.av-animate[data-visual=scoreboard] .av-team{animation:avFromLeftFade .45s .2s ease-out both}.alert-visual.av-animate[data-visual=hud]{animation:avIn .45s cubic-bezier(.2,.9,.3,1.15) both,avWipeRight .6s ease-out both}.alert-visual.av-animate[data-visual=hud] .av-text{animation:avFlicker .7s .4s steps(1,end) both}.alert-visual.av-animate[data-visual=hud] .av-bar:after{animation:avHudBar 1.2s .5s ease-out both}@keyframes avPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes avGrow{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes avFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes avFromLeft{0%{transform:translate(-110%) rotate(180deg)}to{transform:translate(0) rotate(180deg)}}@keyframes avFromLeftFade{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@keyframes avFromRight{0%{opacity:0;transform:translate(60%)}to{opacity:1;transform:none}}@keyframes avFromTop{0%{transform:translateY(-105%)}to{transform:none}}@keyframes avWipeRight{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes avFlicker{0%,20%,45%,70%{opacity:0}10%,30%,55%,to{opacity:1}}@keyframes avBlurIn{0%{opacity:0;filter:blur(14px);transform:translateY(10px) scale(.97)}to{opacity:1;filter:blur(0);transform:none}}@keyframes avComicAvatar{0%{opacity:0;transform:translateY(calc(-50% - 40px)) rotate(-8deg)}to{opacity:1;transform:translateY(-50%) rotate(-8deg)}}@keyframes avSkewUp{0%{opacity:0;transform:translateY(8px) skew(-8deg)}to{opacity:1;transform:skew(-8deg)}}@keyframes avDrop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:none}}@keyframes avSlam{0%{opacity:0;transform:scale(2.6) rotate(28deg)}to{opacity:1;transform:scale(1) rotate(10deg)}}@keyframes avSlideDown{0%{opacity:0;transform:translateY(-48px)}to{opacity:1;transform:none}}@keyframes avLetters{0%{opacity:0;transform:scaleX(1.35) scaleY(1.1)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes avSlap{0%{opacity:0;transform:scale(1.9) rotate(-14deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes avFlipIn{0%{opacity:0;transform:perspective(300px) rotateX(90deg)}to{opacity:1;transform:perspective(300px) rotateX(0)}}.alert-visual .av-name,.alert-visual .av-title,.alert-visual .av-msg,.alert-visual .av-amt{text-shadow:-1px -1px 0 rgba(0,0,0,.85),0 -1px 0 rgba(0,0,0,.85),1px -1px 0 rgba(0,0,0,.85),1px 0 0 rgba(0,0,0,.85),1px 1px 0 rgba(0,0,0,.85),0 1px 0 rgba(0,0,0,.85),-1px 1px 0 rgba(0,0,0,.85),-1px 0 0 rgba(0,0,0,.85)}.alert-visual .av-photo img{width:100%;height:100%;object-fit:cover;display:block}.alert-visual.is-tier-emblem .av-photo,.alert-visual.is-tier-emblem .av-avatar{background:none;border:0;border-radius:0;overflow:visible;box-shadow:none}.alert-visual.is-tier-emblem .av-photo img,.alert-visual.is-tier-emblem .av-avatar img{object-fit:contain;border-radius:0;box-shadow:none}.alert-visual .av-avatar{flex:none;border-radius:50%;overflow:hidden;background:var(--v-bg);display:grid;place-items:center}.alert-visual .av-avatar img{width:100%;height:100%;object-fit:cover;display:block}.alert-visual .av-text{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;height:100%;overflow:hidden}.alert-visual .av-title{color:var(--v-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:none}.alert-visual .av-msg{color:var(--v-msg);min-height:0;overflow:hidden;overflow-wrap:anywhere;font-family:Public Sans,sans-serif;font-size:20px;line-height:1.25}.alert-visual .av-who,.alert-visual .av-name,.alert-visual .av-amt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-width:0}.alert-visual[data-visual=bubble] .av-bubble{display:flex;align-items:flex-end;gap:12px}.alert-visual[data-visual=bubble] .av-avatar{width:84px;height:84px;background:var(--v-border, transparent)}.alert-visual[data-visual=bubble] .av-bubble{--av-accent: var(--v-accent, var(--v-title))}.alert-visual[data-visual=bubble] .av-body{position:relative;flex:1;min-width:0;height:130px;box-sizing:border-box;background:var(--v-bg);border:2px solid var(--v-border, transparent);border-radius:20px 20px 20px 4px;padding:10px 16px 12px;display:flex;flex-direction:column;overflow:hidden}.alert-visual[data-visual=bubble] .av-body:after{content:"";position:absolute;left:-10px;bottom:10px;border:10px solid transparent;border-right-color:var(--v-bg);border-left:0}.alert-visual[data-visual=bubble] .av-who{color:var(--av-accent);font-size:12px;opacity:.85;letter-spacing:.04em;text-transform:uppercase;flex:none}.alert-visual[data-visual=bubble] .av-title{font-size:22px;font-weight:800;line-height:1.15}.alert-visual[data-visual=bubble] .av-msg{margin-top:4px;opacity:.92;flex:1}.alert-visual[data-visual=bar] .av-bar{--av-accent: var(--v-accent, #f43f5e);display:flex;align-items:stretch;background:var(--v-bg);border-left:6px solid var(--av-accent);border-top:1px solid var(--v-border, transparent);border-bottom:1px solid var(--v-border, transparent);box-shadow:0 8px 30px #00000080}.alert-visual[data-visual=bar] .av-tag{background:var(--av-accent);color:var(--v-title);display:grid;place-items:center;padding:0 10px;font-family:Bebas Neue,sans-serif;font-size:24px;letter-spacing:.06em;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;flex:none}.alert-visual[data-visual=bar] .av-text{padding:10px 14px}.alert-visual[data-visual=bar] .av-title{font-size:22px;font-weight:800}.alert-visual[data-visual=bar] .av-msg{opacity:.85;margin-top:4px}.alert-visual[data-visual=bar] .av-avatar{width:96px;height:130px;border-radius:0}.alert-visual[data-visual=neon] .av-neon{--av-accent: var(--v-accent, #22d3ee);display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:16px;text-align:left;padding:12px 20px;border:2px solid var(--v-border, var(--av-accent));border-radius:14px;background:var(--v-bg);box-shadow:0 0 12px var(--av-accent),inset 0 0 18px color-mix(in srgb,var(--av-accent) 40%,transparent);font-family:Orbitron,sans-serif;text-align:center;overflow:hidden;animation:avNeon 2.4s infinite alternate}.alert-visual[data-visual=neon] .av-photo{width:78px;height:78px;border-radius:50%;overflow:hidden;border:2px solid var(--av-accent);box-shadow:0 0 12px var(--av-accent),inset 0 0 10px #0009}.alert-visual[data-visual=neon] .av-col{display:flex;flex-direction:column;justify-content:center;min-width:0;height:100%;overflow:hidden}.alert-visual[data-visual=neon] .av-title{font-size:22px;font-weight:800;letter-spacing:.04em;text-shadow:0 0 8px var(--v-title),0 0 18px var(--av-accent),-1px -1px 0 rgba(0,0,0,.85),0 -1px 0 rgba(0,0,0,.85),1px -1px 0 rgba(0,0,0,.85),1px 0 0 rgba(0,0,0,.85),1px 1px 0 rgba(0,0,0,.85),0 1px 0 rgba(0,0,0,.85),-1px 1px 0 rgba(0,0,0,.85),-1px 0 0 rgba(0,0,0,.85);text-transform:uppercase}.alert-visual[data-visual=neon] .av-msg{margin-top:8px}@keyframes avNeon{0%,82%,to{box-shadow:0 0 12px var(--av-accent),inset 0 0 18px color-mix(in srgb,var(--av-accent) 40%,transparent)}86%{box-shadow:0 0 4px var(--av-accent),inset 0 0 6px color-mix(in srgb,var(--av-accent) 20%,transparent)}}.alert-visual[data-visual=glass] .av-glass{display:flex;align-items:center;gap:14px;--av-accent: var(--v-accent, var(--v-bg));padding:12px 16px;border-radius:22px;background:color-mix(in srgb,var(--v-bg) 42%,transparent);border:1px solid var(--v-border, rgba(255, 255, 255, .28));outline:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px #00000059}.alert-visual[data-visual=glass] .av-avatar{width:92px;height:92px}.alert-visual[data-visual=glass] .av-line{display:flex;align-items:flex-end;gap:10px;min-height:0;min-width:0}.alert-visual[data-visual=glass] .av-line .av-msg{flex:1}.alert-visual[data-visual=glass] .av-title{font-size:22px;font-weight:600}.alert-visual[data-visual=glass] .av-msg{opacity:.8;margin-top:3px}.alert-visual[data-visual=glass] .av-pill{flex:none;padding:5px 10px;border-radius:999px;background:var(--av-accent);font-weight:800;font-size:14px;line-height:1.2;white-space:nowrap;color:var(--v-title);max-width:110px;overflow:hidden;text-overflow:ellipsis}.alert-visual[data-visual=comic] .av-comic{--av-accent: var(--v-accent, #ef4444);--av-ink: var(--v-border, #111);position:relative;padding:12px 18px 12px 120px;background-color:var(--v-bg);background-image:radial-gradient(rgba(0,0,0,.55) 1.2px,transparent 1.3px);background-size:10px 10px;border:4px solid var(--av-ink);border-radius:6px;box-shadow:8px 8px 0 var(--av-ink);font-family:Bangers,cursive;display:flex}.alert-visual[data-visual=comic] .av-body{min-width:0;flex:1;background:var(--v-bg);padding:6px 10px;border:3px solid var(--av-ink);border-radius:10px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.alert-visual[data-visual=comic] .av-title{font-size:28px;letter-spacing:.03em;-webkit-text-stroke:1px var(--av-ink);text-shadow:3px 3px 0 var(--av-ink),-1px -1px 0 rgba(0,0,0,.85),0 -1px 0 rgba(0,0,0,.85),1px -1px 0 rgba(0,0,0,.85),1px 0 0 rgba(0,0,0,.85),1px 1px 0 rgba(0,0,0,.85),0 1px 0 rgba(0,0,0,.85),-1px 1px 0 rgba(0,0,0,.85),-1px 0 0 rgba(0,0,0,.85);line-height:1.05}.alert-visual[data-visual=comic] .av-msg{font-weight:600;margin-top:4px}.alert-visual[data-visual=comic] .av-avatar{position:absolute;left:10px;top:50%;width:92px;height:92px;transform:translateY(-50%) rotate(-8deg);border:4px solid var(--av-ink);box-shadow:4px 4px 0 var(--av-ink)}.alert-visual[data-visual=comic] .av-pow{position:absolute;z-index:3;right:-10px;top:-16px;background:var(--av-accent);color:#fff;padding:8px 12px;font-size:20px;transform:rotate(10deg);border:3px solid var(--av-ink);clip-path:polygon(50% 0,62% 20%,85% 10%,78% 34%,100% 45%,80% 60%,92% 85%,66% 78%,55% 100%,42% 78%,15% 88%,26% 62%,0 50%,22% 36%,12% 12%,38% 20%)}.alert-visual[data-visual=notification] .av-notif{--av-accent: var(--v-accent, var(--v-bg));display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;padding:14px 16px;border-radius:20px;background:var(--v-bg);border:1px solid var(--v-border, rgba(255, 255, 255, .14));box-shadow:0 14px 40px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.alert-visual[data-visual=notification] .av-icon{width:96px;height:96px;border-radius:22px;overflow:hidden;background:var(--av-accent);display:grid;place-items:center}.alert-visual[data-visual=notification] .av-icon img{width:100%;height:100%;object-fit:cover}.alert-visual[data-visual=notification] .av-app{font-size:11px;font-weight:600;color:var(--av-accent);filter:brightness(1.5);letter-spacing:.04em;flex:none}.alert-visual[data-visual=notification] .av-title{font-size:18px;font-weight:700}.alert-visual[data-visual=notification] .av-msg{opacity:.85}.alert-visual[data-visual=text] .av-text-only{--av-accent: var(--v-accent, var(--v-bg));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:8px 12px;background:none;border:2px solid var(--v-border, transparent);border-radius:14px}.alert-visual[data-visual=text] .av-photo{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0}.alert-visual[data-visual=text] .av-photo img{width:112px;height:112px;border-radius:50%;object-fit:cover;box-shadow:0 12px 30px #0000008c}.alert-visual[data-visual=text].is-tier-emblem .av-photo img{border-radius:0;object-fit:contain;box-shadow:none}.alert-visual[data-visual=text] .av-name{font-family:Bebas Neue,sans-serif;font-size:54px;line-height:.9;letter-spacing:.02em;color:var(--v-title);flex:none}.alert-visual[data-visual=text] .av-amt{display:inline-block;margin-top:6px;font-size:20px;font-weight:800;padding:3px 14px;border-radius:6px;transform:skew(-8deg);background:var(--av-accent);color:var(--v-title);flex:none}.alert-visual[data-visual=text] .av-msg{margin-top:6px;width:100%}.alert-visual[data-visual=sticker] .av-sticker{transform:rotate(-3deg);display:grid;place-items:center}.alert-visual[data-visual=sticker] .av-in{--av-accent: var(--v-accent, #ffffff);display:flex;align-items:center;gap:14px;width:480px;height:120px;box-sizing:border-box;padding:8px 22px 8px 10px;background:var(--v-bg);border-radius:999px;border:6px solid var(--v-border, #ffffff);box-shadow:0 0 0 2px #00000040,0 14px 30px #00000073;min-width:0}.alert-visual[data-visual=sticker] .av-avatar{width:80px;height:80px;border:3px solid var(--av-accent)}.alert-visual[data-visual=sticker] .av-title{font-family:Permanent Marker,cursive;font-size:24px;line-height:1.05}.alert-visual[data-visual=sticker] .av-msg{opacity:.9;margin-top:4px}.alert-visual[data-visual=scoreboard] .av-score{--av-accent: var(--v-accent, #fde047);--av-frame: var(--v-border, #2a2a2a);display:flex;flex-direction:row;height:130px;box-sizing:border-box;background:var(--v-bg);border:3px solid var(--av-frame);border-radius:8px;overflow:hidden;box-shadow:0 12px 30px #0009}.alert-visual[data-visual=scoreboard] .av-photo{flex:none;width:118px;align-self:stretch;overflow:hidden;border-right:3px solid var(--av-frame);background:#000}.alert-visual[data-visual=scoreboard] .av-col{display:flex;flex-direction:column;flex:1;min-width:0}.alert-visual[data-visual=scoreboard] .av-strip{display:flex;align-items:stretch;justify-content:space-between;height:46px;flex:none;background:#00000059;border-bottom:3px solid var(--av-frame)}.alert-visual[data-visual=scoreboard] .av-team{display:grid;align-items:center;padding:0 10px;flex:1;min-width:0;overflow:hidden}.alert-visual[data-visual=scoreboard] .av-team .av-title{font-family:Oswald,sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:.04em;color:var(--v-title)}.alert-visual[data-visual=scoreboard] .av-text{padding:8px 14px}.alert-visual[data-visual=scoreboard] .av-msg{opacity:.9}.alert-visual[data-visual=scoreboard] .av-digits{display:grid;place-items:center;padding:0 14px;font-family:JetBrains Mono,monospace;font-weight:700;font-size:22px;box-sizing:border-box;flex:none;max-width:130px;color:var(--av-accent);text-shadow:0 0 10px color-mix(in srgb,var(--av-accent) 60%,transparent),-1px -1px 0 rgba(0,0,0,.85),0 -1px 0 rgba(0,0,0,.85),1px -1px 0 rgba(0,0,0,.85),1px 0 0 rgba(0,0,0,.85),1px 1px 0 rgba(0,0,0,.85),0 1px 0 rgba(0,0,0,.85),-1px 1px 0 rgba(0,0,0,.85),-1px 0 0 rgba(0,0,0,.85);border-left:3px solid var(--av-frame);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-visual[data-visual=hud] .av-hud{--av-accent: var(--v-accent, #38bdf8);position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:12px 20px;background:var(--v-bg);font-family:JetBrains Mono,monospace;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);border:1px solid var(--v-border, var(--av-accent))}.alert-visual[data-visual=hud] .av-hud:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 2px,transparent 2px 4px);pointer-events:none}.alert-visual[data-visual=hud] .av-photo{grid-column:1;grid-row:1/-1;align-self:center;width:104px;height:92px;overflow:hidden;border:1px solid var(--av-accent);background:#000;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.alert-visual[data-visual=hud] .av-row,.alert-visual[data-visual=hud] .av-text,.alert-visual[data-visual=hud] .av-bar{grid-column:2}.alert-visual[data-visual=hud] .av-row{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:var(--av-accent);filter:brightness(1.6);text-transform:uppercase;flex:none}.alert-visual[data-visual=hud] .av-text{padding:2px 0}.alert-visual[data-visual=hud] .av-title{font-family:Oswald,sans-serif;font-size:24px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.alert-visual[data-visual=hud] .av-msg{margin-top:2px;opacity:.85}.alert-visual[data-visual=hud] .av-bar{height:4px;background:#ffffff1f;position:relative;flex:none}.alert-visual[data-visual=hud] .av-bar:after{content:"";position:absolute;inset:0;width:65%;background:var(--av-accent);filter:brightness(1.5);box-shadow:0 0 8px var(--av-accent);animation:avHudBar 1.2s ease-out both}@keyframes avHudBar{0%{width:0}}*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%;background:transparent}body.app-fullscreen-surface{background:#121c33;overscroll-behavior:none}body{color:#f8fafc;font-family:Space Grotesk,DM Sans,Segoe UI,sans-serif}app-root{display:block;min-height:100vh;background:transparent}
