.panel{-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);color:#e6f2e0;z-index:8;background:#0a120c8c;border:1px solid #bee6aa29;border-radius:14px;min-width:240px;padding:14px 16px;font-size:12px;position:fixed;top:16px;left:16px;box-shadow:0 12px 40px #00000059}.panel--closed{min-width:0;padding:6px}.panel__toggle{width:26px;height:26px;color:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;place-items:center;font-size:14px;display:grid;position:absolute;top:8px;right:8px}.panel--closed .panel__toggle{position:static}.panel__body{gap:12px;padding-right:26px;display:grid}.panel h1{letter-spacing:.14em;text-transform:uppercase;color:#b9d9a5;margin:0;font-size:13px;font-weight:600}.panel label{gap:5px;display:grid}.panel label span,.row>span{opacity:.72}.panel input[type=range]{accent-color:#8fce5a;width:100%;height:18px}.row{gap:6px;display:grid}.seg{gap:4px;display:flex}.seg button{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;flex:1;padding:5px 4px;font-size:11px}.seg button.on{color:#0b1408;background:#6da53f;border-color:#6da53f}.hint{opacity:.5;margin:0;line-height:1.7}.key{color:#dfeed6;background:#ffffff17;border:1px solid #ffffff38;border-bottom-width:2px;border-radius:5px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:inline-grid}.panel__toggle .key{pointer-events:none}.side{-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);color:#e6f2e0;z-index:7;pointer-events:none;background:#0a120c8c;border:1px solid #bee6aa29;border-radius:14px;gap:14px;width:214px;padding:16px 18px 14px;display:grid;position:fixed;top:16px;right:16px;box-shadow:0 12px 40px #00000059}.side__head{justify-content:space-between;align-items:center;display:flex}.side h2{letter-spacing:.16em;text-transform:uppercase;color:#b9d9a5;margin:0;font-size:11px;font-weight:600}.dot{background:#7d8a76;border-radius:50%;width:7px;height:7px}.dot--live{background:#8fe05a;animation:2.4s ease-out infinite ping}.dot--connecting{background:#d8c25a}.dot--offline{background:#d8695a}@keyframes ping{0%{box-shadow:0 0 #8fe05a8c}70%{box-shadow:0 0 0 7px #8fe05a00}to{box-shadow:0 0 #8fe05a00}}.stat{gap:1px;min-width:0;display:grid}.stat__value,.stat__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stat__label{letter-spacing:.09em;text-transform:uppercase;opacity:.55;font-size:10px}.stat__value{font-variant-numeric:tabular-nums;font-size:19px;font-weight:620;line-height:1.15;animation:.26s cubic-bezier(.2,1.5,.4,1) bump}.stat--big .stat__value{color:#8ccc4c;font-size:34px}.stat__hint{opacity:.45;font-size:10.5px}.stat__short{display:none}.side__status{letter-spacing:.05em;opacity:.35;border-top:1px solid #ffffff14;margin:0;padding-top:10px;font-size:10px}@keyframes bump{0%{opacity:.6;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.prompt{z-index:5;-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);color:#e6f2e0;white-space:nowrap;pointer-events:none;opacity:0;background:#0a120cb8;border:1px solid #bee6aa38;border-radius:999px;align-items:center;gap:8px;width:max-content;padding:7px 13px 7px 11px;font-size:12.5px;font-weight:500;transition:opacity .16s,scale .16s;display:flex;position:fixed;top:0;left:0;scale:.94}.prompt--on{opacity:1;scale:1}.prompt--down{color:#0b1408;background:#6ca83ee6;border-color:#c8f5a580;scale:.97}.prompt--fixed{top:auto;bottom:104px;left:50%;transform:translate(-50%)}.prompt__mouse{color:#a8e26a;flex:none;animation:1.9s ease-in-out infinite nudge}.prompt--down .prompt__mouse{color:#0b1408;animation:none}@keyframes nudge{0%,72%,to{transform:translateY(0)}80%{transform:translateY(-2px)}88%{transform:translateY(0)}}.pops{pointer-events:none;z-index:6;position:fixed;inset:0}.pop{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#fff;text-shadow:-3px -3px #071c06,0 -3px #071c06,3px -3px #071c06,3px 0 #071c06,3px 3px #071c06,0 3px #071c06,-3px 3px #071c06,-3px 0 #071c06,-2px -2px #071c06,2px -2px #071c06,2px 2px #071c06,-2px 2px #071c06,0 4px 20px #000000e6;will-change:transform, opacity, filter;background:radial-gradient(closest-side,#040c059e,#040c0557 58%,#040c0500 82%);padding:10px 16px;font-size:48px;font-weight:800;line-height:1;animation:1.5s cubic-bezier(.16,.7,.3,1) forwards windAway;position:absolute;translate:-50% -50%}@keyframes windAway{0%{opacity:0;filter:blur();transform:translateY(6px)scale(.72)}14%{opacity:1;filter:blur();transform:translate(2px,-8px)scale(1.14)}34%{opacity:.95;transform:translate(calc(var(--dx) * .28), calc(var(--dy) * .3)) scale(1) rotate(calc(var(--rot) * .3));filter:blur(.4px)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.86) rotate(var(--rot));filter:blur(7px)}}@media (prefers-reduced-motion:reduce){.stat__value,.dot--live,.prompt__mouse{animation:none}.prompt{transition:none}.pop{animation:.9s ease-out forwards fadeOnly}}@keyframes fadeOnly{0%{opacity:0}15%{opacity:1}to{opacity:0}}@media (max-width:720px){.side{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:6px;width:auto;padding:9px 46px 10px 12px;position:fixed;left:10px;right:10px}.side__head{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.side h2,.side__status,.stat__hint,.stat__long{display:none}.stat__short{display:inline}.stat--big{grid-column:auto}.stat--big .stat__value{font-size:21px}.stat__value{font-size:18px}.stat__label{letter-spacing:.06em;font-size:8.5px}.panel{min-width:0;top:12px;left:12px;right:12px}.panel--closed{right:auto}.prompt--fixed{bottom:calc(env(safe-area-inset-bottom,0px) + 92px)}.pop{padding:8px 13px;font-size:38px}}.side__tools{align-items:center;gap:8px;display:flex}.side__gear{pointer-events:auto;color:#cfe4c2;cursor:pointer;background:#ffffff14;border:0;border-radius:7px;place-items:center;width:24px;height:24px;padding:0;display:grid}.side__gear:active{background:#ffffff29}