/* Extasy ClickGUI web port. Layout/labels/behaviour mirror client/gui/ExtasyMenu.java. */
:root{
  --client-accent:var(--accent,#8b5cf6);
  --client-cyan:#20ead2;
  --client-bg:#05121d;
  --client-panel:#071724;
  --client-panel-2:#081826;
  --client-card:rgba(7,23,36,.90);
  --client-border:rgba(105,151,178,.20);
  --client-text:#f2f6fa;
  --client-muted:#91a2b0;
  --client-muted-dark:#647684;
}
body:not(.modules-app-body){overflow-x:hidden}
.modules-app-body{background:#030914!important}
.client-menu,.client-menu *{box-sizing:border-box}
.client-menu button,.client-menu input{font:inherit}
.client-menu button{color:inherit}
.client-menu{
  width:calc(100vw - 24px);height:calc(100vh - 24px);min-height:720px;margin:12px;
  display:grid;grid-template-columns:clamp(240px,18.5vw,320px) minmax(520px,1fr) clamp(330px,25vw,440px);
  grid-template-rows:86px minmax(0,1fr);overflow:hidden;position:relative;
  border:1px solid color-mix(in srgb,var(--client-accent) 24%,#173043);border-radius:18px;
  background:
    radial-gradient(circle at 61% 35%,color-mix(in srgb,var(--client-accent) 8%,transparent),transparent 30%),
    radial-gradient(circle at 12% 82%,rgba(32,234,210,.035),transparent 24%),#050b16;
  color:var(--client-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  box-shadow:0 0 0 1px rgba(255,255,255,.015) inset,0 22px 75px rgba(0,0,0,.44),0 0 44px color-mix(in srgb,var(--client-accent) 10%,transparent)
}
.client-menu:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 75% 70%,#fff 0 1px,transparent 1.2px);background-size:220px 210px,280px 260px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 78%)}
.client-sidebar{grid-column:1;grid-row:1/3;min-height:0;display:flex;flex-direction:column;border-right:1px solid rgba(137,177,201,.12);background:rgba(3,10,20,.72);z-index:2}
.client-brand{height:86px;flex:0 0 86px;display:flex;align-items:center;gap:18px;padding:0 28px;border-bottom:1px solid rgba(137,177,201,.12);color:inherit;text-decoration:none}
.client-brand-logo{width:42px;height:42px;display:grid;place-items:center;filter:drop-shadow(0 0 13px color-mix(in srgb,var(--client-accent) 45%,transparent))}
.client-brand-logo img{width:42px;height:42px;object-fit:contain}
.client-brand-copy{display:flex;flex-direction:column;min-width:0}.client-brand-copy strong{font-size:23px;font-weight:600;line-height:1}.client-brand-copy small{margin-top:10px;color:#8595a2;font-size:12px}
.client-categories{padding:18px 12px 12px;display:flex;flex-direction:column;gap:2px;min-height:0}
.client-category{height:54px;flex:0 0 54px;border:0;border-radius:8px;background:transparent;display:flex;align-items:center;gap:18px;padding:0 20px;position:relative;cursor:pointer;color:#9aa9b5;transition:.18s ease}
.client-category img{width:23px;height:23px;object-fit:contain;opacity:.72;filter:saturate(.75)}
.client-category span{font-size:14px;font-weight:600;letter-spacing:.02em}
.client-category:hover{color:#c7d4dc;background:rgba(7,25,38,.65)}
.client-category.active{color:#dce8ee;background:linear-gradient(90deg,color-mix(in srgb,var(--client-accent) 15%,transparent),rgba(7,25,38,.22))}
.client-category.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--client-accent);box-shadow:0 0 15px color-mix(in srgb,var(--client-accent) 70%,transparent)}
.client-category.active img{opacity:1;filter:none}
.client-account-card{margin:auto 14px 0;min-height:92px;border:1px solid color-mix(in srgb,var(--client-accent) 24%,#1b3342);border-radius:12px;background:linear-gradient(135deg,rgba(11,28,42,.94),rgba(7,18,31,.94));display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:15px 17px;box-shadow:inset 0 0 28px rgba(255,255,255,.012)}
.client-account-icon{width:42px;height:42px;display:grid;place-items:center}.client-account-icon img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--client-accent) 45%,transparent))}
.client-account-card strong{display:block;font-size:16px;font-weight:650}.client-account-card small{display:block;margin-top:5px;color:var(--client-accent);font-size:11px;font-weight:700;text-transform:uppercase}.client-account-card p{margin:4px 0 0;color:#7e8e9b;font-size:11px}
.client-enabled-line{height:55px;flex:0 0 55px;display:flex;align-items:center;padding:0 20px;color:#657885;font-size:11px}.client-enabled-line i,.client-online i{width:9px;height:9px;border-radius:50%;background:#11cbb7;box-shadow:0 0 11px rgba(17,203,183,.32);margin-right:10px}.client-enabled-line b{font-weight:500;color:#79909f}
.client-topbar{grid-column:2/4;grid-row:1;z-index:2;display:flex;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid rgba(137,177,201,.12);background:rgba(5,13,25,.48)}
.client-online{height:46px;min-width:116px;display:flex;align-items:center;padding:0 16px;border:1px solid rgba(105,151,178,.16);border-radius:9px;background:rgba(9,29,45,.72);color:#99aab7;font-size:12px}
.client-search{height:50px;min-width:0;flex:1;position:relative;display:flex;align-items:center;border:1px solid rgba(105,151,178,.20);border-radius:10px;background:rgba(3,14,24,.86);transition:.18s ease}
.client-search:focus-within{border-color:color-mix(in srgb,var(--client-accent) 55%,#386577);box-shadow:0 0 0 3px color-mix(in srgb,var(--client-accent) 8%,transparent)}
.client-search input{width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 96px 0 18px;color:#c6d4de;font-size:13px}.client-search input::placeholder{color:#5e7080}.client-search>img{position:absolute;right:16px;width:17px;height:17px;opacity:.55}.client-search-key{position:absolute;right:47px;padding:5px 8px;border:1px solid #193243;border-radius:6px;background:#0a1b2a;color:#607786;font-size:10px}
.client-workspace{grid-column:2;grid-row:2;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1}
.client-workspace-head{height:74px;flex:0 0 74px;display:flex;align-items:center;gap:18px;padding:0 18px 0 22px}
.client-workspace-title,.client-mode-title{display:flex;align-items:center;gap:14px;min-width:0}.client-workspace-title>img{width:18px;height:18px;opacity:.8}.client-workspace-title h1,.client-mode-title h1{margin:0;font-size:18px;font-weight:560}.client-mode-title small{display:block;color:var(--client-accent);font-size:9px;font-weight:700;margin-bottom:3px}.client-mode-title button{height:36px;border:1px solid rgba(105,151,178,.23);border-radius:8px;background:#071724;padding:0 12px;cursor:pointer;color:#a8bac5;font-size:11px}
.client-workspace-tools{margin-left:auto;display:flex;align-items:center;gap:12px}.client-view-switch{height:38px;padding:2px;display:flex;border:1px solid rgba(105,151,178,.18);border-radius:8px;background:#071824}.client-view-switch button{height:32px;border:0;border-radius:6px;background:transparent;padding:0 12px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#718491;font-size:11px}.client-view-switch button img{width:14px;height:14px;opacity:.7}.client-view-switch button.active{color:#14cdb9;background:rgba(17,79,84,.34)}.client-view-switch button.active img{opacity:1}
.client-sort{height:38px;min-width:126px;border:1px solid rgba(105,151,178,.20);border-radius:8px;background:#071623;padding:0 12px;display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;color:#738590;font-size:11px}.client-sort b{font-size:15px;font-weight:400;color:#8495a1}
.client-module-grid{min-height:0;overflow:auto;padding:0 18px 18px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(142px,auto);gap:11px 12px;align-content:start;scrollbar-width:thin;scrollbar-color:var(--client-accent) transparent}
.client-module-grid::-webkit-scrollbar,.client-inspector-scroll::-webkit-scrollbar{width:5px}.client-module-grid::-webkit-scrollbar-thumb,.client-inspector-scroll::-webkit-scrollbar-thumb{background:var(--client-accent);border-radius:6px}
.client-module-grid.list-view{grid-template-columns:1fr;grid-auto-rows:minmax(116px,auto)}
.client-module-card{min-width:0;min-height:142px;display:grid;grid-template-columns:48px minmax(0,1fr) 54px;gap:14px;padding:20px 14px 15px 18px;border:1px solid rgba(105,151,178,.18);border-radius:11px;background:linear-gradient(145deg,rgba(8,26,40,.94),rgba(6,19,32,.88));position:relative;cursor:pointer;transition:border-color .17s ease,background .17s ease,box-shadow .17s ease,transform .17s ease;outline:0}
.client-module-card:hover{border-color:rgba(105,151,178,.42);background:linear-gradient(145deg,rgba(9,31,47,.97),rgba(7,22,36,.93));transform:translateY(-1px)}
.client-module-card.selected{border-color:color-mix(in srgb,var(--client-accent) 60%,#4a798a);box-shadow:0 0 0 1px color-mix(in srgb,var(--client-accent) 12%,transparent) inset,0 0 20px color-mix(in srgb,var(--client-accent) 7%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--client-accent) 7%,#08202b),rgba(7,26,34,.94))}
.client-module-card[hidden]{display:none!important}.client-module-card.unavailable{opacity:.56}.client-module-card.action-module .client-module-toggle{border-radius:7px;width:40px}.client-module-card.action-module .client-module-toggle:after{content:"↗";font-size:15px;color:#ccdbe4}.client-module-card.action-module .client-module-toggle i{display:none}
.client-module-icon{width:44px;height:44px;display:grid;place-items:center}.client-module-icon img{width:32px;height:32px;object-fit:contain;opacity:.86}.client-module-card.selected .client-module-icon img{opacity:1;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--client-accent) 38%,transparent))}
.client-module-copy{min-width:0}.client-module-name-row{display:flex;align-items:center;gap:8px;min-width:0}.client-module-name-row h2{margin:1px 0 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;color:#f0f4f7}.client-module-name-row span{padding:2px 6px;border-radius:5px;background:rgba(139,92,246,.13);color:#ac86fa;font-size:8px;white-space:nowrap}.client-module-copy p{margin:10px 0 0;color:#7d8f9c;font-size:11.5px;line-height:1.48;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.client-module-bind{margin-top:13px;color:#12cdb4;font-size:11px;font-weight:500}
.client-module-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.client-module-toggle,.client-inspector-toggle{width:46px;height:26px;border:0;border-radius:99px;background:#283d4d;padding:4px;cursor:pointer;transition:.18s ease}.client-module-toggle i,.client-inspector-toggle i{display:block;width:18px;height:18px;border-radius:50%;background:#9fb3c0;transition:transform .18s ease,background .18s ease;box-shadow:0 1px 5px rgba(0,0,0,.3)}.client-module-toggle[aria-pressed="true"],.client-inspector-toggle[aria-pressed="true"]{background:color-mix(in srgb,var(--client-accent) 72%,#173646)}.client-module-toggle[aria-pressed="true"] i,.client-inspector-toggle[aria-pressed="true"] i{transform:translateX(20px);background:#effaff}.client-module-toggle:disabled{cursor:not-allowed;opacity:.55}
.client-module-settings{width:34px;height:34px;border:1px solid rgba(105,151,178,.20);border-radius:50%;background:#06131f;display:grid;place-items:center;cursor:pointer}.client-module-settings img{width:15px;height:15px;opacity:.52}.client-module-settings:hover img{opacity:.9}
.client-empty{margin:auto;text-align:center;color:#708490}.client-empty img{width:32px;height:32px;opacity:.35}.client-empty strong{display:block;margin-top:12px;color:#a9b8c1;font-size:15px}.client-empty p{font-size:11px}
.client-inspector{grid-column:3;grid-row:2;min-width:0;min-height:0;border-left:1px solid rgba(137,177,201,.13);display:flex;flex-direction:column;background:rgba(3,10,20,.44);z-index:3;transition:width .2s ease,opacity .2s ease,transform .2s ease}.client-inspector.collapsed{width:0;opacity:0;overflow:hidden;border:0}.client-inspector-head{height:58px;flex:0 0 58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(137,177,201,.13)}.client-inspector-head>div{display:flex;align-items:center;gap:12px}.client-inspector-head img{width:17px;height:17px;opacity:.72}.client-inspector-head strong{font-size:13px;font-weight:560;color:#c7d1d8}.client-inspector-head button{border:0;background:transparent;color:#a8b5bf;font-size:23px;cursor:pointer;padding:3px 7px}
.client-inspector-scroll{min-height:0;flex:1;overflow:auto;padding:22px 24px}.client-inspector-module{display:grid;grid-template-columns:50px minmax(0,1fr) 46px;align-items:center;gap:14px}.client-inspector-icon{width:48px;height:48px;display:grid;place-items:center}.client-inspector-icon img{width:36px;height:36px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--client-accent) 35%,transparent))}.client-inspector-title h2{margin:0;color:#f1f5f8;font-size:18px;font-weight:620;line-height:1.15}.client-inspector-title span{display:block;margin-top:8px;color:#0bb69f;font-size:11px;font-weight:650}.client-inspector-settings{margin-top:24px;border-top:1px solid rgba(105,151,178,.13);padding-top:18px}.client-inspector-version{height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;color:#617381;font-size:10px}
.client-no-settings{padding:14px 0;color:#647684}.client-no-settings strong{font-size:12px;color:#91a2b0}.client-no-settings p{margin:8px 0 0;font-size:10.5px;line-height:1.5}
.client-setting-group{margin-bottom:22px}.client-setting-label{display:block;margin:0 0 10px;color:#93a4b0;font-size:11px}.client-checks{display:flex;flex-wrap:wrap;gap:12px 16px}.client-check{display:flex;align-items:center;gap:8px;color:#abb9c2;font-size:11px;cursor:pointer}.client-check input{position:absolute;opacity:0;pointer-events:none}.client-check i{width:18px;height:18px;border:1px solid #18313e;border-radius:5px;background:#071925;display:grid;place-items:center}.client-check input:checked+i{border-color:var(--client-accent);background:var(--client-accent);box-shadow:0 0 10px color-mix(in srgb,var(--client-accent) 25%,transparent)}.client-check input:checked+i:after{content:"✓";font-size:12px;color:#fff}
.client-segments{display:flex;gap:6px}.client-segments button{min-width:52px;height:30px;border:1px solid rgba(105,151,178,.20);border-radius:6px;background:#071824;color:#718491;cursor:pointer;font-size:10.5px}.client-segments button.active{border-color:color-mix(in srgb,var(--client-accent) 65%,#2f6170);background:color-mix(in srgb,var(--client-accent) 30%,#08202c);color:#dbe9ef}
.client-range-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#93a4b0;font-size:11px}.client-range-head output{min-width:58px;height:27px;padding:0 8px;border:1px solid rgba(105,151,178,.18);border-radius:6px;background:#071824;display:flex;align-items:center;justify-content:center;color:#a9bbc5;font-size:10px}.client-range{appearance:none;-webkit-appearance:none;width:100%;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--client-accent) 0 var(--range,50%),#193441 var(--range,50%) 100%);outline:0}.client-range::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:var(--client-accent);box-shadow:0 0 8px color-mix(in srgb,var(--client-accent) 35%,transparent);cursor:pointer}.client-range::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:var(--client-accent);cursor:pointer}
.client-select,.client-text-setting{width:100%;height:34px;border:1px solid rgba(105,151,178,.20);border-radius:7px;background:#071824;color:#aab9c2;padding:0 10px;outline:0;font-size:10.5px}.client-setting-actions{display:flex;flex-wrap:wrap;gap:7px}.client-setting-actions button{height:32px;padding:0 10px;border:1px solid rgba(105,151,178,.20);border-radius:7px;background:#071824;color:#94a6b1;cursor:pointer;font-size:10px}.client-color-row{display:grid;grid-template-columns:1fr 42px;gap:9px;align-items:center}.client-color-row input[type=color]{width:42px;height:34px;padding:2px;border:1px solid rgba(105,151,178,.20);border-radius:7px;background:#071824}.client-setting-note{padding:10px 12px;border:1px solid rgba(105,151,178,.15);border-radius:8px;background:rgba(7,24,36,.55);color:#728895;font-size:10px;line-height:1.5}
.client-minigames,.client-configs{position:absolute;inset:74px 0 0;background:linear-gradient(180deg,rgba(5,13,25,.80),rgba(4,10,19,.96));padding:22px;overflow:auto;z-index:5}.client-minigame-intro{display:flex;justify-content:space-between;align-items:center;margin:4px 0 18px}.client-minigame-intro strong{color:var(--client-accent);font-size:13px}.client-minigame-intro span{color:#7d8f9c;font-size:11px}.client-minigame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.client-minigame-card{min-height:230px;position:relative;overflow:hidden;border:1px solid rgba(105,151,178,.22);border-radius:13px;background:#07131f;padding:0;text-align:left;cursor:pointer}.client-minigame-card>img{width:100%;height:150px;object-fit:cover;display:block;opacity:.82;transition:.22s}.client-minigame-card:hover>img{opacity:1;transform:scale(1.02)}.client-minigame-card>span{display:block;position:relative;padding:14px 48px 15px 16px}.client-minigame-card strong{display:block;font-size:14px;font-weight:600}.client-minigame-card small{display:block;margin-top:7px;color:#7e919e;font-size:10.5px}.client-minigame-card b{position:absolute;right:17px;bottom:17px;color:var(--client-accent);font-size:22px;font-weight:400}
.client-configs{display:flex;flex-direction:column}.client-config-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-config-card{min-height:100px;border:1px solid rgba(105,151,178,.19);border-radius:11px;background:#071724;padding:16px;display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center}.client-config-card.selected{border-color:color-mix(in srgb,var(--client-accent) 55%,#426c7d)}.client-config-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--client-accent) 12%,#0b2230);color:var(--client-accent);font-weight:700}.client-config-card strong{font-size:13px}.client-config-card p{margin:6px 0;color:#7d8f9c;font-size:10px}.client-config-card span{font-size:9px;color:#ff9f1a}.client-config-card>b{color:#11cbb7}.client-config-footer{margin-top:auto;border-top:1px solid rgba(105,151,178,.14);padding-top:14px;display:flex;gap:8px}.client-config-footer button{height:38px;border:1px solid rgba(105,151,178,.19);border-radius:7px;background:#071724;padding:0 13px;display:flex;align-items:center;gap:8px;color:#8295a1;cursor:pointer;font-size:10.5px}.client-config-footer img{width:14px;height:14px;opacity:.7}
.client-menu.inspector-hidden{grid-template-columns:clamp(240px,18.5vw,320px) minmax(520px,1fr) 0}.client-menu.inspector-hidden .client-inspector{opacity:0;pointer-events:none;border:0;overflow:hidden}.client-menu.inspector-hidden .client-topbar{grid-column:2/4}
.client-menu [hidden]{display:none!important}
.client-menu button:focus-visible,.client-menu input:focus-visible,.client-menu select:focus-visible{outline:2px solid color-mix(in srgb,var(--client-accent) 70%,#20ead2);outline-offset:2px}
/* Home-page live preview uses /modules in an iframe. */
.hero-client-preview{position:relative;height:380px;border-radius:18px;transform:perspective(1300px) rotateY(-7deg) rotateX(2.5deg) rotateZ(.35deg) scale(.96);transform-origin:center left;transform-style:preserve-3d;box-shadow:18px 30px 90px #0009,0 0 55px #8b19ff1c;isolation:isolate;transition:transform .35s ease,box-shadow .35s ease}
.hero-client-preview:before{content:"";position:absolute;z-index:-1;left:17px;right:-15px;top:15px;bottom:-18px;border:1px solid #2b163b;border-radius:18px;background:linear-gradient(145deg,#241030,#08070e 58%);transform:translateZ(-24px);box-shadow:20px 25px 45px #0009}.hero-client-screen{position:absolute;inset:0;overflow:hidden;border:1px solid #503069;border-radius:inherit;background:#080711;box-shadow:inset 0 0 0 1px #ffffff08}.hero-client-screen:after{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#c978ff1f 0,transparent 24%,transparent 68%,#19dfd20f 100%);box-shadow:inset 1px 1px 0 #d1a2ff26,inset -1px -1px 0 #000b}.hero-client-preview:hover{transform:perspective(1300px) rotateY(-4.5deg) rotateX(1.2deg) translateY(-5px) scale(.97);box-shadow:22px 38px 105px #000a,0 0 70px #8b19ff29}.hero-client-preview iframe{width:1680px;height:945px;border:0;border-radius:inherit;transform:scale(.40) translateZ(1px);transform-origin:top left;pointer-events:none;background:#050b16}.hero-client-screen>a{position:absolute;z-index:4;inset:0;border-radius:inherit}
@media(max-width:1380px){.client-menu{grid-template-columns:230px minmax(500px,1fr) 340px}.client-category{padding:0 14px;gap:13px}.client-module-grid{grid-template-columns:1fr}.client-inspector-scroll{padding:20px 18px}.client-search-key{display:none}.client-search input{padding-right:48px}}
@media(max-width:980px){.modules-app-body{overflow:auto!important}.client-menu{width:100%;height:auto;min-height:100vh;margin:0;border:0;border-radius:0;grid-template-columns:1fr;grid-template-rows:auto auto minmax(720px,1fr)}.client-sidebar{grid-column:1;grid-row:1;display:block;border-right:0;border-bottom:1px solid rgba(137,177,201,.12)}.client-brand{height:70px;min-height:70px}.client-categories{display:flex;flex-direction:row;overflow:auto;padding:8px}.client-category{height:44px;flex:0 0 auto}.client-category.active:before{display:none}.client-account-card,.client-enabled-line{display:none}.client-topbar{grid-column:1;grid-row:2;height:70px;padding:10px 14px}.client-workspace{grid-column:1;grid-row:3;min-height:720px}.client-workspace-head{height:70px;flex-basis:70px}.client-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-inspector{position:fixed;right:0;top:0;bottom:0;width:min(430px,100vw);z-index:99;background:#050d19;transform:translateX(103%);transition:transform .2s ease}.client-inspector.open{transform:translateX(0)}.client-menu.inspector-hidden{grid-template-columns:1fr}.client-minigames,.client-configs{inset:70px 0 0}.hero-client-preview{height:280px}.hero-client-preview iframe{transform:scale(.30)}}
@media(max-width:650px){.client-online{display:none}.client-module-grid{grid-template-columns:1fr;padding:0 12px 16px}.client-workspace-head{padding:0 12px}.client-workspace-title>img{display:none}.client-workspace-tools{gap:6px}.client-view-switch button{padding:0 9px}.client-view-switch button span{display:none}.client-sort{min-width:108px}.client-module-card{min-height:132px}.client-minigame-grid,.client-config-list{grid-template-columns:1fr}.client-minigame-intro span{display:none}.client-config-footer{flex-direction:column}.hero-client-preview{height:220px}.hero-client-preview iframe{transform:scale(.235)}}

/* Upcoming minigames */
.client-minigame-badge{display:inline-flex;margin-top:8px;padding:3px 8px;border:1px solid rgba(148,163,184,.3);border-radius:6px;background:rgba(148,163,184,.1);color:#a8b3c2;font-size:10px;font-style:normal;font-weight:600;line-height:1.4}
.client-minigame-card.is-coming-soon{cursor:not-allowed}
.client-minigame-card.is-coming-soon b{color:#929ba7;border-color:#555e6b;background:#242a33}
.client-minigame-card.is-coming-soon:hover>img{opacity:1;transform:none}