/* Presentation layer for the current client port. */
:root {--client-accent:#a800ff;--client-cyan:#00dcc8;--client-bg:#080711;--client-panel:#0c0e17;--client-panel-2:#10121e;--client-card:#10121e;--client-border:#292039;--client-muted:#8d9dab;--client-text:#edf0f5;}
.modules-app-body {background:#080711!important;}
.client-menu {width:100%;height:880px;min-height:0;max-height:none;margin:0;grid-template-columns:19% minmax(0,54%) minmax(0,27%);grid-template-rows:102px minmax(0,1fr);border:2px solid #251039;border-radius:24px;background:#080711;font-family:Arial,sans-serif;box-shadow:0 24px 70px #0005,0 0 32px #6500a810;}
.modules-app-body .client-menu {width:calc(100% - 24px);height:calc(100dvh - 32px);margin:16px 12px;}
.modules-app-body main.client-workspace {min-height:0;}
.client-sidebar {background:transparent;border-color:#211d2d;}
.client-brand {height:102px;flex-basis:102px;padding:0 34px;gap:22px;border-color:#24212e;}
.client-brand-logo {width:46px;height:46px;filter:none;}.client-brand-logo img {width:46px;height:46px;}
.client-brand-copy strong {font-size:23px;font-weight:400;}.client-brand-copy small {font-size:13px;margin-top:12px;}
.client-categories {padding:14px 12px 20px;gap:0;overflow:auto;flex-shrink:1;}
.client-category {height:58px;flex-basis:58px;padding:0 22px;gap:24px;border-radius:0;}
.client-category span {font-size:15px;font-weight:400;letter-spacing:0;color:#a4b0bc;}.client-category img {width:26px;height:26px;opacity:.8;}
.client-category.active {background:transparent;}.client-category.active span {color:#e4ebf0;}.client-category.active:before {left:-4px;top:8px;bottom:8px;width:4px;box-shadow:none;}
.client-account-card {min-height:126px;margin: auto 14px 0;padding:22px 28px;gap:24px;border:2px solid #292039;border-radius:14px;background:#10111b;}
.client-account-card strong {font-size:18px;font-weight:400;}.client-account-card small {margin-top:14px;font-size:13px;font-weight:400;text-transform:none;}.client-account-card p {margin-top:10px;font-size:12px;}
.client-account-icon img {filter:brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(6500%) hue-rotate(275deg);}
.client-enabled-line {height:60px;flex-basis:60px;font-size:12px;color:#8393a1;}.client-enabled-line i {width:14px;height:14px;box-shadow:none;}
.client-topbar {padding:20px 44px 20px 28px;gap:20px;background:transparent;border-color:#24212e;}
.client-online {height:54px;min-width:136px;border:2px solid #181724;border-radius:13px;background:#0c0d16;font-size:13px;}.client-online i {height:16px;width:16px;box-shadow:none;}
.client-search {height:60px;border:2px solid #262039;border-radius:14px;background:#0c0e17;}.client-search input {font-size:14px;padding-left:22px;}.client-search-key {display:none;}
.client-workspace-head {height:108px;flex-basis:108px;padding:18px 24px;gap:16px;}
.client-workspace-title {gap:22px;}.client-workspace-title>img {width:24px;height:24px;}.client-workspace-title h1,.client-mode-title h1 {font-size:18px;font-weight:400;}
.client-workspace-tools {gap:20px;}.client-view-switch {height:52px;border:2px solid #1d1c2c;border-radius:12px;background:#0c0e17;}.client-view-switch button {height:44px;padding:0 14px;font-size:13px;gap:12px;}.client-view-switch button img {width:20px;height:20px;}.client-view-switch button.active {background:transparent;color:#00d8cc;}
.client-sort {height:56px;min-width:164px;border:2px solid #1d1c2c;border-radius:12px;background:#0c0e17;font-size:13px;}
.client-module-grid {grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(168px,auto);padding:0 22px 20px;gap:14px 18px;}
.client-module-card {min-height:168px;grid-template-columns:42px minmax(0,1fr) 60px;gap:18px;padding:18px 14px 14px 26px;border:2px solid #291f40;border-radius:14px;background:#10121e;}
.client-module-card:hover {background:#131522;border-color:#5c2c81;transform:none;}.client-module-card.selected {background:#121320;border-color:#573077;box-shadow:none;}
.client-module-icon {width:40px;height:46px;}.client-module-icon img {width:36px;height:36px;}.client-module-name-row h2 {font-size:18px;font-weight:400;}.client-module-name-row {flex-wrap:wrap;}.client-module-name-row span {font-size:11px;}
.client-module-copy p {font-size:13px;line-height:1.55;min-height:44px;margin-top:14px;color:#8b9eac;-webkit-line-clamp:3;}.client-module-bind {font-size:13px;margin-top:14px;color:#00dcca;font-weight:400;}
.client-module-toggle,.client-inspector-toggle {width:60px;height:32px;padding:6px;background:#273e4d;}.client-module-toggle i,.client-inspector-toggle i {width:20px;height:20px;background:#9bb0bd;box-shadow:none;}.client-module-toggle[aria-pressed=true] i,.client-inspector-toggle[aria-pressed=true] i {transform:translateX(28px);}.client-module-toggle[aria-pressed=true],.client-inspector-toggle[aria-pressed=true] {background:#9700e4;}
.client-module-settings {width:48px;height:48px;border:2px solid #202b38;background:#0c101a;}.client-module-settings img {width:18px;height:18px;}
.client-inspector {background:#080711;border-color:#24202f;}.client-inspector-head {height:72px;flex-basis:72px;padding:0 28px;border-color:#24202f;}.client-inspector-head strong {font-size:15px;font-weight:400;}.client-inspector-head img {width:22px;height:22px;}
.client-inspector-scroll {padding:30px;}.client-inspector-module {grid-template-columns:48px minmax(0,1fr) 60px;gap:20px;}.client-inspector-title h2 {font-size:20px;font-weight:400;}.client-inspector-title span {font-size:13px;font-weight:400;color:#00cabc;margin-top:12px;}.client-inspector-icon img {filter:brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(6500%) hue-rotate(275deg);}
.client-inspector-settings {margin-top:26px;padding-top:24px;border-color:#211d2e;}.client-inspector-version {font-size:13px;color:#778a99;}
.client-setting-group {margin-bottom:24px;}.client-setting-label,.client-range-head {font-size:14px;color:#9aaab7;margin-bottom:12px;}.client-checks {gap:18px 20px;}.client-check {font-size:14px;gap:10px;position:relative;}.client-check i {width:22px;height:22px;border:2px solid #202c37;background:#0d1b26;border-radius:6px;}.client-check input:checked+i {box-shadow:none;}.client-check input:focus-visible+i {outline:2px solid #c573ff;outline-offset:3px;}
.client-segments {flex-wrap:wrap;gap:8px;}.client-segments button {min-height:34px;height:auto;padding:7px 12px;font-size:13px;border-radius:8px;background:#0c1722;border-color:#202737;}.client-segments button.active {background:#570080;border-color:#7900b8;color:#d498ff;}
.client-range-head output {height:34px;min-width:76px;font-size:13px;background:#0e1823;border-color:#212633;border-radius:8px;}.client-range {height:4px;}.client-range::-webkit-slider-thumb {width:18px;height:18px;box-shadow:none;}
.client-select,.client-text-setting {height:40px;font-size:14px;background:#0d1420;border-color:#252637;border-radius:8px;}.client-setting-actions button {min-height:38px;height:auto;padding:9px 12px;font-size:13px;background:#0d1420;border-color:#252637;}.client-color-row {grid-template-columns:1fr 46px;}.client-color-row input[type=color] {width:46px;height:40px;background:#0d1420;border-color:#252637;}.client-setting-note {font-size:13px;line-height:1.6;background:#10121d;border-color:#252337;}.client-no-settings strong {font-size:14px;}.client-no-settings p {font-size:13px;line-height:1.6;}
.client-menu.inspector-hidden {grid-template-columns:19% minmax(0,81%) 0;}
.client-minigames,.client-configs {inset:108px 0 0;padding:12px 24px 28px;background:#080711;}
.client-minigame-intro {margin:0 0 22px;gap:16px;}.client-minigame-intro strong {font-size:18px;font-weight:400;}.client-minigame-intro span {font-size:13px;}
.client-minigame-grid {display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:#a800ff #1a1725;scrollbar-width:thin;padding-bottom:24px;}
.client-minigame-card {flex:0 0 calc((100% - 40px)/3);min-width:0;border:2px solid #39204b;border-radius:15px;background:#0b0a14;scroll-snap-align:start;}
.client-minigame-card>img {height:220px;opacity:1;}.client-minigame-card>span {height:148px;padding:24px 26px;}.client-minigame-card strong {font-size:18px;font-weight:400;}.client-minigame-card small {margin-top:18px;font-size:13px;padding-right:70px;line-height:1.5;}.client-minigame-card b {width:62px;height:56px;border:2px solid #9650ff;border-radius:12px;background:#35204f;display:grid;place-items:center;right:20px;bottom:20px;font-size:28px;color:#f1e8ff;}
.client-config-card {background:#10121e;border-color:#292039;border-radius:14px;padding:22px;}.client-config-card strong {font-size:16px;}.client-config-card p {font-size:13px;}.client-config-card span {font-size:12px;}.client-config-footer button {font-size:14px;height:44px;background:#10121e;border-color:#292039;}
.hero-client-preview {width:94%;min-width:0;height:auto;aspect-ratio:1730 / 907;}.hero-client-screen {container-type:inline-size;}.hero-client-preview iframe {width:1730px;height:907px;transform:scale(calc(100cqw / 1730px));background:#080711;}
@media(min-width:981px) {.client-menu:has([data-client-minigames]:not([hidden])) {grid-template-columns:19% minmax(0,81%) 0;}.client-menu:has([data-client-minigames]:not([hidden])) .client-inspector {display:none;}}
@media(min-width:981px) and (max-width:1450px) {.client-workspace-tools {gap:8px;}.client-view-switch button {padding:0 8px;gap:6px;}.client-sort {min-width:115px;}.client-module-card {grid-template-columns:30px minmax(0,1fr) 48px;gap:10px;padding:18px 12px;}.client-module-icon,.client-module-icon img {width:28px;}.client-module-name-row h2 {font-size:16px;}.client-module-grid {gap:12px;padding:0 14px 20px;}.client-module-toggle {width:48px;height:28px;padding:4px;}.client-module-toggle[aria-pressed=true] i {transform:translateX(20px);}.client-brand {padding:0 20px;gap:14px;}.client-account-card {padding:18px 12px;gap:10px;}.client-category {padding:0 10px;gap:14px;}.client-inspector-scroll {padding:24px 18px;}.client-inspector-module {grid-template-columns:32px minmax(0,1fr) 48px;gap:10px;}.client-inspector-icon {width:32px;}.client-inspector-toggle {width:48px;height:28px;padding:4px;}.client-inspector-toggle[aria-pressed=true] i {transform:translateX(20px);}.client-inspector-title h2 {font-size:18px;}}
@media(max-width:980px) {.client-menu,.modules-app-body .client-menu,.client-menu.inspector-hidden {width:calc(100% - 24px);height:850px;min-height:0;margin:12px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 80px minmax(0,1fr);border:2px solid #251039;border-radius:20px;}.client-sidebar {display:block;}.client-brand {height:74px;min-height:74px;padding:0 22px;}.client-categories {flex-direction:row;padding:8px;}.client-category {height:46px;flex:0 0 auto;padding:0 14px;gap:10px;}.client-account-card,.client-enabled-line {display:none;}.client-topbar {height:80px;padding:12px 16px;}.client-online {display:flex;min-width:104px;height:50px;padding:0 12px;}.client-search {height:50px;}.client-workspace {min-height:0;}.client-workspace-head {height:86px;flex-basis:86px;padding:12px 16px;flex-wrap:wrap;gap:8px;}.client-workspace-tools {gap:8px;}.client-sort {min-width:105px;height:46px;}.client-view-switch {height:46px;}.client-view-switch button {height:38px;padding:0 10px;}.client-module-grid {grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 20px;}.client-inspector {position:fixed;grid-area:auto;width:min(430px,100vw);background:#080711;}.client-minigames,.client-configs {inset:86px 0 0;padding:14px;}.client-minigame-card {flex-basis:80%;}.client-minigame-card>img {height:200px;}.client-config-list {grid-template-columns:1fr;}.hero-client-preview,.hero-client-preview:hover {width:94%;height:auto;transform:perspective(1300px) rotateY(-4deg) rotateX(2deg) scale(.96);}.hero-client-preview iframe {transform:scale(calc(100cqw / 1730px));}}
@media(max-width:600px) {.client-module-grid {grid-template-columns:1fr;}.client-module-card {grid-template-columns:32px minmax(0,1fr) 48px;gap:12px;padding:18px 14px;}.client-module-toggle {width:48px;height:28px;padding:4px;}.client-module-toggle[aria-pressed=true] i {transform:translateX(20px);}.client-module-name-row h2 {font-size:17px;}.client-module-settings {width:42px;height:42px;}.client-mode-title h1 {font-size:15px;}.client-workspace-head:has(.client-mode-title:not([hidden])) {height:132px;flex-basis:132px;}.client-workspace-head:has(.client-mode-title:not([hidden])) .client-workspace-tools {width:100%;justify-content:flex-end;}.client-minigame-card>span {height:174px;padding:20px;}.client-minigame-card>img {height:170px;}.client-minigame-card small {font-size:13px;}.client-check {font-size:14px;}}
.client-setting-group > .client-setting-label:has(+ .client-setting-label) {display:none;}
.client-module-grid.list-view {grid-template-columns:1fr;grid-auto-rows:minmax(168px,auto);}