:root{color-scheme:dark;--bg:#090c14;--surface:#111622;--surface-2:#171d2c;--line:#252c3c;--text:#f1f4fb;--muted:#8b94aa;--subtle:#616b81;--indigo:#6c7cff;--purple:#a855f7;--green:#35d07f;--red:#ff536e;--cyan:#47c5df}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(ellipse 720px 480px at 68% -12%,rgba(79,67,159,.18),transparent 70%),radial-gradient(ellipse 700px 480px at 7% 84%,rgba(32,49,92,.15),transparent 70%),var(--bg);font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #9ba8ff;outline-offset:3px}::selection{background:#6c7cff66}
.app-shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}.sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;border-right:1px solid #202635;background:linear-gradient(180deg,rgba(17,21,33,.96),rgba(12,15,24,.98));padding:28px 15px 17px;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:0 15px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#697bff,#a855f7);box-shadow:0 7px 24px #7864f452,inset 0 1px #ffffff55}.brand-mark span{font-size:19px;color:white;transform:rotate(8deg)}.brand strong{display:block;font-size:15px;letter-spacing:.22em;line-height:1.1}.brand small{display:block;margin-top:5px;font-size:8px;letter-spacing:.18em;color:#748199;font-weight:700}.sidebar-label{font-size:10px;letter-spacing:.17em;color:#566177;font-weight:700;margin:49px 16px 13px}.nav-list{display:grid;gap:5px}.nav-item{height:43px;display:flex;align-items:center;gap:13px;padding:0 14px;border-radius:9px;color:#8994a9;font-weight:560;position:relative;transition:background .2s,color .2s}.nav-item:hover{color:#e5eafb;background:#ffffff0a}.nav-item.active{color:#e9edff;background:linear-gradient(90deg,#6c7cff28,#6c7cff0a);box-shadow:inset 0 0 0 1px #7e87fa23}.nav-item.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:3px;background:#8794ff;box-shadow:0 0 12px #7f8cff}.nav-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-item i{margin-left:auto;width:6px;height:6px;background:#7d8bff;border-radius:50%}.sidebar-bottom{margin-top:auto}.sidebar-tip{padding:13px 10px;border:1px solid #293145;border-radius:11px;background:linear-gradient(125deg,#252c4278,#171e2b8c);display:flex;gap:11px;align-items:center}.tip-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#7280f61f;color:#aeb7ff;font-size:15px}.sidebar-tip strong{font-size:11px;color:#dce2f4}.sidebar-tip p{margin:2px 0 0;font-size:10px;color:#8490a4}.sidebar-tip kbd{background:#30384d;padding:1px 5px;border-radius:4px;color:#d3d8ec;font:10px inherit}.profile{display:flex;align-items:center;gap:9px;margin:17px -15px -17px;padding:15px 20px;border-top:1px solid #202635}.avatar{width:31px;height:31px;display:grid;place-items:center;background:#354677;border-radius:9px;color:#bec9ff;font-weight:800}.profile strong,.profile span{display:block}.profile strong{font-size:10px}.profile span{font-size:9px;color:#69758d;margin-top:2px}.profile .profile-more{font-size:17px;margin-left:auto;margin-top:-6px;color:#748096}
.main-content{width:min(1480px,100%);padding:0 43px 28px;margin:auto}.topbar{height:75px;border-bottom:1px solid #252b3a;display:flex;align-items:center;justify-content:space-between}.crumb{font-size:12px;color:#727d93}.crumb span{margin:0 11px;color:#3d475a}.crumb strong{color:#c5ccdc;font-weight:600}.top-actions{display:flex;gap:18px;align-items:center}.preview-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #48558f77;border-radius:6px;color:#a7b2ff;background:#6978ff15;font-size:10px;font-weight:800;letter-spacing:.1em}.preview-chip i{width:5px;height:5px;border-radius:50%;background:#8c9aff;box-shadow:0 0 8px #8493ff}.top-date{font-size:11px;color:#69758b}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:36px 0 27px}.eyebrow,.mini-label{font-size:10px;font-weight:800;letter-spacing:.18em;color:#8390ff}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow span{width:16px;height:1px;background:#8592ff}.intro h1{font-size:clamp(29px,3vw,43px);line-height:1.2;letter-spacing:-.055em;margin:12px 0 9px;font-weight:770}.intro h1 em{font-style:normal;background:linear-gradient(95deg,#8ca0ff,#bf8bff);color:transparent;background-clip:text}.intro p{color:#8792aa;margin:0;font-size:13px}.open-game{display:inline-flex;align-items:center;gap:15px;white-space:nowrap;padding:11px 15px;border:1px solid #697cff64;border-radius:8px;background:linear-gradient(125deg,#6677ea,#6655aa);font-size:12px;font-weight:700;box-shadow:0 7px 22px #5e64cc30;transition:transform .2s,filter .2s}.open-game:hover{transform:translateY(-2px);filter:brightness(1.14)}.open-game svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.notice{display:flex;align-items:center;gap:10px;background:#20274470;border:1px solid #6470d03d;color:#9ca9cc;padding:10px 13px;border-radius:8px;font-size:11px;margin-bottom:18px}.notice strong{color:#cbd4fb;font-weight:700;margin:0 2px}.notice-icon{width:15px;height:15px;flex:none;border:1px solid #9baaff;border-radius:50%;display:grid;place-items:center;color:#abb7ff;font-size:10px;font-weight:800}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.metric,.surface{background:linear-gradient(160deg,#171d2a,#111621 84%);border:1px solid #2b3242;border-radius:13px;box-shadow:0 9px 26px #03071022}.metric{padding:17px 18px 15px;min-height:124px}.metric-head{display:flex;align-items:start;justify-content:space-between;color:#929cb0;font-size:11px}.metric-symbol{font-size:21px;line-height:1}.metric-symbol.accent{color:#94a0ff}.metric-symbol.purple{color:#bd84fa}.metric-symbol.cyan{color:#61d0e5}.metric-symbol.amber{color:#eeb76d}.metric-value{display:block;font-size:25px;line-height:1.1;margin:10px 0 7px;letter-spacing:-.04em;font-weight:740}.metric-value small{font-size:13px;color:#77839b;font-weight:600;letter-spacing:0}.metric-value.muted{font-size:22px;color:#c4c9d5}.metric-sub{font-size:10px;color:#6f7b91}.green-dot{display:inline-block;width:6px;height:6px;background:#35d07f;border-radius:50%;margin-right:4px;box-shadow:0 0 9px #35d07f9c}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(315px,.85fr);gap:16px}.surface{min-width:0;padding:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.section-head h2{font-size:17px;line-height:1.25;margin:5px 0 0;letter-spacing:-.025em}.mini-label{font-size:9px;color:#727fff}.icon-button{width:30px;height:30px;border:1px solid #3a4153;background:#252b3a;border-radius:7px;color:#a4aec5;display:grid;place-items:center}.icon-button:hover{background:#343c50;color:#e8edff}.icon-button svg,.activity-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.arena{position:relative;height:clamp(270px,26vw,370px);overflow:hidden;border:1px solid #353f57;border-radius:9px;background:radial-gradient(circle at 50% 62%,#252d48,#101a2c 70%);isolation:isolate}.arena canvas{display:block;width:100%;height:100%}.arena-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#09101d78,transparent 25%,transparent 74%,#060b15b8),radial-gradient(ellipse at center,transparent 38%,#080e1b99)}.arena-top,.arena-bottom{position:absolute;left:17px;right:17px;display:flex;justify-content:space-between;align-items:center;color:#9dabc3;font-size:10px;font-weight:700;letter-spacing:.08em}.arena-top{top:14px}.arena-bottom{bottom:12px}.arena-bottom b{color:#d0d8ff;font-weight:700}.live{display:flex;gap:7px;align-items:center;background:#0d1522ad;padding:5px 8px;border:1px solid #50617b70;border-radius:5px}.live i{width:6px;height:6px;border-radius:50%;background:#e86e78;box-shadow:0 0 7px #f54c63}.fps{color:#7285a5}.fps b{margin:0 5px;color:#4b5873}.crosshair{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);opacity:.75;pointer-events:none}.crosshair i:first-child{position:absolute;left:9px;top:0;width:1px;height:20px;background:#dde7fa}.crosshair i:last-child{position:absolute;left:0;top:9px;width:20px;height:1px;background:#dde7fa}.arena-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 1px 0}.legend{display:flex;gap:18px;color:#8b95ab;font-size:10px}.legend span{display:flex;align-items:center;gap:7px}.legend-box{width:13px;height:11px;border:2px solid #ff536e;box-shadow:0 0 8px #ff536e6b}.legend-line{width:16px;height:2px;background:#ff536e;transform:rotate(-20deg);box-shadow:0 0 8px #ff536e6b}.footer-note{font-size:10px;color:#69758b}.count-pill,.small-tag{font-size:10px;color:#a9b6ff;border:1px solid #6173da48;background:#687bff15;border-radius:5px;padding:5px 8px}.feature-list{border:1px solid #2b3346;border-radius:10px;overflow:hidden;background:#171e2ca1}.feature-row{display:flex;align-items:center;gap:12px;padding:15px 13px;min-height:76px}.feature-row+.feature-row{border-top:1px solid #2b3346}.feature-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:9px}.feature-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.eye-icon{background:#7483ff22;color:#9da9ff}.ray-icon{background:#f35c7a21;color:#ff8396}.ray-icon span{font-size:21px}.feature-copy{min-width:0;flex:1}.feature-copy strong,.feature-copy span{display:block}.feature-copy strong{font-size:12px;color:#e8ecf7}.feature-copy span{font-size:10px;color:#7a879f;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switch{position:relative;width:38px;height:22px;flex:none;background:#364053;border:1px solid #465069;border-radius:20px;padding:0;transition:background .2s}.switch i{position:absolute;width:16px;height:16px;border-radius:50%;left:2px;top:2px;background:#b7c0d0;transition:transform .2s,background .2s;box-shadow:0 1px 3px #0006}.switch[aria-checked="true"]{background:#6778ee;border-color:#8695ff;box-shadow:0 0 15px #6b78e342}.switch[aria-checked="true"] i{transform:translateX(16px);background:#fff}.setting-block{margin-top:17px;padding:2px 0 0}.setting-top{display:flex;justify-content:space-between;align-items:start}.setting-top strong,.setting-top span{display:block}.setting-top strong{font-size:12px;color:#e0e6f3}.setting-top span{font-size:10px;color:#79859d;margin-top:3px}.setting-top .setting-value{font-size:11px;color:#a3afff;margin:0;font-weight:700}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:#0e1420;border:1px solid #2a3345;border-radius:8px;padding:4px;margin-top:12px}.segmented button{border:0;background:transparent;color:#7c89a1;border-radius:5px;padding:7px 3px;font-size:11px}.segmented button:hover{color:#c5cfff;background:#ffffff0b}.segmented button.selected{color:#e5e9ff;background:linear-gradient(130deg,#5666b8,#484e9a);box-shadow:0 2px 7px #0005}.visual-hint{font-size:10px;color:#8390a9;margin-top:17px;padding:10px 11px;background:#20283a7d;border-radius:7px}.visual-hint span{color:#aaa2ff;margin-right:5px}
.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.automation-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.automation-item{border:1px solid #2c3446;border-radius:9px;background:#1a2130b5;padding:11px;text-align:left;display:flex;align-items:center;gap:10px;color:inherit;min-width:0;transition:background .2s,border-color .2s}.automation-item:hover{background:#242c3e;border-color:#4b5570}.automation-item.active{border-color:#767fff70;background:#6c7cff13}.auto-icon{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:8px;font-size:17px}.auto-icon.gem{background:#946ff022;color:#bd9aff}.auto-icon.click{background:#63bcec22;color:#75c9f1}.auto-icon.aim{background:#f37b8b21;color:#ff97a1}.auto-icon.bridge{background:#61cc9b20;color:#75dbac}.automation-item>span:nth-child(2){min-width:0}.automation-item strong,.automation-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.automation-item strong{font-size:11px}.automation-item small{font-size:9px;color:#79869e;margin-top:2px}.auto-state{font-size:9px;color:#778299;font-style:normal;margin-left:auto;align-self:flex-start}.automation-item.active .auto-state{color:#a8b3ff}.activity-card{display:flex;flex-direction:column}.activity-count{font-size:10px;color:#64728a}.activity-list{display:grid;align-content:start;gap:12px;min-height:120px;max-height:180px;overflow:auto}.activity-entry{display:flex;gap:10px;align-items:start;color:#a9b4c8;font-size:10px}.activity-entry i{width:7px;height:7px;border-radius:50%;background:#7a89ff;flex:none;margin-top:4px;box-shadow:0 0 9px #7a89ff60}.activity-entry time{color:#64728a;margin-left:auto;white-space:nowrap}.activity-actions{display:flex;gap:8px;margin-top:auto;padding-top:15px}.activity-actions button{height:32px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3a4458;border-radius:7px;background:#242c3e;color:#cbd4e7;font-size:10px;padding:0 11px}.activity-actions button:hover{background:#303a51}.activity-actions button:last-child{background:transparent;color:#8190a7}.page-footer{display:flex;justify-content:space-between;gap:12px;color:#586478;font-size:9px;font-weight:700;letter-spacing:.08em;padding:23px 1px 0}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#303c5b;color:#ecf0ff;border:1px solid #6979b5;border-radius:8px;padding:10px 14px;font-size:11px;box-shadow:0 12px 28px #0008;transition:opacity .2s,transform .2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}.app-shell.compact{grid-template-columns:72px minmax(0,1fr)}.app-shell.compact .sidebar{padding-left:10px;padding-right:10px}.app-shell.compact .brand{padding:0 7px}.app-shell.compact .brand>div:last-child,.app-shell.compact .sidebar-label,.app-shell.compact .nav-item span,.app-shell.compact .nav-item i,.app-shell.compact .sidebar-bottom{display:none}.app-shell.compact .nav-list{margin-top:48px}.app-shell.compact .nav-item{justify-content:center;padding:0}.app-shell.compact .main-content{width:min(1480px,100%)}
@media(max-width:1160px){.main-content{padding:0 25px 26px}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(295px,1fr)}.metrics{gap:9px}.metric{padding:14px}.arena{height:300px}}@media(max-width:960px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.brand{padding:0 7px}.brand>div:last-child,.sidebar-label,.nav-item span,.nav-item i,.sidebar-bottom{display:none}.nav-list{margin-top:48px}.nav-item{justify-content:center;padding:0}.dashboard-grid{grid-template-columns:1fr}.arena{height:360px}.visual-card{min-height:0}.lower-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.app-shell,.app-shell.compact{display:block}.sidebar{height:58px;position:sticky;top:0;flex-direction:row;align-items:center;justify-content:space-between;padding:9px 14px;border-right:0;border-bottom:1px solid #202635}.brand,.app-shell.compact .brand{padding:0}.brand>div:last-child,.app-shell.compact .brand>div:last-child{display:block}.brand-mark{width:32px;height:32px}.brand strong{font-size:12px}.brand small{font-size:7px}.nav-list,.app-shell.compact .nav-list{display:flex;margin:0;gap:0}.nav-item{width:36px;height:36px}.nav-item:nth-child(n+3){display:none}.nav-item.active:before{display:none}.main-content{padding:0 15px 25px}.topbar{height:54px}.top-date{display:none}.intro{padding:25px 0 23px;align-items:start}.intro h1{font-size:29px}.intro p{font-size:12px}.open-game{padding:9px 11px;margin-top:25px;font-size:10px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{min-height:107px}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.arena{height:280px}.surface{padding:16px}.automation-list{grid-template-columns:1fr 1fr}.page-footer span:last-child{display:none}}@media(max-width:420px){.intro{display:block}.open-game{margin-top:17px}.arena{height:235px}.automation-list{grid-template-columns:1fr}.preview-chip{font-size:8px}.notice{align-items:start}}

.automation-item.active{border-color:#8490ff9c;background:linear-gradient(125deg,#6172e629,#252e49);box-shadow:inset 0 0 0 1px #9aa5ff20,0 0 18px #6979ef1f}.automation-item.active .auto-state{color:#c0c9ff}.automation-preview{height:164px;position:relative;margin-top:13px;border:1px solid #47567a;border-radius:9px;overflow:hidden;background:linear-gradient(180deg,#111e33,#101725);box-shadow:inset 0 0 28px #5474aa18}.automation-preview[hidden]{display:none!important}.automation-preview canvas{display:block;width:100%;height:100%}@media(max-width:680px){.automation-preview{height:150px}}

.balloon-mascot{position:fixed;left:calc(100vw - 116px);top:36vh;width:88px;height:130px;z-index:40;cursor:grab;touch-action:none;user-select:none;filter:drop-shadow(0 12px 15px #090d2e8c);outline:none}.balloon-mascot:focus-visible{outline:2px solid #b3a8ff;outline-offset:3px;border-radius:40px}.balloon-drift{width:100%;height:100%;animation:balloon-drift 6.2s ease-in-out infinite}.balloon-drift svg{display:block;width:100%;height:100%;overflow:visible}.balloon-mascot .face-normal,.balloon-mascot .face-upset{transition:opacity .16s ease}.balloon-mascot .face-upset{opacity:0}.balloon-mascot.is-upset .face-normal{opacity:0}.balloon-mascot.is-upset .face-upset{opacity:1}.balloon-mascot.is-dragging{cursor:grabbing;filter:drop-shadow(0 17px 17px #090d2eb8)}.balloon-mascot.is-dragging .balloon-drift{animation:none;transform:rotate(-7deg) scale(.95,1.05)}.balloon-mascot.is-dragging .balloon-string{transform:rotate(9deg);transform-origin:50px 107px}@keyframes balloon-drift{0%,100%{transform:translate(0,0) rotate(-3deg)}25%{transform:translate(8px,-16px) rotate(2deg)}50%{transform:translate(-6px,-25px) rotate(-2deg)}75%{transform:translate(7px,-11px) rotate(3deg)}}@media(max-width:680px){.balloon-mascot{width:69px;height:102px;left:calc(100vw - 84px);top:59vh}}@media(prefers-reduced-motion:reduce){.balloon-drift{animation:none}.balloon-mascot .face-normal,.balloon-mascot .face-upset{transition:none}}
.balloon-mascot{width:100px;left:calc(100vw - 128px)}
.balloon-mascot .face-greeting,.balloon-mascot .welcome-sparkles{opacity:0;transition:opacity .2s ease}
.balloon-mascot.is-greeting .face-normal{opacity:0}
.balloon-mascot.is-greeting .face-greeting,.balloon-mascot.is-greeting .welcome-sparkles{opacity:1}
.balloon-mascot.is-upset .face-greeting,.balloon-mascot.is-upset .welcome-sparkles{opacity:0}
.balloon-mascot .balloon-cheeks{transition:opacity .16s ease}
.balloon-mascot.is-upset .balloon-cheeks{opacity:0}
.balloon-mascot .face-fed-up{opacity:0;transition:opacity .16s ease}
.balloon-mascot.is-fed-up .face-normal,.balloon-mascot.is-fed-up .face-greeting,.balloon-mascot.is-fed-up .face-upset,.balloon-mascot.is-fed-up .balloon-cheeks{opacity:0}
.balloon-mascot.is-fed-up .face-fed-up{opacity:1}
.balloon-mascot.is-greeting .balloon-body{animation:balloon-hello .8s ease-out}
@keyframes balloon-hello{0%{transform:scale(.84,1.12);transform-origin:56px 98px}45%{transform:scale(1.07,.94);transform-origin:56px 98px}100%{transform:scale(1);transform-origin:56px 98px}}
@media(max-width:680px){.balloon-mascot{width:76px;left:calc(100vw - 94px)}}
@media(prefers-reduced-motion:reduce){.balloon-mascot .face-greeting,.balloon-mascot .welcome-sparkles{transition:none}.balloon-mascot.is-greeting .balloon-body{animation:none}}
.balloon-speech{position:absolute;right:calc(100% + 8px);top:-10px;z-index:2;width:max-content;max-width:min(230px,calc(100vw - 120px));padding:13px 16px;border:1px solid #9294f0;border-radius:17px 17px 5px 17px;background:linear-gradient(145deg,#303763f8,#222948f8);box-shadow:0 13px 28px #080b1faa,0 0 0 3px #8c80e815;color:#fff;font-size:15px;font-weight:700;line-height:1.5;white-space:normal;opacity:0;transform:translateY(7px) scale(.94);transform-origin:right bottom;transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.balloon-speech::after{content:"";position:absolute;right:-6px;bottom:12px;width:10px;height:10px;background:#252c50;border-top:1px solid #9294f0;border-right:1px solid #9294f0;transform:rotate(45deg)}
.balloon-mascot.is-speaking .balloon-speech{opacity:1;transform:translateY(0) scale(1)}
.balloon-mascot.speech-right .balloon-speech{right:auto;left:calc(100% + 8px);border-radius:17px 17px 17px 5px;transform-origin:left bottom}
.balloon-mascot.speech-right .balloon-speech::after{right:auto;left:-6px;border:0;border-left:1px solid #9294f0;border-bottom:1px solid #9294f0}
@media(max-width:680px){.balloon-speech{font-size:14px;padding:11px 13px;max-width:min(215px,calc(100vw - 110px))}}
.balloon-burst{position:absolute;left:50%;top:36%;z-index:3;width:0;height:0;pointer-events:none;opacity:0}
.balloon-burst i{position:absolute;left:-4px;top:-8px;width:8px;height:16px;border-radius:9px;background:#b7c2ff;opacity:0;transform:rotate(var(--angle)) translateY(0)}
.balloon-burst i:nth-child(1){--angle:0deg}.balloon-burst i:nth-child(2){--angle:45deg}.balloon-burst i:nth-child(3){--angle:90deg}.balloon-burst i:nth-child(4){--angle:135deg}.balloon-burst i:nth-child(5){--angle:180deg}.balloon-burst i:nth-child(6){--angle:225deg}.balloon-burst i:nth-child(7){--angle:270deg}.balloon-burst i:nth-child(8){--angle:315deg}
.balloon-burst i:nth-child(2n){background:#f486ca}
.balloon-mascot.is-bursting,.balloon-mascot.is-small{pointer-events:none;cursor:default}
.balloon-mascot.is-bursting .balloon-drift{opacity:0;transition:opacity .1s ease}
.balloon-mascot.is-bursting .balloon-burst{opacity:1}
.balloon-mascot.is-bursting .balloon-burst i{animation:balloon-pop .65s ease-out both}
.balloon-mascot.is-small .balloon-drift{animation:none;transform:scale(.25);transform-origin:50% 85%}
.balloon-mascot.is-growing .balloon-drift{animation:balloon-regrow .7s cubic-bezier(.2,1.4,.4,1) both}
@keyframes balloon-pop{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) scale(.5)}75%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateY(-58px) scale(1)}}
@keyframes balloon-regrow{0%{transform:scale(.25)}75%{transform:scale(1.12)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.balloon-speech{transition:none}.balloon-mascot.is-bursting .balloon-burst i,.balloon-mascot.is-growing .balloon-drift{animation:none}}