:root{--bg:#12151ac7;--bg-solid:#15181d;--line:#ffffff17;--fg:#e8ecf1;--muted:#9aa4af;--accent:#4da3ff;--warn:#f2b84b;--bad:#ff5d52;color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:#b8c2cb;height:100%;margin:0;overflow:hidden}#view{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;font-size:13px;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui .toasts,#ui .hint,#ui .hud{pointer-events:none}.hidden{display:none!important}.muted{color:var(--muted)}.warn{color:var(--warn)}.panel{background:var(--bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 24px #00000040}button{font:inherit;color:inherit;cursor:pointer}.btn{border:1px solid var(--line);background:#ffffff0f;border-radius:7px;min-width:32px;padding:5px 10px}.btn:hover{background:#ffffff21}.btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger:hover{background:var(--bad)}kbd{color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 4px;font:11px ui-monospace,monospace}.hud{text-shadow:0 1px 3px #00000080;color:#fff;position:absolute;top:12px;left:14px}.hud b{letter-spacing:.08em}.hud .muted{color:#eef2f6;opacity:.85}.toolbar{gap:4px;padding:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.tool{background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:70px;padding:6px 10px;display:flex}.tool .icon{font-size:20px;line-height:1.1}.tool:hover{background:#ffffff14}.tool.active{border-color:var(--accent);background:#4da3ff38}.hint{white-space:nowrap;color:#fff;background:#00000073;border-radius:20px;padding:5px 12px;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.timebar{align-items:center;gap:6px;padding:6px;display:flex;position:absolute;top:10px;right:12px}.seg{gap:2px;display:flex}.select{color:var(--fg);border:1px solid var(--line);font:inherit;background:#ffffff0f;border-radius:7px;padding:5px 6px}.select option{background:var(--bg-solid)}.catalog{width:236px;max-height:calc(100% - 180px);padding:10px;position:absolute;top:60px;left:12px;overflow-y:auto}.catalog h3{margin:0 0 6px;font-size:14px}.catalog .cat{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 4px;font-size:11px}.catalog .grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.catalog .item{text-align:left;border:1px solid var(--line);background:#ffffff0d;border-radius:7px;align-items:center;gap:6px;padding:6px;font-size:12px;display:flex}.catalog .item .icon{font-size:17px}.catalog .item:hover{background:#ffffff1f}.catalog .item.active{border-color:var(--accent);background:#4da3ff38}.inspector{width:280px;max-height:calc(100% - 180px);padding:12px;position:absolute;top:60px;right:12px;overflow-y:auto}.ins-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ins-head .title{font-size:15px;font-weight:600}.badge{background:#ffffff1a;border-radius:10px;padding:2px 8px;font-size:11px}.badge:empty{display:none}.badge.standing,.badge.gettingUp{background:#2f7d4a}.badge.falling,.badge.grounded{background:#8a6a1f}.badge.ko{background:#6b3fa0}.badge.dead{background:#8e2b25}.bars label{color:var(--muted);margin:4px 0;font-size:11px;display:block}.bar{background:#ffffff14;border-radius:4px;height:7px;margin-top:2px;overflow:hidden}.bar i{background:#e34c41;height:100%;transition:width .2s;display:block}.bar i.con{background:#4da3ff}.ins-body{align-items:center;gap:10px;margin:8px 0;display:flex}.figure{width:120px;height:230px}.figure rect{stroke:#00000059;stroke-width:1px;transition:fill .2s}.figure rect.severed{stroke:#888;stroke-dasharray:3 2}.legend{color:var(--muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.legend i.cut{border:1px dashed #888}.slider{color:var(--muted);align-items:center;gap:8px;margin:8px 0;font-size:12px;display:flex}.slider input{flex:1}.slider .val{text-align:right;width:38px;color:var(--fg)}.log{border-top:1px solid var(--line);max-height:130px;padding-top:6px;font-size:12px;overflow-y:auto}.log div{padding:2px 0}.log .warn{color:var(--warn)}.log .bad{color:var(--bad)}.props>div{justify-content:space-between;padding:3px 0;display:flex}.actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.toasts{flex-direction:column-reverse;gap:4px;max-width:360px;display:flex;position:absolute;bottom:92px;left:14px}.toast{border-left:3px solid var(--muted);background:#12151ad9;border-radius:6px;padding:6px 10px;transition:opacity .6s}.toast.warn{border-color:var(--warn)}.toast.bad{border-color:var(--bad)}.toast.fade{opacity:0}.help{background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.help-box{max-width:760px;padding:20px 26px}.help-box h2{margin:0 0 12px}.help-box h3{color:var(--accent);margin:10px 0 4px;font-size:13px}.help-box p{margin:3px 0}.help-box .cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}#loading{color:#e8ecf1;z-index:10;background:#12151a;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-family:system-ui,sans-serif;transition:opacity .5s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading .logo{letter-spacing:.2em;font-size:42px;font-weight:800}#loading .sub{color:#9aa4af;text-align:center;max-width:520px;padding:0 16px}.spinner{border:3px solid #ffffff26;border-top-color:#4da3ff;border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#ui.fps .toolbar,#ui.fps .catalog,#ui.fps .inspector{display:none!important}#ui.fps .hint{bottom:22px}#ui .crosshair,#ui .charge{pointer-events:none}.crosshair{background:#ffffffeb;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;display:none;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #00000073}#ui.fps .crosshair{display:block}.charge{background:#0006;border-radius:3px;width:84px;height:5px;margin-left:-42px;display:none;position:absolute;top:calc(50% + 16px);left:50%;overflow:hidden}.charge i{background:linear-gradient(90deg,#ffd166,#ff6b3d);width:0;height:100%;display:block}.btn.mode{white-space:nowrap}@media (max-width:760px){.tool{min-width:46px;padding:5px 6px}.tool span:not(.icon),.hint{display:none}.timebar{flex-wrap:wrap;justify-content:flex-end;left:12px}.catalog,.inspector{max-height:45%;top:auto;bottom:86px}.hud{display:none}}