.client-demo{position:relative;display:block;min-height:720px;padding:14px 16px 48px;overflow:hidden;border-color:rgba(255,52,71,.28);border-radius:12px;background:#090a0d}
.demo-game-header{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,270px) 74px 74px;align-items:center;gap:8px;min-height:42px;margin-bottom:10px}
.demo-brand{display:flex;align-items:center;gap:8px;min-width:0}.demo-logo{width:28px;height:28px;color:#ff3447;background:transparent;font:900 17px/1 Inter,sans-serif}.demo-brand strong{color:#ff3447;font-size:12px;font-weight:900}.demo-brand small{align-self:center;margin:0 0 0 1px;color:#989ba4;font-size:10px}
.demo-search{height:30px;border-radius:6px}.demo-action{height:30px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#c3c5cb;background:#16171c;font:800 9px Inter,sans-serif;cursor:pointer}.demo-action:hover{border-color:rgba(255,52,71,.5);color:#fff}
.demo-category-grid{display:grid;grid-template-columns:repeat(7,minmax(116px,1fr));align-items:start;gap:8px;min-width:0;max-height:590px;overflow:auto;padding:2px 2px 9px;scrollbar-color:#464951 #14151a;scrollbar-width:thin}
.game-category-panel{min-width:0;max-height:540px;overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:rgba(19,20,24,.94);box-shadow:0 8px 20px rgba(0,0,0,.28)}
.game-category-heading{position:sticky;z-index:1;top:0;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:5px;height:25px;padding:0 8px;border-bottom:1px solid rgba(255,52,71,.54);color:#f0f0f3;background:#191a1f}.game-category-heading i{width:6px;height:6px;border-radius:50%;background:#ff5261}.game-category-heading h3{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap;font:800 10px/1 Inter,sans-serif}.game-category-heading span{color:#888b95;font:700 10px Inter,sans-serif}
.game-category-list{max-height:505px;overflow-x:hidden;overflow-y:auto;padding:3px 4px 5px;scrollbar-color:#484a51 #14151a;scrollbar-width:thin}.game-module{min-width:0}.game-module-line{display:flex;align-items:center;gap:5px;min-height:21px;border-bottom:1px solid rgba(255,255,255,.045)}.game-module.is-enabled>.game-module-line{background:rgba(75,20,29,.5)}
.game-module-name{overflow:hidden;width:auto;min-width:0;flex:1;padding:3px 2px;border:0;color:#bfc1c7;background:transparent;text-align:left;text-overflow:ellipsis;white-space:nowrap;font:700 9px/1.25 Inter,sans-serif;cursor:pointer}.game-module-name:hover,.game-module.is-enabled .game-module-name{color:#ff5362}.blatant-marker{flex:0 0 auto;color:#ff3447;font-size:8px;cursor:help}
.game-module-line .demo-switch,.game-setting .demo-switch{width:18px;height:9px;background:#30323a}.game-module-line .demo-switch::after,.game-setting .demo-switch::after{width:7px;height:7px;left:1px;top:1px}.game-module-line .demo-switch.is-on,.game-setting .demo-switch.is-on{background:#76212c}.game-module-line .demo-switch.is-on::after,.game-setting .demo-switch.is-on::after{left:10px;transform:none;background:#ff5261}
.game-inline-settings{margin:2px 2px 4px;padding:3px 4px;border-radius:4px;background:rgba(7,8,10,.72)}.game-setting{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;min-height:24px;padding:2px 1px;border-bottom:1px solid rgba(255,255,255,.04)}.game-setting-label{overflow:hidden;color:#c1c2c8;text-overflow:ellipsis;white-space:nowrap;font:600 8px Inter,sans-serif}
.game-setting select,.game-setting input[type=text]{width:72px;min-width:0;height:18px;padding:0 4px;border:1px solid #34353b;border-radius:4px;color:#e5e6e9;background:#1c1d22;font:8px Inter,sans-serif}.game-setting input[type=color]{width:23px;height:18px;padding:1px;border:1px solid #45464c;border-radius:4px;background:#1c1d22}.game-setting input[type=range]{width:66px;accent-color:#ff3447}.game-range-control{display:flex;align-items:center;gap:3px}.game-range-control output{min-width:21px;color:#9da0a8;text-align:right;font:7px Inter,sans-serif}.game-setting.setting-wide{grid-template-columns:1fr}.setting-wide .game-range-control{width:100%}.setting-wide .game-range-control input[type=range]{width:100%}
.game-bind,.game-picker-button{min-height:18px;padding:2px 5px;border:1px solid #36373e;border-radius:4px;color:#ff6572;background:#202127;font:700 7px Inter,sans-serif;cursor:pointer}.game-module-keybind{border-bottom:0}.game-empty{padding:4px;color:#858791;font:8px Inter,sans-serif}
.demo-footer{position:absolute;right:17px;bottom:12px;left:17px;display:flex;justify-content:space-between;gap:12px;color:#737782;font:700 8px Inter,sans-serif}.demo-footer>span:first-child{display:flex;align-items:center;gap:6px}.demo-footer i{width:6px;height:6px}.demo-footer kbd{min-width:18px;min-height:17px;padding:0 4px;border-radius:4px;font-size:9px}
.demo-overlay:not([hidden]){position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,3,5,.82);backdrop-filter:blur(4px)}.demo-dialog{position:relative;display:grid;gap:12px;width:min(380px,100%);max-height:min(520px,90%);padding:18px;border:1px solid rgba(255,52,71,.32);border-radius:8px;color:#f0f1f4;background:#15161b;box-shadow:0 22px 70px rgba(0,0,0,.6)}.demo-dialog h3{margin:0;color:#ff5362;font:800 13px Inter,sans-serif}.demo-dialog p{margin:0;color:#9397a1;font-size:11px}.demo-dialog input[type=text],.picker-search{height:34px;padding:0 9px;border:1px solid #34363e;border-radius:5px;color:#f0f1f4;background:#0e0f13;font:11px Inter,sans-serif}
.block-picker-dialog{grid-template-rows:auto auto minmax(0,1fr) auto;height:min(500px,90%)}.picker-rows{min-height:0;overflow:auto;border:1px solid rgba(255,255,255,.06);border-radius:5px}.picker-row{display:flex;align-items:center;gap:8px;min-height:29px;padding:0 9px;color:#c9cbd1;font-size:10px;cursor:pointer}.picker-row:hover,.picker-row.is-selected{background:rgba(255,52,71,.12)}.picker-row input{accent-color:#ff3447}.picker-controls,.config-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px}.picker-controls button,.config-actions button{min-height:29px;padding:0 9px;border:1px solid #383a42;border-radius:5px;color:#d8d9de;background:#22242a;font:800 8px Inter,sans-serif;cursor:pointer}.picker-controls .picker-save{margin-left:auto;border-color:#8d2531;color:#fff;background:#76212c}
.demo-emote-wheel{position:relative;width:280px;height:280px;max-width:100%;margin:0 auto;border:1px solid rgba(255,52,71,.18);border-radius:50%;background:radial-gradient(circle,#252027 0 22%,#111216 23% 63%,#1a1216 64% 65%,#111216 66%)}.demo-emote-wheel button{position:absolute;top:50%;left:50%;width:80px;min-height:29px;padding:4px;transform:rotate(var(--angle)) translateY(-106px) rotate(calc(-1*var(--angle))) translate(-50%,-50%);border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#d8d9de;background:#1d1e24;font:800 7px Inter,sans-serif;cursor:pointer}.demo-emote-wheel button:hover{border-color:#ff3447;color:#ff6673}.dialog-close{position:absolute;top:8px;right:10px;border:0;color:#a9abb2;background:none;font-size:21px;cursor:pointer}
.demo-toast:not([hidden]){position:absolute;right:18px;bottom:40px;z-index:12;padding:9px 12px;border:1px solid rgba(255,52,71,.3);border-radius:5px;color:#eee;background:#202127;font-size:10px}.demo-load-error{padding:18px;color:#ff8b95}
@media(max-width:1000px){.client-demo{min-height:780px}.demo-category-grid{grid-template-columns:repeat(4,minmax(130px,1fr));max-height:650px}.game-category-panel{max-height:420px}}
@media(max-width:650px){.client-demo{min-height:880px;padding:10px}.demo-game-header{grid-template-columns:1fr 1fr}.demo-brand,.demo-search{grid-column:1/-1}.demo-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:700px}.game-category-panel{max-height:360px}.demo-footer{flex-direction:column}}

@font-face{font-family:SolarUI;src:url("assets/fonts/solar-ui.ttf") format("truetype");font-style:normal;font-weight:400 900;font-display:swap}
.client-demo{color-scheme:dark;border-color:rgba(255,255,255,.09);background:#000;box-shadow:0 24px 70px rgba(0,0,0,.62)}
.demo-game-header,.demo-category-grid,.demo-footer{font-family:SolarUI,Inter,sans-serif}
.demo-brand strong,.demo-action,.game-category-heading h3,.game-category-heading span,.game-module-name,.blatant-marker,.game-setting-label,.game-bind,.game-picker-button,.game-empty,.demo-footer,.demo-dialog h3,.picker-row,.picker-controls button,.config-actions button,.demo-emote-wheel button{font-family:SolarUI,Inter,sans-serif}
.demo-category-grid{scrollbar-color:#35363b #050505}
.game-category-heading{height:28px}
.game-category-heading h3{font-size:12px}
.game-category-heading span{font-size:11px}
.game-category-list{scroll-behavior:smooth}
.game-module-line{min-height:24px}
.game-module-name{font-size:11px}
.blatant-marker{font-size:9px}
.game-setting-label{font-size:9px}
.game-empty{font-size:9px}
.game-category-panel{border-color:rgba(255,255,255,.075);background:#0c0d10;box-shadow:0 8px 20px rgba(0,0,0,.62);transition:border-color 160ms ease,background-color 160ms ease,transform 180ms ease,box-shadow 180ms ease}
.game-category-panel:hover{transform:translateY(-2px);border-color:rgba(255,82,97,.28);box-shadow:0 12px 25px rgba(0,0,0,.72)}
.game-category-panel.is-intro{animation:solar-panel-enter 420ms cubic-bezier(.2,.75,.25,1) both}
.game-category-panel.is-intro:nth-child(2){animation-delay:35ms}.game-category-panel.is-intro:nth-child(3){animation-delay:70ms}.game-category-panel.is-intro:nth-child(4){animation-delay:105ms}.game-category-panel.is-intro:nth-child(5){animation-delay:140ms}.game-category-panel.is-intro:nth-child(6){animation-delay:175ms}.game-category-panel.is-intro:nth-child(7){animation-delay:210ms}
.game-category-heading{background:#141519}
.game-category-heading i{box-shadow:0 0 9px rgba(255,82,97,.35)}
.game-module-line{transition:background-color 140ms ease,border-color 140ms ease}
.game-module:not(.is-enabled)>.game-module-line:hover{background:rgba(255,255,255,.035)}
.game-module-name{transition:color 140ms ease}
.game-module-line .demo-switch,.game-setting .demo-switch{transition:background-color 150ms ease,box-shadow 150ms ease}
.game-module-line .demo-switch.is-on,.game-setting .demo-switch.is-on{box-shadow:0 0 9px rgba(255,52,71,.2)}
.game-module-line .demo-switch::after,.game-setting .demo-switch::after{transition:left 150ms cubic-bezier(.2,.75,.25,1),background-color 150ms ease}
.game-inline-settings{transform-origin:top;animation:solar-settings-enter 180ms cubic-bezier(.2,.75,.25,1) both}
.game-setting{transition:background-color 140ms ease}
.game-setting:hover{background:rgba(255,255,255,.025)}
.demo-action,.game-bind,.game-picker-button,.picker-controls button,.config-actions button{transition:transform 140ms ease,border-color 140ms ease,color 140ms ease,background-color 140ms ease}
.demo-action:hover,.game-bind:hover,.game-picker-button:hover,.picker-controls button:hover,.config-actions button:hover{transform:translateY(-1px)}
.demo-overlay:not([hidden]){animation:solar-overlay-enter 180ms ease both}
.demo-dialog{animation:solar-dialog-enter 220ms cubic-bezier(.2,.75,.25,1) both}
.demo-emote-wheel{animation:solar-wheel-enter 360ms cubic-bezier(.2,.75,.25,1) both}
.demo-emote-wheel button{transition:transform 180ms ease,border-color 140ms ease,color 140ms ease,background-color 140ms ease}
.demo-emote-wheel button:hover{transform:rotate(var(--angle)) translateY(-112px) rotate(calc(-1*var(--angle))) translate(-50%,-50%);background:#2a171b}
.demo-toast:not([hidden]){animation:solar-toast-enter 180ms ease both}
@keyframes solar-panel-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes solar-settings-enter{from{opacity:0;transform:translateY(-4px) scaleY(.9)}to{opacity:1;transform:translateY(0) scaleY(1)}}
@keyframes solar-overlay-enter{from{opacity:0}to{opacity:1}}
@keyframes solar-dialog-enter{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes solar-wheel-enter{from{opacity:0;transform:rotate(-12deg) scale(.88)}to{opacity:1;transform:rotate(0) scale(1)}}
@keyframes solar-toast-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.game-inline-settings{margin:2px 2px 5px;padding:4px 6px;border:1px solid rgba(255,255,255,.045);border-radius:4px;background:#15161a}
.game-setting{min-height:29px;gap:2px 6px;padding:4px 1px;border-bottom-color:rgba(255,255,255,.1)}
.game-setting-label{color:#dedfe4;font:700 11px/1.2 SolarUI,Inter,sans-serif;text-transform:uppercase}
.game-setting-value{color:#ff5362;text-align:right;font:800 12px/1 SolarUI,Inter,sans-serif}
.game-setting.setting-range-row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 13px;min-height:42px;padding:4px 1px 5px}
.setting-range-row>.game-range-control{grid-column:1/-1;grid-row:2;width:100%;min-width:0}
.setting-range-row>.game-setting-value{grid-column:2;grid-row:1}
.game-range-control input[type=range]{width:100%;height:13px;margin:0;appearance:none;background:transparent;cursor:pointer}
.game-range-control input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(to right,#ff3447 0 var(--range-progress),#46474e var(--range-progress) 100%)}
.game-range-control input[type=range]::-webkit-slider-thumb{width:9px;height:9px;margin-top:-3px;appearance:none;border:0;border-radius:50%;background:#ff5362;box-shadow:0 0 5px rgba(255,52,71,.38);transition:box-shadow 120ms ease}
.game-range-control input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(255,52,71,.16),0 0 7px rgba(255,52,71,.55)}
.game-range-control input[type=range]::-moz-range-track{height:3px;border-radius:4px;background:#46474e}
.game-range-control input[type=range]::-moz-range-progress{height:3px;border-radius:4px;background:#ff3447}
.game-range-control input[type=range]::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#ff5362;box-shadow:0 0 5px rgba(255,52,71,.38)}
.game-module-keybind .game-setting-label{grid-column:1}
.game-module-keybind .game-bind{grid-column:2;grid-row:1;color:#ff5362}
@media(prefers-reduced-motion:reduce){.game-range-control input[type=range]::-webkit-slider-thumb{transition:none}}
.game-inline-settings.is-closing{animation:solar-settings-exit 160ms ease-in both}
@keyframes solar-settings-exit{from{opacity:1;transform:translateY(0) scaleY(1)}to{opacity:0;transform:translateY(-4px) scaleY(.92)}}
@media(prefers-reduced-motion:reduce){.game-category-panel,.game-module-line,.game-module-name,.game-module-line .demo-switch,.game-setting .demo-switch,.game-module-line .demo-switch::after,.game-setting .demo-switch::after,.demo-action,.game-bind,.game-picker-button,.picker-controls button,.config-actions button,.demo-emote-wheel button{transition-duration:100ms!important}.game-category-panel.is-intro,.game-inline-settings,.game-inline-settings.is-closing,.demo-overlay:not([hidden]),.demo-dialog,.demo-emote-wheel,.demo-toast:not([hidden]){animation-duration:120ms!important;animation-delay:0ms!important}}