/* VoidCraft / Orbit visual system 2.0 — shared redesign layer */
:root{
  color-scheme:dark;
  --vc-bg:#050e08;
  --vc-bg-soft:#08150b;
  --vc-surface:#0c1b10;
  --vc-surface-raised:#112416;
  --vc-surface-glass:rgba(17,22,39,.78);
  --vc-line:rgba(161,176,220,.16);
  --vc-line-strong:rgba(161,176,220,.27);
  --vc-text:#f5f7ff;
  --vc-muted:#a7b0c8;
  --vc-subtle:#79839f;
  --vc-violet:#56dd4d;
  --vc-violet-deep:#238d38;
  --vc-cyan:#b7ff62;
  --vc-green:#8cff72;
  --vc-amber:#fbd38d;
  --vc-red:#fda4af;
  --vc-radius:20px;
  --vc-radius-sm:13px;
  --vc-shadow:0 22px 70px rgba(0,0,0,.28);
  --vc-max:1240px;
  --vc-focus:0 0 0 3px rgba(137,255,92,.25);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body{
  min-width:320px;margin:0;position:relative;isolation:isolate;overflow-x:hidden;
  color:var(--vc-text);
  background:
    radial-gradient(ellipse at 10% -8%,rgba(117,84,232,.20),transparent 35rem),
    radial-gradient(ellipse at 100% 20%,rgba(25,180,190,.11),transparent 34rem),
    linear-gradient(180deg,#080a14 0%,var(--vc-bg) 58%,#080b14 100%);
  font:400 16px/1.7 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.01em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(172,185,224,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(172,185,224,.045) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 72%);
}
::selection{background:rgba(167,139,250,.36);color:#fff}
a{color:inherit;text-underline-offset:4px}
a:hover{color:var(--vc-cyan)}
img,svg,video{max-width:100%}
button,input,textarea,select{font:inherit}
button{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:none;box-shadow:var(--vc-focus)}
:target{scroll-margin-top:110px}
[hidden]{display:none!important}
.skip-link{position:absolute;left:14px;top:-80px;z-index:20;padding:10px 14px;background:var(--vc-cyan);color:#051014;border-radius:10px;font-weight:850}
.skip-link:focus{top:12px}
header{
  position:sticky;top:0;z-index:30;
  background:rgba(7,9,18,.82);
  border-bottom:1px solid rgba(168,181,222,.13);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  backdrop-filter:blur(22px) saturate(150%);
  box-shadow:0 8px 35px rgba(0,0,0,.14);
}
.bar{
  width:min(100% - 40px,var(--vc-max));min-height:78px;margin:0 auto;padding:12px 0;
  display:flex;align-items:center;gap:18px;flex-wrap:nowrap;
}
.brand{
  display:inline-flex;align-items:center;gap:11px;flex:0 0 auto;
  color:#fff;text-decoration:none;font-size:13px;font-weight:950;letter-spacing:.17em;
}
.brand img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(114,240,236,.19))}
.brand span{white-space:nowrap}
.nav{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;margin-left:auto}
.nav a{
  min-height:39px;display:inline-flex;align-items:center;justify-content:center;
  padding:8px 10px;border:1px solid transparent;border-radius:10px;
  color:var(--vc-muted);font-size:12px;font-weight:750;line-height:1.2;
  text-decoration:none;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.nav a:hover{background:rgba(167,139,250,.09);color:#fff;border-color:rgba(167,139,250,.15);transform:translateY(-1px)}
.nav a.active,.nav a[aria-current="page"]{background:linear-gradient(120deg,rgba(167,139,250,.17),rgba(114,240,236,.07));color:#fff;border-color:rgba(167,139,250,.25)}
.account-links{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.account-links a{
  min-height:39px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;
  border:1px solid var(--vc-line);border-radius:11px;background:rgba(16,21,35,.8);
  color:#dbe1f4;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.account-links a:first-child{border-color:rgba(167,139,250,.35);background:rgba(117,84,232,.14);color:#e4dcff}
.account-links a:hover{transform:translateY(-1px);border-color:rgba(114,240,236,.55);color:#fff}
.account-links a[aria-current="page"]{border-color:rgba(114,240,236,.5);color:var(--vc-cyan)}
.vc-menu-toggle{display:none;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 12px;border:1px solid var(--vc-line-strong);border-radius:12px;background:rgba(18,23,39,.95);color:var(--vc-text);font-size:12px;font-weight:850;cursor:pointer}
.vc-menu-icon{display:grid;gap:4px}
.vc-menu-icon i{display:block;width:16px;height:2px;border-radius:2px;background:currentColor}
main{width:min(100% - 48px,var(--vc-max));margin:0 auto;padding:clamp(40px,6vw,78px) 0 clamp(60px,8vw,104px)}
main > *+*{margin-top:clamp(24px,4vw,48px)}
.hero{max-width:900px;padding:14px 0 24px}
.eyebrow,.cm-eyebrow,.feature-kicker{
  display:inline-flex;align-items:center;gap:9px;color:var(--vc-cyan);
  font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;line-height:1.4;
}
.eyebrow::before,.feature-kicker::before{content:"";display:inline-block;width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--vc-cyan);box-shadow:0 0 15px rgba(114,240,236,.7)}
h1,h2,h3,h4{color:var(--vc-text);line-height:1.15;letter-spacing:-.045em;text-wrap:balance}
h1{margin:16px 0 18px;font-size:clamp(42px,6.7vw,82px);font-weight:900;line-height:.99;letter-spacing:-.065em}
h1 .headline-glow,h1 .social-gradient,h1 span,.headline-glow{
  background:linear-gradient(112deg,#fff 8%,#d3c6ff 49%,#76f0e9 92%);
  color:transparent;-webkit-background-clip:text;background-clip:text;
}
h2{margin:0 0 12px;font-size:clamp(25px,3vw,36px);font-weight:850}
h3{margin:0 0 9px;font-size:clamp(17px,2vw,21px);font-weight:820}
h4{margin:0 0 8px;font-size:16px;font-weight:800}
p{max-width:780px;margin:0 0 15px;color:var(--vc-muted)}
p:last-child{margin-bottom:0}
.hero p,.hero-lead,.cm-hero p,.feature-hero-copy p,.social-hero p{max-width:720px;font-size:clamp(16px,1.7vw,19px);line-height:1.8;color:#b7c0d8}
.hero .headline-glow{display:inline}
.actions,.cm-hero-actions,.feature-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:26px}
.btn,.auth-submit,.developer-submit-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;padding:12px 18px;border:1px solid rgba(199,184,255,.52);border-radius:13px;
  background:linear-gradient(118deg,#8c6cff 0%,#6e80fa 56%,#4fcdd9 125%);
  color:#fff;text-decoration:none;text-align:center;font-size:13px;font-weight:900;line-height:1.2;
  box-shadow:0 10px 26px rgba(99,83,213,.18),inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease;
}
.btn:hover,.auth-submit:hover,.developer-submit-btn:hover{color:#fff;transform:translateY(-2px);filter:saturate(1.14);box-shadow:0 15px 36px rgba(99,83,213,.28),inset 0 1px 0 rgba(255,255,255,.25)}
.btn.secondary{background:rgba(17,22,38,.9);border-color:var(--vc-line-strong);color:#e3e8f7;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.btn.secondary:hover{background:rgba(29,36,58,.95);border-color:rgba(114,240,236,.4)}
.btn:disabled,.btn[aria-disabled="true"],button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
.text-link,.home-card-link{color:var(--vc-cyan);font-size:13px;font-weight:850;text-decoration:none}
.text-link:hover,.home-card-link:hover{text-decoration:underline}
.card,.auth-panel,.auth-aside,.feature-tool-card,.cm-info,.developer-form-panel,.developer-security-card,.mod-panel,.studio-panel,.preview-card,.social-panel,.cart-items-panel,.cart-summary-panel,.checkout-items-panel,.profile-card{
  border:1px solid var(--vc-line);border-radius:var(--vc-radius);
  background:linear-gradient(145deg,rgba(20,26,45,.92),rgba(11,15,27,.93));
  box-shadow:0 18px 52px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);
}
.card{padding:clamp(20px,3vw,28px)}
.card p,.feature-detail-card p,.home-explore-card p,.home-capability-grid p{font-size:14px;line-height:1.75}
.grid,.home-capability-grid,.home-explore-grid,.feature-tools-grid,.feature-details-grid,.cm-info-grid,.home-state-grid{
  display:grid;gap:16px;align-items:stretch;
}
.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));margin:26px 0}
.grid .card,.home-explore-card,.home-state-card,.home-capability-grid>.card,.feature-tool-card,.feature-detail-card,.cm-info{height:100%}
.card h3{margin:0 0 10px}
.card a:not(.btn){color:var(--vc-cyan);font-weight:800;text-decoration:none}
.card a:not(.btn):hover{text-decoration:underline}
.notice,.community-beta-warning,.mod-notice,.cm-notice,.feature-market-status,.store-status-notice{
  padding:17px 19px;border:1px solid rgba(167,139,250,.25);border-radius:16px;
  background:linear-gradient(115deg,rgba(117,84,232,.12),rgba(29,174,184,.055));
  color:#dce2f8;line-height:1.7;font-size:13px;
}
.notice strong,.community-beta-warning strong,.mod-notice strong,.cm-notice strong{color:#fff}
footer{border-top:1px solid rgba(168,181,222,.14);background:rgba(6,8,15,.42);padding:27px 24px calc(27px + env(safe-area-inset-bottom));color:var(--vc-subtle);font-size:12px}
.foot{width:min(100%,var(--vc-max));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.foot a{color:#b6c0d8;text-decoration:none}
.foot a:hover{color:var(--vc-cyan)}
input,textarea,select{
  display:block;width:100%;min-height:46px;padding:11px 13px;border:1px solid rgba(161,176,220,.2);border-radius:12px;
  background:rgba(6,9,17,.75);color:var(--vc-text);box-shadow:inset 0 1px 3px rgba(0,0,0,.16);
}
input::placeholder,textarea::placeholder{color:#74809e;opacity:1}
input:hover,textarea:hover,select:hover{border-color:rgba(161,176,220,.35)}
textarea{resize:vertical;min-height:110px}
input[type="checkbox"],input[type="radio"]{display:inline-block;width:auto;min-height:0;accent-color:#9b85ff}
label{display:block;margin:14px 0 7px;color:#dbe2f5;font-size:13px;font-weight:800}
label>input,label>textarea,label>select{margin-top:8px}
.form-feedback{margin:12px 0 0;padding:0;border-radius:11px;font-size:13px;line-height:1.65}
.form-feedback:empty{display:none}
.form-feedback.is-error{padding:11px 13px;background:rgba(141,43,68,.17);border:1px solid rgba(253,164,175,.35);color:#ffd5dd}
.form-feedback.is-success{padding:11px 13px;background:rgba(20,119,91,.15);border:1px solid rgba(114,240,176,.32);color:#c6ffe8}
.form-feedback.is-info{padding:11px 13px;background:rgba(68,82,135,.18);border:1px solid rgba(147,167,250,.25);color:#d6defe}
.field-hint,.auth-note,.small-note,.feature-tool-note,.cm-feed,.profile-meta,.profile-loading{font-size:12px;line-height:1.7;color:var(--vc-subtle)}
.loading-dot{background:var(--vc-cyan);box-shadow:0 0 15px rgba(114,240,236,.55)}
.empty-state,.empty-state p,.cm-empty,.chat-empty{color:var(--vc-muted)}
/* Home and content overview pages */
.hero-split{max-width:none;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(290px,.88fr);gap:clamp(26px,5vw,66px);align-items:center;padding:12px 0 26px}
.hero-split .hero-copy{max-width:760px}
.hero-split .hero-copy::after{content:"";display:block;width:76px;height:2px;margin-top:25px;background:linear-gradient(90deg,var(--vc-cyan),transparent);opacity:.8}
.home-hero{margin-bottom:4px}
.home-trust-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}
.home-trust-row>*{padding:7px 10px;border:1px solid var(--vc-line);border-radius:99px;background:rgba(16,21,35,.6);color:#bac5de;font-size:11px;font-weight:800}
.hero-visual{min-width:0;position:relative}
.hero-visual .image-preview-trigger{box-shadow:var(--vc-shadow),0 0 65px rgba(117,84,232,.12)}
.hero-visual .hero-art{aspect-ratio:900/560;object-fit:cover}
.home-state-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:25px 0}
.home-state-card{padding:18px 19px;border:1px solid var(--vc-line);border-radius:17px;background:rgba(15,20,34,.72);display:flex;align-items:flex-start;gap:13px}
.home-state-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:1px solid rgba(114,240,236,.2);border-radius:13px;background:rgba(114,240,236,.07);color:var(--vc-cyan);font-size:18px}
.home-state-card h3{font-size:14px;letter-spacing:-.02em;margin:0 0 5px}
.home-state-card p{font-size:12px;line-height:1.6;margin:0}
.home-state-chip{display:inline-flex;margin-top:8px;padding:4px 8px;border-radius:99px;background:rgba(114,240,236,.1);color:var(--vc-cyan);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.home-state-chip.is-preview{background:rgba(251,211,141,.1);color:var(--vc-amber)}
.home-section{margin-top:clamp(42px,7vw,82px)}
.section-top,.feature-catalog-header,.cm-toolbar-head,.store-toolbar-heading,.mod-panel-head,.chat-heading{
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:21px
}
.section-top h2,.feature-catalog-header h2,.cm-toolbar-head h2{margin:6px 0 0}
.section-top p,.feature-catalog-header p,.cm-toolbar-head p{margin:8px 0 0;font-size:14px}
.home-explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-explore-card{position:relative;padding:23px;border:1px solid var(--vc-line);border-radius:19px;overflow:hidden;background:linear-gradient(145deg,rgba(20,26,45,.85),rgba(10,14,24,.9));transition:transform .2s ease,border-color .2s ease,background .2s ease}
.home-explore-card::after{content:"";position:absolute;right:-34px;top:-40px;width:110px;height:110px;border-radius:50%;background:rgba(117,84,232,.09);filter:blur(2px);pointer-events:none}
.home-explore-card:hover{transform:translateY(-4px);border-color:rgba(114,240,236,.27);background:linear-gradient(145deg,rgba(26,34,56,.96),rgba(12,17,29,.96))}
.home-card-index{font-size:10px;color:var(--vc-subtle);font-weight:900;letter-spacing:.16em}
.home-card-glyph{display:grid;place-items:center;width:47px;height:47px;margin:18px 0 17px;border-radius:15px;background:linear-gradient(135deg,rgba(167,139,250,.18),rgba(114,240,236,.1));border:1px solid rgba(167,139,250,.22);font-size:21px;color:#d9ceff}
.home-explore-card h3{font-size:19px}
.home-explore-card p{min-height:3.5em}
.home-card-link{display:inline-flex;align-items:center;gap:8px;margin-top:9px}
.home-community-band{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:clamp(22px,4vw,36px);border:1px solid rgba(167,139,250,.24);border-radius:24px;background:radial-gradient(ellipse at 0 0,rgba(117,84,232,.19),transparent 55%),linear-gradient(135deg,rgba(21,26,47,.94),rgba(9,14,24,.95))}
.home-community-mark{display:grid;place-items:center;width:70px;height:70px;border-radius:22px;border:1px solid rgba(114,240,236,.22);background:rgba(114,240,236,.065);font-size:28px;color:var(--vc-cyan)}
.home-community-copy h2{margin:0 0 8px;font-size:clamp(22px,3vw,33px)}
.home-capability-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-capability-grid>.card{padding:20px}
.home-capability-number{color:var(--vc-cyan);font-size:11px;font-weight:900;letter-spacing:.13em}
.home-capability-grid h3{margin-top:13px}
.home-answers .answer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.answer-list details{border:1px solid var(--vc-line);border-radius:13px;background:rgba(15,20,34,.65);padding:15px 17px}
.answer-list summary{cursor:pointer;font-weight:800;color:#e7ecfa}
.answer-list details p{font-size:13px;margin:10px 0 0}
.home-closing{padding:clamp(26px,5vw,46px);border:1px solid rgba(114,240,236,.19);border-radius:24px;background:radial-gradient(ellipse at 100% 0,rgba(114,240,236,.08),transparent 48%),linear-gradient(130deg,rgba(19,25,43,.95),rgba(9,13,24,.95))}
.home-closing h2{font-size:clamp(28px,4vw,46px)}
/* Downloads, community, changelog, docs and plain information pages */
.download-release-visual,.community-visual{min-height:250px;border:1px solid var(--vc-line);border-radius:24px;overflow:hidden;background:radial-gradient(circle at 72% 25%,rgba(114,240,236,.12),transparent 9rem),radial-gradient(circle at 30% 80%,rgba(117,84,232,.2),transparent 13rem),linear-gradient(145deg,#171b30,#0b0f1b);box-shadow:var(--vc-shadow);position:relative}
.download-mark,.community-logo-art{color:var(--vc-cyan);filter:drop-shadow(0 0 25px rgba(114,240,236,.22))}
.download-visual-chip{border:1px solid var(--vc-line-strong);border-radius:12px;background:rgba(6,10,19,.7);color:#e1e8fa}
.download-source-card{border:1px solid var(--vc-line);border-radius:18px;background:var(--vc-surface-glass);padding:22px}
.changelog-list{display:grid;gap:13px}
.changelog-entry{display:grid;grid-template-columns:140px 1fr;gap:21px;padding:23px;border:1px solid var(--vc-line);border-radius:18px;background:rgba(15,20,34,.72)}
.changelog-entry-date{color:var(--vc-cyan);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.changelog-entry-copy h2,.changelog-entry-copy h3{margin:0 0 9px;font-size:20px}
.changelog-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.changelog-tags>*{padding:4px 8px;border:1px solid var(--vc-line);border-radius:99px;color:#cbd4e8;font-size:10px;font-weight:850}
.changelog-caveat{color:var(--vc-amber);font-size:12px}
.feature-detail-grid,.feature-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-detail-card{padding:22px;border:1px solid var(--vc-line);border-radius:17px;background:rgba(15,20,34,.72)}
.feature-detail-card>span{display:grid;place-items:center;width:36px;height:36px;margin-bottom:14px;border-radius:11px;background:rgba(114,240,236,.08);color:var(--vc-cyan);font-weight:900}
.feature-detail-card h3{font-size:17px}
body>main>.card h2+ p{margin-top:0}
body>main>.card h2:not(:first-child){margin-top:25px}
body>main>.card ul{padding-left:21px;color:var(--vc-muted)}
body>main>.card li{padding-left:4px;margin:7px 0}
/* Features and marketplace */
.feature-main,.cm-page{width:100%;max-width:var(--vc-max);margin-left:auto;margin-right:auto}
.feature-main{padding-top:0}
.feature-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:34px;align-items:center;padding:20px 0 18px}
.feature-hero-copy h1,.cm-hero h1{font-size:clamp(42px,6vw,72px)}
.feature-trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.feature-trust-pill{padding:7px 11px;border:1px solid var(--vc-line);border-radius:99px;background:rgba(15,20,34,.7);font-size:11px;font-weight:800;color:#c9d3eb}
.feature-hero-art{min-height:300px;border:1px solid rgba(167,139,250,.2);border-radius:23px;background:radial-gradient(circle at 50% 50%,rgba(117,84,232,.17),transparent 58%),linear-gradient(145deg,#161b30,#080c17);overflow:hidden}
.feature-tool-card{position:relative;padding:21px;transition:transform .2s ease,border-color .2s ease}
.feature-tool-card:hover{transform:translateY(-3px);border-color:rgba(114,240,236,.3)}
.feature-tool-top{display:flex;gap:13px;align-items:center;margin-bottom:16px}
.feature-tool-icon{display:grid;place-items:center;width:45px;height:45px;flex:0 0 auto;border-radius:14px;background:linear-gradient(135deg,rgba(167,139,250,.19),rgba(114,240,236,.1));border:1px solid rgba(167,139,250,.2);color:#e3dbff;font-size:20px}
.feature-tool-label{color:var(--vc-cyan);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.feature-tool-top h3{margin:4px 0 0;font-size:18px}
.feature-tool-note{padding-top:12px;border-top:1px solid rgba(161,176,220,.11);margin:14px 0}
.feature-tool-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px}
.feature-tool-actions .btn{min-height:39px;padding:9px 12px;font-size:11px}
.feature-tool-status{display:inline-flex;align-items:center;gap:6px;color:var(--vc-subtle);font-size:11px;font-weight:800}
.feature-tool-message{width:100%;font-size:12px;color:var(--vc-muted)}
.feature-catalog{padding:clamp(20px,3.8vw,34px);border:1px solid var(--vc-line);border-radius:24px;background:rgba(10,14,25,.74)}
.store-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.34fr);gap:13px;align-items:end;margin:22px 0 14px}
.store-toolbar label,.cm-field{margin:0}
.store-toolbar label input,.store-toolbar label select{margin-top:8px}
.store-count,.store-feed{font-size:12px;color:var(--vc-subtle)}
.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:17px}
.store-card{min-width:0;overflow:hidden;border:1px solid var(--vc-line);border-radius:18px;background:linear-gradient(145deg,rgba(20,26,44,.96),rgba(10,14,24,.98));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.store-card:hover{transform:translateY(-3px);border-color:rgba(167,139,250,.35);box-shadow:0 14px 40px rgba(0,0,0,.2)}
.store-card-media{background:radial-gradient(circle at 50% 35%,rgba(117,84,232,.17),transparent 56%),#0b1020;border-bottom:1px solid var(--vc-line);overflow:hidden}
.store-card-media img,.store-card-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.store-card-content{padding:17px}
.store-card-title{margin:0 0 8px;font-size:17px;letter-spacing:-.025em}
.store-card-description{font-size:13px;line-height:1.65;color:var(--vc-muted)}
.store-card-actions,.store-purchase-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.store-card-actions .btn,.store-purchase-buttons .btn{min-height:39px;padding:9px 12px;font-size:11px}
.store-loading{padding:14px}
.store-loading-art{height:140px;border-radius:12px;background:linear-gradient(100deg,#12172a,#202743,#12172a);background-size:200% 100%;animation:vc-skeleton 1.5s linear infinite}
.store-skeleton{height:12px;width:85%;margin-top:15px;border-radius:99px;background:#252c43}
.store-skeleton.short{width:55%;margin-top:9px}
@keyframes vc-skeleton{to{background-position:-200% 0}}
.cm-page{padding-top:0}
.cm-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(270px,.88fr);gap:28px;align-items:center;padding:18px 0 25px}
.cm-hero-art{min-height:290px;position:relative;border:1px solid rgba(167,139,250,.24);border-radius:24px;background:radial-gradient(circle at 52% 50%,rgba(117,84,232,.19),transparent 53%),radial-gradient(circle at 82% 17%,rgba(114,240,236,.1),transparent 32%),linear-gradient(145deg,#181d32,#080c17);overflow:hidden}
.cm-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 42px}
.cm-stat{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--vc-line);border-radius:15px;background:rgba(15,20,34,.7)}
.cm-stat-icon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 auto;border-radius:12px;background:rgba(114,240,236,.08);color:var(--vc-cyan);font-size:18px}
.cm-stat strong,.cm-stat small{display:block}
.cm-stat strong{font-size:12px;color:#edf1ff}
.cm-stat small{font-size:11px;color:var(--vc-subtle)}
.cm-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.35fr) minmax(150px,.35fr) auto;gap:10px;align-items:end;margin:20px 0}
.cm-toolbar label{margin:0}
.cm-toolbar input,.cm-toolbar select{margin-top:7px}
.cm-filter-reset{min-height:46px}
.cm-feed{margin:14px 0;font-size:12px}
.cm-ownership{margin:14px 0;padding:12px 15px;border:1px solid var(--vc-line);border-radius:13px;background:rgba(13,18,31,.65);font-size:12px;color:var(--vc-muted)}
.cm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.cm-card{min-width:0;overflow:hidden;border:1px solid var(--vc-line);border-radius:19px;background:linear-gradient(145deg,rgba(21,27,46,.96),rgba(10,14,24,.98));transition:transform .18s ease,border-color .18s ease}
.cm-card:hover{transform:translateY(-3px);border-color:rgba(114,240,236,.28)}
.cm-art{min-height:174px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(117,84,232,.2),transparent 58%),linear-gradient(145deg,#141a2c,#080c16)}
.cm-art-img{width:100%;height:100%;object-fit:cover;display:block}
.cm-card-body{padding:17px}
.cm-chip-row,.cm-meta,.cm-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.cm-chip{padding:4px 8px;border:1px solid var(--vc-line);border-radius:99px;background:rgba(6,10,19,.45);color:#c6d1e8;font-size:10px;font-weight:850}
.cm-chip.is-ready{border-color:rgba(114,240,176,.3);color:var(--vc-green)}
.cm-chip.is-preview{border-color:rgba(251,211,141,.25);color:var(--vc-amber)}
.cm-chip.is-coming{color:#cbd3e9}
.cm-description,.cm-tagline{font-size:13px;line-height:1.68}
.cm-meta{justify-content:space-between;margin-top:12px;color:var(--vc-subtle);font-size:11px}
.cm-actions{margin-top:15px}
.cm-actions .btn{min-height:38px;padding:9px 12px;font-size:11px}
.cm-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cm-info{padding:22px}
.cm-info-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:13px;background:rgba(114,240,236,.07);color:var(--vc-cyan);font-size:19px}
.cm-info h3{font-size:17px}
.cm-dialog,.image-preview-dialog{color:var(--vc-text);background:#0a0e19;border:1px solid var(--vc-line-strong);border-radius:20px;box-shadow:var(--vc-shadow)}
.cm-dialog::backdrop,.image-preview-dialog::backdrop{background:rgba(1,3,9,.82);backdrop-filter:blur(6px)}
.cm-dialog-panel{padding:20px}
.cm-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.cm-dialog-close,.preview-dialog-close{min-height:40px;padding:9px 13px;border:1px solid var(--vc-line-strong);border-radius:10px;background:#171d2f;color:#e8ecfa;cursor:pointer}
.cm-dialog-body{color:var(--vc-muted)}
/* Sign-in, profile and recovery */
.auth-hero{max-width:780px;padding-bottom:12px}
.auth-layout,.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.78fr);gap:20px;align-items:start}
.auth-panel,.auth-aside{padding:clamp(20px,3.2vw,32px)}
.auth-tabs{display:flex;gap:6px;padding:5px;margin-bottom:18px;border:1px solid rgba(161,176,220,.12);border-radius:13px;background:rgba(5,8,15,.62)}
.auth-tab{flex:1;min-height:42px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--vc-muted);font-size:12px;font-weight:900;cursor:pointer}
.auth-tab.is-active,.auth-tab[aria-selected="true"]{border-color:rgba(167,139,250,.27);background:linear-gradient(115deg,rgba(167,139,250,.19),rgba(114,240,236,.07));color:#fff}
.auth-submit{width:100%;margin-top:19px;cursor:pointer}
.vc-chat-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding-bottom:19px;border-bottom:1px solid var(--vc-line)}
.vc-chat-brand img{width:52px;height:52px;flex:0 0 auto;filter:drop-shadow(0 0 18px rgba(114,240,236,.16))}
.vc-chat-brand-copy{min-width:0}
.vc-chat-brand-name,.vc-chat-brand-subtitle{display:block}
.vc-chat-brand-name{font-size:14px;font-weight:950;letter-spacing:.16em;color:#fff}
.vc-chat-brand-subtitle{margin-top:3px;color:var(--vc-cyan);font-size:10px;font-weight:900;letter-spacing:.13em}
.vc-chat-brand-note{margin:5px 0 0;color:var(--vc-subtle);font-size:11px;line-height:1.55}
.auth-aside h2{margin:15px 0 10px;font-size:clamp(22px,2.7vw,29px)}
.auth-art,.signin-aside-art{display:block;width:100%;border:1px solid var(--vc-line);border-radius:16px}
.signin-benefits{display:grid;gap:10px;margin-top:18px}
.signin-benefits>*{padding:11px 12px;border:1px solid var(--vc-line);border-radius:12px;background:rgba(7,10,18,.4);font-size:12px;color:#d2daf0}
.auth-note{padding-top:15px;margin-top:17px;border-top:1px solid var(--vc-line)}
.auth-forgot-link{display:inline-flex;margin-top:14px;color:var(--vc-cyan);font-size:12px;font-weight:800;text-decoration:none}
.password-reset-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr)}
.reset-progress{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}
.reset-progress>*{flex:1;min-width:60px;padding:8px 7px;border:1px solid var(--vc-line);border-radius:9px;color:var(--vc-subtle);text-align:center;font-size:10px;font-weight:850}
.reset-progress .is-current{border-color:rgba(114,240,236,.4);background:rgba(114,240,236,.06);color:var(--vc-cyan)}
.text-button{border:0;background:none;color:var(--vc-cyan);font-size:12px;font-weight:850;cursor:pointer}
.profile-card{padding:24px}
.profile-card h2{margin:0 0 6px}
.profile-email{color:var(--vc-muted);word-break:break-word}
.profile-meta{margin-top:17px}
.profile-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.profile-signout{font:inherit;cursor:pointer}
/* Developer Studio and creator submissions */
.developer-hero{padding:10px 0 7px}
.developer-hero h1{max-width:950px}
.developer-hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.developer-hero-stats>*{padding:11px 14px;border:1px solid var(--vc-line);border-radius:13px;background:rgba(15,20,34,.68)}
.developer-account-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border:1px solid var(--vc-line);border-radius:15px;background:rgba(15,20,34,.68)}
.developer-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.8fr);gap:18px;align-items:start}
.developer-form-panel{padding:clamp(20px,3vw,28px)}
.form-intro{margin-bottom:20px}
.form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.form-two>label{margin:0}
.developer-submit-btn{width:100%;margin-top:21px;cursor:pointer}
.developer-side{display:grid;gap:15px}
.developer-checklist,.developer-security-card{padding:21px}
.developer-checklist ul,.developer-security-card ul{padding-left:20px;color:var(--vc-muted);font-size:13px}
.developer-checklist li,.developer-security-card li{margin:8px 0}
.developer-submissions-section,.owner-review-section{padding:clamp(20px,3vw,28px);border:1px solid var(--vc-line);border-radius:22px;background:rgba(11,15,27,.65)}
.developer-submission-list{display:grid;gap:11px}
.owner-admin-chip{display:inline-flex;padding:5px 9px;border:1px solid rgba(251,211,141,.23);border-radius:99px;color:var(--vc-amber);font-size:10px;font-weight:900}
.store-toolbar-heading{align-items:center}
.empty-state{padding:22px;border:1px dashed var(--vc-line-strong);border-radius:14px;background:rgba(7,10,18,.35);text-align:center;font-size:13px}
/* Social Hub */
.social-main{padding-top:0}
.social-hero{max-width:880px;padding-bottom:18px}
.social-status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--vc-line);border-radius:99px;background:rgba(10,15,26,.65);color:#cbd5e9;font-size:11px;font-weight:850}
.status-light{width:7px;height:7px;border-radius:50%;background:var(--vc-amber);box-shadow:0 0 12px rgba(251,211,141,.4)}
.status-light.online{background:var(--vc-green);box-shadow:0 0 12px rgba(165,243,200,.35)}
.social-auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:18px;align-items:start}
.social-workspace{display:grid;grid-template-columns:minmax(225px,.68fr) minmax(0,1.32fr);gap:15px;margin-top:24px}
.social-panel{min-width:0;padding:20px}
.social-panel.sidebar{display:grid;align-content:start;gap:15px}
.side-section{padding-bottom:14px;border-bottom:1px solid var(--vc-line)}
.side-section:last-child{padding-bottom:0;border-bottom:0}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 11px;font-size:13px;font-weight:850;color:#e5ebfb}
.count{padding:3px 7px;border-radius:99px;background:rgba(167,139,250,.13);color:#dfd5ff;font-size:10px}
.side-list{display:grid;gap:7px}
.list-empty{padding:12px;border:1px dashed var(--vc-line);border-radius:10px;font-size:11px;color:var(--vc-subtle)}
.friend-row,.request-row{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--vc-line);border-radius:12px;background:rgba(7,11,20,.42)}
.friend-avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:11px;background:linear-gradient(135deg,rgba(167,139,250,.23),rgba(114,240,236,.12));color:#e8e1ff;font-weight:900}
.friend-copy{flex:1;min-width:0}
.friend-copy strong,.friend-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.friend-copy strong{font-size:12px}
.friend-copy small{font-size:10px;color:var(--vc-subtle)}
.text-btn,.mini-action{min-height:34px;padding:7px 9px;border:1px solid var(--vc-line);border-radius:9px;background:rgba(16,21,35,.85);font-size:10px;font-weight:850;cursor:pointer}
.text-btn:hover,.mini-action:hover{border-color:rgba(114,240,236,.38)}
.text-btn.danger,.danger{color:#ffc4cf;border-color:rgba(253,164,175,.22)}
.chat-panel{display:flex;flex-direction:column;min-height:460px}
.chat-heading{align-items:center;padding-bottom:14px;border-bottom:1px solid var(--vc-line)}
.chat-heading h2{margin:0;font-size:18px}
.refresh-btn{min-height:36px;padding:7px 10px;border:1px solid var(--vc-line);border-radius:10px;background:rgba(14,19,33,.8);font-size:11px;font-weight:850;cursor:pointer}
.chat-empty{display:grid;place-items:center;min-height:240px;padding:20px;text-align:center;border:1px dashed var(--vc-line);border-radius:14px;margin:16px 0}
.messages{display:flex;flex-direction:column;gap:10px;max-height:500px;overflow:auto;padding:15px 3px}
.message{max-width:84%;align-self:flex-start}
.message.mine{align-self:flex-end}
.message-meta{display:flex;justify-content:space-between;gap:9px;margin:0 0 4px;color:var(--vc-subtle);font-size:10px}
.message-bubble{padding:10px 13px;border:1px solid var(--vc-line);border-radius:14px 14px 14px 4px;background:rgba(9,14,25,.88);color:#dbe3f6;font-size:13px;overflow-wrap:anywhere}
.message.mine .message-bubble{border-color:rgba(117,84,232,.3);border-radius:14px 14px 4px 14px;background:rgba(117,84,232,.16)}
.compose{margin-top:auto;padding-top:14px;border-top:1px solid var(--vc-line)}
.compose-footer,.chat-actions,.report-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.compose-footer .btn,.chat-actions .btn,.report-actions .btn{min-height:38px;padding:9px 12px;font-size:11px}
/* Server State and lightweight utilities */
.server-tracker,.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:17px;align-items:start}
.server-form,.server-list{min-width:0}
.server-form,.server-list{padding:22px;border:1px solid var(--vc-line);border-radius:18px;background:rgba(13,18,31,.75)}
.server-list{display:grid;gap:10px;align-content:start}
.server-form .btn{margin-top:14px}
.studio-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)}
.studio-panel,.preview-card{padding:clamp(20px,3vw,27px)}
.presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}
.preset{min-height:72px;padding:11px;border:1px solid var(--vc-line);border-radius:13px;background:rgba(7,11,20,.65);text-align:left;cursor:pointer}
.preset:hover,.preset[aria-pressed="true"]{border-color:rgba(114,240,236,.45);background:rgba(114,240,236,.06)}
.preset-swatch{display:flex;gap:4px;margin-bottom:7px}
.preset-swatch>*{width:13px;height:13px;border-radius:50%}
.preset strong{font-size:11px}
.theme-controls{display:grid;gap:12px}
.color-control{display:grid;grid-template-columns:1fr 56px;gap:10px;align-items:center}
.color-control input[type="color"]{height:42px;padding:3px;cursor:pointer}
.preview-card{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(114,240,236,.09),transparent 45%),linear-gradient(145deg,#171d30,#090d18)}
.preview-card h3{font-size:23px;margin-top:10px}
.preview-pill{display:inline-flex;padding:5px 8px;border:1px solid var(--vc-line);border-radius:99px;color:var(--vc-cyan);font-size:10px;font-weight:850}
.preview-button{display:inline-flex;margin-top:12px;padding:9px 12px;border-radius:10px;background:linear-gradient(115deg,#8c6cff,#4fcdd9);color:white;font-size:11px;font-weight:900}
/* Mod Manager */
.mod-page{padding-top:0}
.mod-hero{padding:18px 0 10px}
.mod-privacy{padding:15px 17px;border:1px solid var(--vc-line);border-radius:14px;background:rgba(14,19,32,.65);font-size:12px;color:var(--vc-muted)}
.mod-panel{padding:clamp(18px,3vw,26px);margin-top:22px}
.mod-panel-head{align-items:center}
.mod-stats{display:flex;gap:10px;flex-wrap:wrap}
.mod-stats>*{min-width:90px;padding:11px 14px;border:1px solid var(--vc-line);border-radius:12px;background:rgba(7,10,19,.4)}
.mod-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.34fr) auto;gap:10px;align-items:end;margin:18px 0}
.mod-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mod-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--vc-line);border-radius:14px;background:rgba(7,10,19,.5)}
.mod-file-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:12px;background:rgba(167,139,250,.1);color:#ddd2ff}
.mod-file-details{flex:1;min-width:0}
.mod-file-details strong,.mod-file-details small{display:block;overflow-wrap:anywhere}
.mod-file-details small{color:var(--vc-subtle);font-size:11px}
.mod-state{padding:4px 7px;border:1px solid var(--vc-line);border-radius:99px;font-size:10px;font-weight:850}
.mod-state.enabled{border-color:rgba(165,243,200,.28);color:var(--vc-green)}
.mod-card-actions{display:flex;gap:6px;flex-wrap:wrap}
.mod-card-actions .btn{min-height:34px;padding:7px 9px;font-size:10px}
.mod-empty{padding:24px;text-align:center;border:1px dashed var(--vc-line-strong);border-radius:14px;color:var(--vc-muted)}
/* Cart and checkout */
.cart-hero{max-width:820px;padding-bottom:10px}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(285px,.65fr);gap:17px;align-items:start}
.cart-items-panel,.checkout-items-panel,.cart-summary-panel{padding:clamp(19px,3vw,27px)}
.cart-summary-panel{position:sticky;top:102px}
.cart-items-list{display:grid;gap:12px}
.cart-summary-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--vc-line);font-size:13px;color:var(--vc-muted)}
.cart-summary-line strong{color:#fff;font-size:16px}
.cart-checkout-button{width:100%;margin-top:18px;cursor:pointer}
.cart-items-panel .store-toolbar-heading{align-items:center}
.checkout-account-state{margin-top:15px;padding:11px 12px;border:1px solid var(--vc-line);border-radius:11px;background:rgba(6,10,18,.55);font-size:12px;color:var(--vc-muted)}
/* Image viewers / dialogs */
.image-preview-trigger{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:1px solid var(--vc-line-strong);border-radius:18px;background:#0b1020;color:#fff;text-align:left;cursor:zoom-in}
.image-preview-trigger img{display:block;width:100%;height:auto;transition:transform .3s ease}
.image-preview-trigger:hover img{transform:scale(1.025)}
.image-preview-trigger:focus-visible{outline:3px solid var(--vc-cyan);outline-offset:4px}
.image-overlay-label{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);padding:8px 11px;border:1px solid rgba(220,228,255,.16);border-radius:11px;background:rgba(5,8,15,.82);color:#f7f8ff;font-size:11px;font-weight:850;backdrop-filter:blur(10px)}
.preview-icon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:7px;background:rgba(114,240,236,.1);color:var(--vc-cyan)}
.preview-caption{margin:9px 3px 0;color:var(--vc-subtle);font-size:11px}
.image-preview-dialog{max-width:min(1120px,96vw);max-height:94vh;width:96vw;padding:0;overflow:hidden}
.preview-dialog-panel{display:grid;gap:12px;padding:15px}
.preview-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.preview-dialog-head h2{margin:0;font-size:16px}
.preview-dialog-image{display:block;width:100%;max-height:82vh;object-fit:contain;border-radius:12px;background:#05070d}
.preview-dialog-caption{margin:0;color:var(--vc-subtle);font-size:12px}
button{cursor:pointer}
@media (min-width:1061px){
  .vc-menu-toggle{display:none!important}
  .nav{display:flex!important}
}
@media (max-width:1180px){
  .bar{width:min(100% - 32px,var(--vc-max));gap:10px}
  .nav a{padding:8px 7px;font-size:11px}
  .brand{gap:8px;letter-spacing:.13em}
  .brand img{width:38px;height:38px}
  .account-links a{padding:7px 9px}
}
@media (max-width:1060px){
  .bar{min-height:72px;flex-wrap:wrap}
  .brand{order:1}
  .account-links{order:2;margin-left:auto}
  .vc-menu-toggle{display:inline-flex;order:3}
  .nav{display:none;order:4;flex:0 0 100%;width:100%;margin:0;padding:10px;border:1px solid var(--vc-line);border-radius:15px;background:rgba(10,14,25,.97);box-shadow:0 18px 38px rgba(0,0,0,.22);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:5px}
  .nav.is-open{display:grid!important}
  .nav a{min-height:42px;justify-content:flex-start;padding:10px 12px;white-space:normal;font-size:12px}
  .hero-split,.feature-hero,.cm-hero{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:25px}
  .home-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-grid,.cm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cm-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cm-filter-reset{grid-column:2}
  .feature-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .developer-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}
}
@media (max-width:800px){
  main{width:min(100% - 34px,var(--vc-max));padding-top:38px}
  .hero-split,.feature-hero,.cm-hero{grid-template-columns:1fr}
  .hero-split .hero-visual{max-width:760px}
  .home-state-grid{grid-template-columns:1fr}
  .home-state-card{padding:15px}
  .home-state-card p{max-width:none}
  .feature-hero-art,.cm-hero-art{min-height:235px}
  .auth-layout,.profile-layout,.password-reset-layout,.developer-layout,.social-auth-layout,.server-tracker,.studio-grid{grid-template-columns:1fr}
  .social-workspace{grid-template-columns:minmax(0,1fr)}
  .social-panel.sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .side-section{min-width:0}
  .chat-panel{min-height:400px}
  .cart-layout,.checkout-layout{grid-template-columns:minmax(0,1fr)}
  .cart-summary-panel{position:static}
  .feature-details-grid,.cm-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-community-band{grid-template-columns:1fr}
  .home-community-mark{width:54px;height:54px}
  .changelog-entry{grid-template-columns:1fr;gap:9px}
  .mod-tools{grid-template-columns:minmax(0,1fr) minmax(150px,.5fr)}
  .mod-tools>*:last-child{grid-column:1/-1}
  .mod-list{grid-template-columns:1fr}
}
@media (max-width:560px){
  html{scroll-padding-top:88px}
  .bar{width:calc(100% - 26px);min-height:66px;padding:9px 0;gap:8px}
  .brand{gap:7px;font-size:11px;letter-spacing:.12em}
  .brand img{width:34px;height:34px}
  .account-links{gap:5px}
  .account-links a{min-height:36px;padding:7px 8px;font-size:10px;border-radius:10px}
  .vc-menu-toggle{min-height:38px;padding:7px 9px;font-size:11px}
  .nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}
  .nav a{padding:10px;font-size:11px}
  main{width:calc(100% - 28px);padding:28px 0 58px}
  main>*+*{margin-top:25px}
  h1{font-size:clamp(39px,12vw,59px);line-height:1.02;margin-top:12px}
  h2{font-size:25px}
  .hero{padding:6px 0 12px}
  .hero p,.hero-lead,.cm-hero p,.feature-hero-copy p,.social-hero p{font-size:15px;line-height:1.75}
  .actions,.cm-hero-actions,.feature-hero-actions{gap:8px;margin-top:21px}
  .actions .btn,.cm-hero-actions .btn,.feature-hero-actions .btn{flex:1 1 auto}
  .btn{min-height:44px;padding:11px 13px;font-size:12px;border-radius:12px}
  .grid,.home-explore-grid,.home-capability-grid,.feature-tools-grid,.feature-details-grid,.cm-info-grid,.home-state-grid,.cm-stats,.store-grid,.cm-grid{grid-template-columns:1fr}
  .home-explore-card{padding:20px}
  .home-explore-card p{min-height:0}
  .home-card-glyph{margin:13px 0}
  .home-community-band{padding:21px}
  .home-answers .answer-list{grid-template-columns:1fr}
  .section-top,.feature-catalog-header,.cm-toolbar-head,.store-toolbar-heading,.mod-panel-head,.chat-heading{align-items:flex-start;flex-direction:column;gap:12px}
  .section-top .btn,.feature-catalog-header .btn,.cm-toolbar-head .btn{width:100%}
  .feature-catalog{padding:16px;border-radius:18px}
  .store-toolbar,.cm-toolbar{grid-template-columns:1fr}
  .cm-filter-reset{grid-column:auto}
  .cm-stats{gap:8px}
  .cm-stat{padding:12px}
  .cm-card-body,.store-card-content{padding:15px}
  .feature-tool-card,.cm-info{padding:18px}
  .feature-tool-actions .btn{flex:1}
  .home-community-band{gap:12px}
  .auth-panel,.auth-aside,.profile-card,.developer-form-panel,.developer-checklist,.developer-security-card,.studio-panel,.preview-card,.mod-panel,.social-panel,.cart-items-panel,.checkout-items-panel,.cart-summary-panel{padding:17px;border-radius:17px}
  .form-two{grid-template-columns:1fr}
  .developer-account-bar{align-items:flex-start;flex-direction:column}
  .social-panel.sidebar{grid-template-columns:1fr}
  .social-workspace{gap:10px}
  .message{max-width:92%}
  .mod-tools{grid-template-columns:1fr}
  .mod-tools>*:last-child{grid-column:auto}
  .mod-card{align-items:flex-start;flex-wrap:wrap}
  .mod-card-actions{width:100%}
  .mod-card-actions .btn{flex:1}
  .presets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .developer-submissions-section,.owner-review-section{padding:17px}
  .changelog-entry{padding:17px}
  .cart-summary-line strong{font-size:14px}
  footer{padding:22px 14px calc(22px + env(safe-area-inset-bottom))}
  .foot{align-items:flex-start;flex-direction:column;gap:8px}
  .image-preview-dialog{width:98vw;max-width:98vw;border-radius:14px}
  .preview-dialog-panel{padding:8px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* 2.1 usability pass: readable skip link, consistent brand, and calmer touch interactions */
.vc-skip-link{
  position:fixed;left:14px;top:10px;z-index:1000;transform:translateY(-160%);
  padding:11px 15px;border:1px solid rgba(114,240,236,.5);border-radius:12px;
  background:#101523;color:#fff;font-size:13px;font-weight:900;text-decoration:none;
  box-shadow:var(--vc-shadow);transition:transform .16s ease;
}
.vc-skip-link:focus{transform:translateY(0);outline:2px solid var(--vc-cyan);outline-offset:3px}
.nav a[aria-current="page"]{color:#fff;background:linear-gradient(120deg,rgba(167,139,250,.2),rgba(114,240,236,.08));border-color:rgba(167,139,250,.28)}
button,.btn,a,input,textarea,select{touch-action:manipulation}
input,textarea,select{scroll-margin-bottom:28px}
button:disabled,.btn:disabled{filter:grayscale(.12)}
::placeholder{color:#8994af}
@media(max-width:560px){
  .vc-skip-link{left:9px;top:8px}
  .account-links a{max-width:96px;overflow:hidden;text-overflow:ellipsis}
  .nav a{overflow-wrap:anywhere}
  .cm-dialog,.image-preview-dialog{max-height:calc(100dvh - 16px)}
}


/* VOIDCRAFT UI REWORK — unified layout, hierarchy, interaction and responsive surfaces */
:root{
  --vc-bg:#080a12;--vc-bg-soft:#0c1020;--vc-surface:#111729;--vc-surface-raised:#171f34;
  --vc-surface-glass:rgba(13,18,33,.86);--vc-line:rgba(173,190,235,.14);--vc-line-strong:rgba(173,190,235,.26);
  --vc-text:#f7f8ff;--vc-muted:#b1bbd2;--vc-subtle:#8995b2;--vc-violet:#b4a0ff;--vc-violet-deep:#8065f2;
  --vc-cyan:#78f3ed;--vc-radius:22px;--vc-radius-sm:15px;--vc-shadow:0 24px 80px rgba(0,0,0,.32);
  --vc-max:1280px;
}
html{scroll-padding-top:100px}
body{font-size:16px;line-height:1.68;letter-spacing:-.012em}
body::before{opacity:.13}
a{color:var(--vc-cyan);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .18s ease,opacity .18s ease}
a:hover{color:#c1fffb}
img,svg,video{max-width:100%}
main{width:min(calc(100% - 40px),var(--vc-max));margin-inline:auto}
header{position:sticky;top:0;z-index:80;background:rgba(7,9,18,.88);border-bottom:1px solid var(--vc-line);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
header .bar{width:min(calc(100% - 32px),1440px);min-height:76px;margin-inline:auto;gap:20px}
.brand{flex-shrink:0;gap:11px;font-weight:900;letter-spacing:.12em;text-decoration:none}
.brand img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(128,101,242,.24))}
.nav{gap:5px;align-items:center}
.nav a,.account-links a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border:1px solid transparent;border-radius:12px;color:var(--vc-muted);font-size:.88rem;font-weight:650;text-decoration:none;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.nav a:hover,.account-links a:hover{background:rgba(255,255,255,.055);border-color:var(--vc-line);color:var(--vc-text)}
.nav a.active,.nav a[aria-current="page"]{background:linear-gradient(135deg,rgba(128,101,242,.18),rgba(120,243,237,.07));border-color:rgba(180,160,255,.28);color:#fff}
.account-links{display:flex;align-items:center;gap:6px;flex-shrink:0}
.account-links a:last-child{background:var(--vc-violet);border-color:transparent;color:#100d21;font-weight:800}
h1,h2,h3,h4{color:var(--vc-text);line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
h1{font-size:clamp(2.45rem,6.5vw,5.4rem);font-weight:850;line-height:.99;max-width:1000px}
h2{font-size:clamp(1.7rem,3.8vw,3rem);font-weight:800}
h3{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:750}
p{color:var(--vc-muted)}
main>section{margin-block:clamp(36px,6vw,76px)}
.hero,.home-hero,.cm-hero,.fs-hero,.page-hero,.hero-section,.community-hero,.download-hero{
  position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(180,160,255,.18);border-radius:30px;
  background:radial-gradient(ellipse at 82% 8%,rgba(120,243,237,.11),transparent 35%),radial-gradient(ellipse at 5% 0%,rgba(128,101,242,.22),transparent 50%),linear-gradient(145deg,rgba(20,25,46,.98),rgba(10,13,25,.97));
  box-shadow:var(--vc-shadow)
}
.hero::after,.home-hero::after,.cm-hero::after,.fs-hero::after,.page-hero::after,.hero-section::after,.community-hero::after,.download-hero::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 48%,rgba(255,255,255,.025) 48.2%,transparent 48.5%)
}
button,.button,.btn,[role="button"],input[type="submit"]{font:inherit}
button,.button,.btn,input[type="submit"],a.button,a.btn{
  min-height:44px;border-radius:13px;font-weight:760;letter-spacing:-.01em;transition:transform .18s ease,filter .18s ease,background .18s ease,border-color .18s ease;
}
button:hover,.button:hover,.btn:hover,input[type="submit"]:hover,a.button:hover,a.btn:hover{transform:translateY(-1px);filter:brightness(1.07)}
button:active,.button:active,.btn:active,a.button:active,a.btn:active{transform:translateY(0)}
button:disabled,.button:disabled,.btn:disabled{opacity:.48;cursor:not-allowed;transform:none;filter:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--vc-cyan);outline-offset:3px;box-shadow:0 0 0 5px rgba(120,243,237,.12)}
input,select,textarea{width:100%;max-width:100%;min-height:46px;padding:12px 14px;border:1px solid var(--vc-line-strong);border-radius:13px;background:rgba(5,8,17,.72);color:var(--vc-text);font:inherit}
textarea{min-height:120px;resize:vertical}
input::placeholder,textarea::placeholder{color:#8793b0;opacity:1}
label{display:block;margin-bottom:7px;color:#dce2f5;font-size:.92rem;font-weight:680}
form{display:grid;gap:14px}
.card,.panel,.feature-card,.store-card,.product-card,.server-card,.doc-card,.community-card,.download-card,.stat-card,.auth-panel,.profile-panel,.setting-card,.cm-card,.fs-card{
  border:1px solid var(--vc-line);border-radius:var(--vc-radius);background:linear-gradient(155deg,rgba(20,27,46,.94),rgba(13,17,31,.94));box-shadow:0 12px 36px rgba(0,0,0,.14)
}
.card:hover,.feature-card:hover,.store-card:hover,.product-card:hover,.server-card:hover,.doc-card:hover,.community-card:hover,.download-card:hover,.cm-card:hover,.fs-card:hover{border-color:rgba(180,160,255,.36)}
.grid,.card-grid,.feature-grid,.store-grid,.product-grid,.server-grid,.docs-grid,.download-grid{gap:18px}
section>h2,section>h3{margin-bottom:16px}
.eyebrow,.kicker,.cm-eyebrow,.fs-eyebrow{color:var(--vc-cyan);font-size:.76rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.badge,.pill,.tag,[class*="status"]{border-radius:999px}
hr{border:0;border-top:1px solid var(--vc-line);margin:28px 0}
table{width:100%;border-collapse:collapse;border:1px solid var(--vc-line);border-radius:14px;overflow:hidden}
th,td{padding:12px 14px;border-bottom:1px solid var(--vc-line);text-align:left}
th{background:rgba(180,160,255,.09);color:var(--vc-text);font-size:.83rem}
td{color:var(--vc-muted)}
footer{margin-top:76px;padding:36px 20px max(30px,env(safe-area-inset-bottom));border-top:1px solid var(--vc-line);background:rgba(6,8,16,.68)}
footer a{margin:0 8px}
dialog{max-width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid var(--vc-line-strong);border-radius:22px;background:#101629;color:var(--vc-text);box-shadow:var(--vc-shadow)}
dialog::backdrop{background:rgba(2,4,10,.76);backdrop-filter:blur(8px)}
[hidden]{display:none!important}
::selection{background:rgba(128,101,242,.48);color:#fff}
@media(min-width:1200px){header .bar{min-height:82px}.nav a{padding-inline:11px}}
@media(max-width:1050px){
  header .bar{flex-wrap:wrap;min-height:auto;padding:12px 0}
  .nav{order:3;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:4px 0 2px;scrollbar-width:thin}
  .nav a{flex:0 0 auto}
  .account-links{margin-left:auto}
}
@media(max-width:680px){
  main{width:min(calc(100% - 24px),var(--vc-max))}
  header .bar{width:calc(100% - 24px);gap:8px}
  .brand{font-size:.92rem}.brand img{width:30px;height:30px}
  .nav{gap:4px;margin-inline:-2px}
  .nav a{min-height:38px;padding:8px 10px;font-size:.79rem}
  .account-links{gap:4px}.account-links a{min-height:38px;padding:7px 10px;font-size:.8rem}
  h1{font-size:clamp(2.25rem,12vw,3.65rem);line-height:1.02}
  h2{font-size:clamp(1.6rem,8vw,2.35rem)}
  main>section{margin-block:34px}
  .hero,.home-hero,.cm-hero,.fs-hero,.page-hero,.hero-section,.community-hero,.download-hero{border-radius:22px}
  .grid,.card-grid,.feature-grid,.store-grid,.product-grid,.server-grid,.docs-grid,.download-grid{gap:12px}
  .card,.panel,.feature-card,.store-card,.product-card,.server-card,.doc-card,.community-card,.download-card,.stat-card,.auth-panel,.profile-panel,.setting-card,.cm-card,.fs-card{border-radius:17px}
  button,.button,.btn,input[type="submit"],a.button,a.btn{min-height:46px}
  table{display:block;overflow-x:auto;white-space:nowrap}
  footer{margin-top:48px;padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* Layout balance pass: consistent page width, rhythm, columns and content density */
:root{--vc-page-gutter:clamp(12px,3vw,28px);--vc-section-space:clamp(34px,5.5vw,68px);--vc-copy-width:68ch}
body{overflow-wrap:anywhere}
main,.page,.page-container,.container,.cm-page,.fs-page,.docs-page,.community-page,.servers-page,.downloads-page,.profile-page,.auth-page{
  width:min(calc(100% - (var(--vc-page-gutter)*2)),var(--vc-max));margin-inline:auto
}
main{padding-bottom:clamp(24px,4vw,48px)}
main>section{margin-block:var(--vc-section-space)}
main>section:first-child{margin-top:clamp(22px,3.5vw,44px)}
main>section:last-child{margin-bottom:clamp(26px,4vw,50px)}
main p,.hero p,.home-hero p,.cm-hero p,.fs-hero p,.page-hero p{max-width:var(--vc-copy-width)}
main>section>p{max-width:var(--vc-copy-width)}
h1,h2,h3{max-width:100%}
h2+p,h3+p{margin-top:-4px}
main>section>h2,main>section>h3{max-width:24ch}
main>section>h2+p,main>section>h3+p{margin-bottom:22px}
.hero,.home-hero,.cm-hero,.fs-hero,.page-hero,.hero-section,.community-hero,.download-hero{
  padding:clamp(22px,4.5vw,60px);gap:clamp(18px,3vw,34px)
}
.hero>* ,.home-hero>* ,.cm-hero>* ,.fs-hero>* ,.page-hero>* ,.hero-section>* ,.community-hero>* ,.download-hero>*{min-width:0}
.hero h1,.home-hero h1,.cm-hero h1,.fs-hero h1,.page-hero h1,.hero-section h1,.community-hero h1,.download-hero h1{max-width:15ch}
.hero p,.home-hero p,.cm-hero p,.fs-hero p,.page-hero p,.hero-section p,.community-hero p,.download-hero p{font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.75}
main :is(.grid,.card-grid,.feature-grid,.store-grid,.product-grid,.server-grid,.docs-grid,.download-grid,.features,.stats,.cards,.tiles){
  align-items:stretch;grid-auto-rows:1fr
}
main :is(.card,.panel,.feature-card,.store-card,.product-card,.server-card,.doc-card,.community-card,.download-card,.stat-card,.cm-card,.fs-card){
  min-width:0;height:100%;padding:clamp(16px,2.2vw,24px)
}
main :is(.card,.feature-card,.store-card,.product-card,.server-card,.doc-card,.community-card,.download-card,.cm-card,.fs-card) :is(h2,h3,h4){max-width:24ch}
main :is(.card,.feature-card,.store-card,.product-card,.server-card,.doc-card,.community-card,.download-card,.cm-card,.fs-card) :is(p,li){line-height:1.7}
main :is(.card,.feature-card,.store-card,.product-card,.server-card,.doc-card,.community-card,.download-card,.cm-card,.fs-card) :is(.actions,.buttons,.button-row,.card-actions){display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:16px}
main :is(.card,.feature-card,.store-card,.product-card,.server-card,.doc-card,.community-card,.download-card,.cm-card,.fs-card) img{object-fit:contain;max-width:100%}
main :is(.actions,.buttons,.button-row,.form-actions){display:flex;flex-wrap:wrap;align-items:center;gap:10px}
main :is(.actions,.buttons,.button-row,.form-actions)>:is(a,button,.btn,.button){max-width:100%}
main :is(.form-layout,.auth-layout,.social-auth-layout,.profile-layout,.settings-layout){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(18px,3vw,32px)}
main :is(.auth-panel,.profile-panel,.setting-card){min-width:0}
main :is(.form-layout,.auth-layout,.social-auth-layout,.profile-layout,.settings-layout) :is(input,select,textarea){min-width:0}
main :is(.stats,.stat-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:12px}
main :is(.stats,.stat-grid)>*{min-width:0}
main :is(.toolbar,.filter-row,.search-row){display:flex;align-items:center;flex-wrap:wrap;gap:12px}
main :is(.toolbar,.filter-row,.search-row) input{flex:1 1 220px}
main :is(.toolbar,.filter-row,.search-row) select{flex:0 1 220px}
main img{height:auto}
main pre,main code{max-width:100%;overflow-wrap:anywhere}
main pre{overflow:auto;padding:16px;border:1px solid var(--vc-line);border-radius:14px;background:rgba(2,5,12,.7)}
@media(max-width:760px){
  main,.page,.page-container,.container,.cm-page,.fs-page,.docs-page,.community-page,.servers-page,.downloads-page,.profile-page,.auth-page{
    width:calc(100% - 24px)
  }
  main>section{margin-block:34px}
  .hero,.home-hero,.cm-hero,.fs-hero,.page-hero,.hero-section,.community-hero,.download-hero{padding:22px}
  main :is(.form-layout,.auth-layout,.social-auth-layout,.profile-layout,.settings-layout){grid-template-columns:minmax(0,1fr)}
  main :is(.grid,.card-grid,.feature-grid,.store-grid,.product-grid,.server-grid,.docs-grid,.download-grid,.features,.cards,.tiles){grid-template-columns:minmax(0,1fr)}
  main :is(.stats,.stat-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
  main :is(.actions,.buttons,.button-row,.form-actions)>:is(a,button,.btn,.button){flex:1 1 auto}
}
@media(max-width:380px){
  main :is(.stats,.stat-grid){grid-template-columns:minmax(0,1fr)}
  .hero,.home-hero,.cm-hero,.fs-hero,.page-hero,.hero-section,.community-hero,.download-hero{padding:18px}
}


/* OVERLAP FIX: prevent content, cards, controls and navigation from escaping their layout */
html,body{max-width:100%;overflow-x:clip}
body{min-width:0}
main,main>section,main>section>*{min-width:0}
main>section{clear:both}
main :is(.card,.panel,.feature-card,.store-card,.product-card,.server-card,.doc-card,.community-card,.download-card,.stat-card,.auth-panel,.profile-panel,.setting-card,.cm-card,.fs-card){
  box-sizing:border-box;min-width:0;max-width:100%;height:auto;overflow-wrap:anywhere
}
main :is(.grid,.card-grid,.feature-grid,.store-grid,.product-grid,.server-grid,.docs-grid,.download-grid,.features,.stats,.cards,.tiles,.home-explore-grid,.home-capability-grid,.home-state-grid,.home-answers .answer-list,.feature-detail-grid,.feature-details-grid,.two-column-section,.account-info-grid,.status-strip){
  min-width:0;grid-template-columns:repeat( auto-fit, minmax(min(100%, 260px), 1fr))
}
main :is(.grid,.card-grid,.feature-grid,.store-grid,.product-grid,.server-grid,.docs-grid,.download-grid,.features,.stats,.cards,.tiles,.home-explore-grid,.home-capability-grid,.home-state-grid,.home-answers .answer-list,.feature-detail-grid,.feature-details-grid,.two-column-section,.account-info-grid,.status-strip)>*{
  min-width:0;max-width:100%;height:auto
}
main :is(.hero-split,.feature-hero,.cm-hero,.section-top,.home-community-band,.changelog-entry,.auth-layout,.social-auth-layout,.profile-layout,.settings-layout){
  min-width:0
}
main :is(.hero-copy,.hero-visual,.feature-hero-copy,.feature-hero-art,.cm-hero-copy,.cm-hero-art,.home-community-copy,.changelog-entry-copy){
  min-width:0;max-width:100%
}
main :is(h1,h2,h3,h4,p,li,a,button,label,small,strong,span){overflow-wrap:anywhere}
main :is(img,video,iframe,svg,canvas){max-width:100%}
main :is(.actions,.cm-hero-actions,.feature-hero-actions,.feature-tool-actions,.store-card-actions,.store-purchase-buttons,.profile-actions,.form-actions,.buttons,.button-row){
  min-width:0;max-width:100%;flex-wrap:wrap
}
main :is(.actions,.cm-hero-actions,.feature-hero-actions,.feature-tool-actions,.store-card-actions,.store-purchase-buttons,.profile-actions,.form-actions,.buttons,.button-row)>*{
  min-width:0;max-width:100%;white-space:normal
}
header,header .bar,.nav,.account-links{min-width:0;max-width:100%}
header .bar{box-sizing:border-box}
.nav{flex-wrap:wrap}
.nav a,.account-links a{max-width:100%;white-space:normal;text-align:center}
@media(min-width:1051px){
  header .bar{flex-wrap:wrap;row-gap:8px}
  .nav{flex:1 1 520px;justify-content:flex-end}
}
@media(max-width:760px){
  main :is(.grid,.card-grid,.feature-grid,.store-grid,.product-grid,.server-grid,.docs-grid,.download-grid,.features,.cards,.tiles,.home-explore-grid,.home-capability-grid,.feature-detail-grid,.feature-details-grid,.two-column-section,.account-info-grid,.status-strip,.home-state-grid,.home-answers .answer-list){
    grid-template-columns:minmax(0,1fr)
  }
  main :is(.stats,.stat-grid,.cm-stats){grid-template-columns:repeat(2,minmax(0,1fr))}
  main :is(.changelog-entry){grid-template-columns:minmax(0,1fr)}
  header .bar{align-items:center}
  .nav{flex-wrap:nowrap;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
  .nav a{flex:0 0 auto;white-space:nowrap}
  .account-links{flex:0 0 auto}
}
@media(max-width:380px){
  main :is(.stats,.stat-grid,.cm-stats){grid-template-columns:minmax(0,1fr)}
  .account-links a{padding-inline:7px;font-size:.75rem}
}

/* Complete UI refinement: clearer search results, polished controls, consistent surfaces */
:root{
  --vc-radius-sm:10px;--vc-radius-md:16px;--vc-radius-lg:22px;
  --vc-surface:rgba(17,22,38,.9);--vc-surface-raised:rgba(23,29,49,.94);
  --vc-focus:rgba(114,240,236,.72);
}
::selection{background:rgba(114,240,236,.26);color:#fff}
:focus-visible{outline:2px solid var(--vc-focus);outline-offset:3px}
main :is(input,select,textarea){
  min-width:0;max-width:100%;min-height:46px;padding:11px 13px;
  border:1px solid rgba(161,176,220,.25);border-radius:12px;
  background:rgba(7,11,21,.92);color:var(--vc-text,#f4f5ff);
  font:inherit;transition:border-color .18s,box-shadow .18s,background .18s;
}
main :is(input,select,textarea):focus{
  border-color:rgba(114,240,236,.72);outline:none;
  box-shadow:0 0 0 3px rgba(114,240,236,.1);background:#0b1020;
}
main input[type=search]{width:100%;padding-right:44px}
main :is(button,.btn,[role=button]){min-height:42px;touch-action:manipulation}
main :is(.card,.store-card,.cm-card,.feature-tool-card,.home-explore-card,.home-state-card,.notice,.panel){
  border-radius:var(--vc-radius-md);overflow-wrap:anywhere;
}
main :is(.store-toolbar,.cm-toolbar,.cm-controls,.feature-catalog-toolbar,.search-toolbar,.filter-toolbar){
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(150px,.7fr);align-items:end;gap:14px;
}
main :is(.store-toolbar,.cm-toolbar,.cm-controls,.feature-catalog-toolbar,.search-toolbar,.filter-toolbar) label{min-width:0}
main :is(.store-toolbar,.cm-toolbar,.cm-controls,.feature-catalog-toolbar,.search-toolbar,.filter-toolbar) :is(input,select){width:100%;min-width:0}
main :is(.store-count,.cm-count,#store-result-count,#cm-count,[aria-live=polite]){
  min-height:1.5em;margin:12px 0;color:#b7c4df;font-size:13px;line-height:1.6;
}
main :is(.empty-state,.cm-empty,.empty-results,.no-results){
  display:grid;justify-items:start;gap:9px;padding:clamp(20px,4vw,32px);
  border:1px dashed rgba(161,176,220,.28);border-radius:18px;
  background:linear-gradient(145deg,rgba(18,24,42,.86),rgba(9,13,24,.86));
}
main :is(.empty-state,.cm-empty,.empty-results,.no-results) p{margin:0;max-width:58ch}
main :is(.store-card,.cm-card,.feature-tool-card){height:100%;display:flex;flex-direction:column}
main :is(.store-card-content,.cm-card-body,.feature-tool-content){display:flex;flex:1;flex-direction:column;min-width:0}
main :is(.store-card-actions,.cm-card-actions,.feature-tool-actions,.store-purchase-buttons){margin-top:auto;padding-top:14px}
main :is(.store-card-media,.cm-card-media){flex:0 0 auto}
main :is(.store-card-image,.cm-card-image){display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
main :is(.store-card-chips,.cm-chip-row,.store-card-meta,.cm-meta){display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}
main :is(.store-status-chip,.store-price-chip,.cm-chip){max-width:100%;white-space:normal;overflow-wrap:anywhere}
main :is(.btn,button){transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
main :is(button,.btn):disabled{opacity:.52;cursor:not-allowed;box-shadow:none;transform:none}
@media(max-width:760px){
  main :is(.store-toolbar,.cm-toolbar,.cm-controls,.feature-catalog-toolbar,.search-toolbar,.filter-toolbar){grid-template-columns:minmax(0,1fr)}
  main :is(.store-card-actions,.cm-card-actions,.feature-tool-actions,.store-purchase-buttons) > *{flex:1 1 130px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* 2026 site experience layer: quick search, reading position and controlled motion. */
.vc-command-trigger{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;
  min-height:39px;padding:7px 11px;border:1px solid rgba(167,139,250,.28);border-radius:12px;
  color:#f3f4ff;background:linear-gradient(135deg,rgba(117,84,232,.14),rgba(114,240,236,.045));
  font-family:inherit;font-size:12px;line-height:1.2;font-weight:750;cursor:pointer;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;
}
.vc-command-trigger:hover,.vc-command-trigger:focus-visible{
  border-color:rgba(114,240,236,.55);background:rgba(114,240,236,.09);
  box-shadow:0 0 0 3px rgba(114,240,236,.07);outline:none;
}
.vc-command-trigger:active{transform:scale(.98)}
.vc-command-trigger-icon{font-size:19px;line-height:1;color:var(--vc-cyan)}
.vc-command-trigger-label{white-space:nowrap}
.vc-command-trigger kbd,.vc-command-header kbd,.vc-command-footer kbd{
  display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:21px;padding:2px 5px;
  border:1px solid rgba(161,176,220,.22);border-radius:6px;background:rgba(4,7,14,.45);
  color:#bfc8df;font:750 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;
}
.vc-command-backdrop{
  position:fixed;inset:0;z-index:1000;display:none;align-items:flex-start;justify-content:center;
  padding:clamp(54px,10vh,112px) 18px calc(18px + env(safe-area-inset-bottom));
  background:rgba(3,5,12,.76);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);
  overscroll-behavior:contain;
}
.vc-command-backdrop.is-open{display:flex;animation:vc-command-fade-in .14s ease-out}
body.vc-command-active{overflow:hidden}
.vc-command-panel{
  width:min(640px,100%);max-height:min(720px,calc(100vh - 70px));max-height:min(720px,calc(100dvh - 70px));
  display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(167,139,250,.33);border-radius:22px;
  background:radial-gradient(ellipse at 12% 0,rgba(117,84,232,.16),transparent 48%),linear-gradient(155deg,#121827,#080c16 84%);
  box-shadow:0 32px 100px rgba(0,0,0,.58),0 0 58px rgba(117,84,232,.12);
}
.vc-command-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 20px 15px}
.vc-command-brand{display:flex;align-items:center;gap:12px;min-width:0}
.vc-command-brand-mark{
  display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border:1px solid rgba(114,240,236,.24);
  border-radius:13px;background:linear-gradient(135deg,rgba(117,84,232,.27),rgba(114,240,236,.09));
  color:#fff;font-weight:950;font-size:18px;letter-spacing:-.08em;box-shadow:inset 0 1px rgba(255,255,255,.06);
}
.vc-command-brand-copy{display:grid;gap:2px;min-width:0}
.vc-command-brand-copy strong{font-size:15px;letter-spacing:-.025em;color:#f5f7ff}
.vc-command-brand-copy span{font-size:11px;color:#8e99b5}
.vc-command-header>kbd{min-width:37px;min-height:25px}
.vc-command-input-wrap{
  display:flex;align-items:center;gap:10px;margin:0 16px;padding:0 13px;min-height:54px;
  border:1px solid rgba(114,240,236,.28);border-radius:14px;background:rgba(4,8,16,.68);
  box-shadow:0 0 0 3px rgba(114,240,236,.035);
}
.vc-command-input-icon{font-size:23px;line-height:1;color:var(--vc-cyan)}
.vc-command-input{
  appearance:none;min-width:0;width:100%;height:50px;padding:0;border:0!important;outline:none!important;
  background:transparent!important;box-shadow:none!important;color:#f8faff!important;font-family:inherit;font-size:15px;line-height:1.4;font-weight:500;
}
.vc-command-input::placeholder{color:#77829e}
.vc-command-input::-webkit-search-cancel-button{cursor:pointer}
.vc-command-results{padding:12px 10px;overflow:auto;overscroll-behavior:contain;min-height:90px}
.vc-command-result{
  display:flex;align-items:center;gap:12px;min-width:0;margin:2px 0;padding:10px 11px;
  border:1px solid transparent;border-radius:13px;color:#eef2ff;text-decoration:none;
  transition:background .14s,border-color .14s,transform .14s;
}
.vc-command-result:hover,.vc-command-result:focus-visible,.vc-command-result.is-active{
  border-color:rgba(114,240,236,.19);background:linear-gradient(100deg,rgba(117,84,232,.16),rgba(114,240,236,.055));
  color:#fff;outline:none;
}
.vc-command-result.is-active{box-shadow:inset 2px 0 0 rgba(114,240,236,.8)}
.vc-command-result-mark{
  display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border:1px solid rgba(161,176,220,.16);
  border-radius:11px;background:rgba(255,255,255,.035);color:var(--vc-cyan);font-weight:900;font-size:14px;
}
.vc-command-result-copy{display:grid;gap:2px;min-width:0;flex:1}
.vc-command-result-copy strong{font-size:13px;font-weight:850;line-height:1.35;color:#f2f5ff}
.vc-command-result-copy>span{font-size:11px;line-height:1.45;color:#98a4bf;overflow-wrap:anywhere}
.vc-command-result-group{flex:0 0 auto;padding:4px 7px;border:1px solid rgba(161,176,220,.12);border-radius:7px;background:rgba(5,8,15,.34);color:#8f9bb7;font-size:9px;font-weight:800;letter-spacing:.04em}
.vc-command-result-arrow{flex:0 0 auto;color:#8793b0;font-size:15px}
.vc-command-empty{margin:0;padding:24px 16px;text-align:center;color:#a4afc8;font-size:13px}
.vc-command-footer{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:12px 18px;border-top:1px solid rgba(161,176,220,.13);background:rgba(4,7,14,.25);
  color:#8490ab;font-size:10px;font-weight:750;
}
.vc-command-footer>span{display:inline-flex;align-items:center;gap:5px}
.vc-scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:90;pointer-events:none;overflow:hidden;background:transparent}
.vc-scroll-progress span{
  display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;
  background:linear-gradient(90deg,#8c75ff 0%,#72f0ec 75%,#b5fff4 100%);box-shadow:0 0 12px rgba(114,240,236,.45);
  will-change:transform;
}
.vc-reveal-item{opacity:0;transform:translateY(13px);transition:opacity .46s ease,transform .46s cubic-bezier(.2,.7,.2,1)}
.vc-reveal-item.vc-reveal-visible{opacity:1;transform:translateY(0)}
@keyframes vc-command-fade-in{from{opacity:0}to{opacity:1}}
@media(min-width:1061px) and (max-width:1240px){
  .vc-command-trigger{padding:7px 9px;gap:6px}
  .vc-command-trigger kbd{display:none}
}
@media(max-width:800px){
  .account-links .vc-command-trigger{min-width:42px;padding:8px 10px}
  .vc-command-trigger kbd{display:none}
  .vc-command-backdrop{padding:calc(16px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom))}
  .vc-command-panel{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border-radius:18px}
  .vc-command-header{padding:15px 14px 12px}
  .vc-command-input-wrap{margin:0 10px;min-height:50px;padding:0 11px}
  .vc-command-input{height:47px;font-size:16px}
  .vc-command-results{padding:9px 7px}
  .vc-command-result{gap:9px;padding:10px 8px}
  .vc-command-result-mark{flex-basis:33px;width:33px;height:33px}
  .vc-command-result-group{display:none}
  .vc-command-footer{justify-content:center;gap:9px;padding:10px 8px}
  .vc-reveal-item{transform:translateY(8px)}
}
@media(max-width:560px){
  .vc-command-trigger-label{display:none}
  .vc-command-trigger{min-width:40px}
}
@media(max-width:420px){
  .vc-command-trigger-label{display:none}
  .vc-command-trigger{min-width:40px}
  .vc-command-result-copy>span{font-size:10px}
  .vc-command-result-arrow{display:none}
  .vc-command-footer{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .vc-command-backdrop.is-open{animation:none}
  .vc-reveal-item,.vc-reveal-item.vc-reveal-visible{opacity:1;transform:none;transition:none}
}


/* Social Hub conversation upgrade: history controls, drafts, mobile pane navigation and calmer live updates. */
.mobile-chat-tabs{display:none}
.friend-search{
  display:block;width:100%;min-width:0;margin-top:10px;padding:11px 12px;
  border:1px solid rgba(161,176,220,.19);border-radius:11px;background:rgba(5,9,17,.64);
  color:var(--vc-text);font:inherit;font-size:13px;outline:none;transition:border-color .16s,box-shadow .16s;
}
.friend-search::placeholder{color:#7f8aa7}
.friend-search:focus{border-color:rgba(114,240,236,.52);box-shadow:0 0 0 3px rgba(114,240,236,.08)}
.history-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;min-height:38px;padding:6px 12px;border-bottom:1px solid rgba(161,176,220,.08);background:rgba(9,13,23,.5)}
.history-button{
  display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:7px 11px;
  border:1px solid rgba(167,139,250,.22);border-radius:9px;background:rgba(117,84,232,.1);
  color:#dcd4ff;font-family:inherit;font-size:11px;line-height:1.25;font-weight:800;cursor:pointer;transition:background .15s,border-color .15s;
}
.history-button:hover,.history-button:focus-visible{border-color:rgba(114,240,236,.5);background:rgba(114,240,236,.08);outline:none}
.history-button:disabled{opacity:.55;cursor:wait}
#history-status{font-size:10px;color:#929db7;text-align:center;overflow-wrap:anywhere}
.message.is-pending{opacity:.7}
.message-delivery{color:var(--vc-cyan);font-size:9px;white-space:nowrap}
.new-messages-button{
  align-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:34px;
  margin:0 auto 10px;padding:7px 12px;border:1px solid rgba(114,240,236,.3);border-radius:999px;
  background:linear-gradient(120deg,rgba(117,84,232,.2),rgba(114,240,236,.08));color:#dcfffb;
  font-size:11px;font-weight:850;cursor:pointer;box-shadow:0 6px 22px rgba(0,0,0,.2);
}
.new-messages-button:hover,.new-messages-button:focus-visible{border-color:rgba(114,240,236,.65);outline:none}
.compose{gap:10px}
.compose textarea{line-height:1.55;min-height:78px;max-height:180px;resize:none;overflow-y:auto}
.compose-footer>span{display:grid;gap:3px}
.compose-hint{font-size:9px;color:#77839e}
#message-count.is-near-limit{color:#ffd38e;font-weight:850}
#send-message:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.45);box-shadow:none;transform:none}
.social-workspace{align-items:start}
.social-workspace .sidebar{min-width:0}
.social-workspace .chat-panel{min-width:0;overflow:hidden}
.social-workspace .messages{overscroll-behavior:contain;scrollbar-gutter:stable;scroll-behavior:smooth}
.social-workspace .messages:focus-visible{outline:2px solid rgba(114,240,236,.42);outline-offset:-3px}
.social-workspace .friend-row:focus-visible,.social-workspace .mini-action:focus-visible,.social-workspace .text-btn:focus-visible,.social-workspace .refresh-btn:focus-visible{outline:2px solid rgba(114,240,236,.65);outline-offset:2px}
.mobile-chat-tabs button:focus-visible{outline:2px solid rgba(114,240,236,.75);outline-offset:2px}
@media(min-width:851px){
  .social-workspace .sidebar{position:sticky;top:94px;max-height:calc(100vh - 112px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .social-workspace .chat-panel{min-height:min(720px,calc(100vh - 125px))}
  .social-workspace .messages{flex:1;min-height:250px;max-height:calc(100vh - 370px)}
  .social-workspace .compose{position:relative}
}
@media(max-width:850px){
  .mobile-chat-tabs{
    display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0 12px;padding:5px;
    border:1px solid rgba(161,176,220,.16);border-radius:15px;background:rgba(9,13,23,.88);
    -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  }
  .mobile-chat-tabs[hidden]{display:none!important}
  .mobile-chat-tabs button{
    display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:43px;
    border:1px solid transparent;border-radius:10px;background:transparent;color:#aab4ce;
    font-size:12px;font-weight:850;cursor:pointer;
  }
  .mobile-chat-tabs button.is-active{border-color:rgba(167,139,250,.28);background:linear-gradient(120deg,rgba(117,84,232,.22),rgba(114,240,236,.08));color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.035)}
  .mobile-chat-tabs button>span:first-child{font-size:15px;color:var(--vc-cyan)}
  .tab-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(114,240,236,.1);color:var(--vc-cyan);font-size:10px}
  .social-workspace[data-mobile-pane="people"] .chat-panel{display:none}
  .social-workspace[data-mobile-pane="chat"] .sidebar{display:none}
  .social-workspace[data-mobile-pane="chat"] .chat-panel{display:flex;min-height:min(740px,calc(100dvh - 210px))}
  .social-workspace[data-mobile-pane="chat"] .messages{min-height:32vh;max-height:52dvh;flex:1}
  .social-workspace[data-mobile-pane="chat"] .chat-heading{position:sticky;top:0;z-index:2}
  .social-workspace .sidebar{max-height:none;position:static;overflow:visible}
  .social-workspace .side-section{scroll-margin-top:95px}
  .history-toolbar{justify-content:space-between;min-height:34px;padding:5px 10px}
  .compose{padding:12px}
  .compose textarea{font-size:16px;min-height:74px;max-height:145px}
  .compose-hint{display:none}
}
@media(max-width:560px){
  .mobile-chat-tabs{position:sticky;top:68px;z-index:8;box-shadow:0 8px 24px rgba(0,0,0,.14)}
  .social-workspace[data-mobile-pane="chat"] .chat-panel{min-height:calc(100dvh - 205px);border-radius:17px}
  .social-workspace[data-mobile-pane="chat"] .chat-heading{padding:14px 13px;gap:9px}
  .social-workspace[data-mobile-pane="chat"] .chat-heading h2{font-size:19px}
  .social-workspace[data-mobile-pane="chat"] .chat-heading p{max-width:100%;font-size:10px}
  .social-workspace[data-mobile-pane="chat"] .refresh-btn{min-height:35px}
  .social-workspace[data-mobile-pane="chat"] .messages{min-height:32vh;max-height:48dvh;padding:12px 10px;gap:9px}
  .social-workspace[data-mobile-pane="chat"] .message{max-width:91%}
  .social-workspace[data-mobile-pane="chat"] .message-bubble{padding:10px 11px;font-size:13px}
  .social-workspace[data-mobile-pane="chat"] .compose-footer{align-items:center}
  .social-workspace[data-mobile-pane="chat"] #send-message{min-height:41px;padding:9px 13px}
  .social-workspace[data-mobile-pane="people"] .sidebar{padding-left:14px;padding-right:14px}
}
@media(prefers-reduced-motion:reduce){
  .social-workspace .messages{scroll-behavior:auto}
}

/* Network reachability state for the Social Hub composer and conversation header. */
.connection-status{
  display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;
  margin:8px 0 0;padding:4px 8px;border:1px solid rgba(114,240,236,.18);
  border-radius:999px;background:rgba(114,240,236,.055);color:#8be5d8;
  font-size:9px;font-weight:800;line-height:1.4;overflow-wrap:anywhere;
}
.connection-status::before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#66e0c0;box-shadow:0 0 9px rgba(102,224,192,.42)}
.connection-status.is-offline{border-color:rgba(255,157,173,.3);background:rgba(255,105,130,.08);color:#ffb6c2}
.connection-status.is-offline::before{background:#ff8ca1;box-shadow:0 0 9px rgba(255,105,130,.3)}
@media(max-width:560px){.connection-status{font-size:9px;margin-top:6px}}



/* Creeper Launcher theme — shared website palette */
:root{
 color-scheme:dark;--bg:#061109;--panel:#0c1b10;--line:rgba(130,255,100,.18);--text:#efffed;--muted:#a9c7a5;
 --violet:#53dc4b;--cyan:#b7ff62;--vc-bg:#050e08;--vc-bg-soft:#08150b;--vc-surface:#0c1b10;--vc-surface-raised:#112416;
 --vc-surface-glass:rgba(11,26,14,.84);--vc-line:rgba(132,255,91,.17);--vc-line-strong:rgba(132,255,91,.30);
 --vc-text:#efffed;--vc-muted:#a9c7a5;--vc-subtle:#7e9d7b;--vc-violet:#56dd4d;--vc-violet-deep:#238d38;
 --vc-cyan:#b7ff62;--vc-green:#8cff72;--vc-focus:0 0 0 3px rgba(137,255,92,.25);--cm-accent:#70e84c;--cm-accent-strong:#9cff68;
}
body{color:#efffed!important;background:radial-gradient(ellipse at 12% -8%,rgba(75,218,65,.16),transparent 36rem),radial-gradient(ellipse at 102% 18%,rgba(149,255,72,.08),transparent 34rem),linear-gradient(180deg,#07130a 0%,#050e08 62%,#071109 100%)!important}
::selection{background:rgba(123,255,92,.33)!important;color:#fff}
header{background:rgba(5,14,8,.88)!important;border-color:rgba(132,255,91,.16)!important}
.brand{color:#f1ffec!important;letter-spacing:.08em!important}.brand img{filter:drop-shadow(0 0 14px rgba(90,255,80,.24))!important}
.nav a:hover,.nav a.active,.nav a[aria-current=page]{color:#efffed!important;background:rgba(91,226,67,.10)!important;border-color:rgba(138,255,92,.22)!important}
.account-links a{background:rgba(11,26,14,.88)!important;border-color:rgba(132,255,91,.19)!important;color:#e5f5e2!important}
.account-links a:first-child{border-color:rgba(117,238,77,.42)!important;background:rgba(65,174,52,.15)!important;color:#c8ff9d!important}
.eyebrow,.feature-kicker,.cm-eyebrow{color:#bdff7b!important}.eyebrow:before,.feature-kicker:before{background:#a5ff65!important;box-shadow:0 0 15px rgba(144,255,96,.65)!important}
h1,h2,h3,h4{color:#efffed!important}h1 .headline-glow,h1 .social-gradient,h1 span,.headline-glow{background:linear-gradient(112deg,#f4ffef 8%,#b4ff7a 52%,#60e94c 96%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.btn,.auth-submit,.developer-submit-btn{background:linear-gradient(118deg,#45b944 0%,#55d64e 52%,#a0f05c 125%)!important;border-color:rgba(175,255,129,.45)!important;color:#071309!important;box-shadow:0 10px 26px rgba(55,185,52,.18),inset 0 1px 0 rgba(255,255,255,.20)!important}
.btn:hover,.auth-submit:hover,.developer-submit-btn:hover{color:#061108!important;box-shadow:0 15px 34px rgba(55,185,52,.25)!important}
.btn.secondary{background:rgba(13,29,16,.92)!important;border-color:rgba(132,255,91,.22)!important;color:#e9ffe2!important}
.card,.auth-panel,.auth-aside,.feature-tool-card,.cm-info,.developer-form-panel,.developer-security-card,.mod-panel,.studio-panel,.preview-card,.social-panel,.cart-items-panel,.cart-summary-panel,.checkout-items-panel,.profile-card{border-color:rgba(132,255,91,.17)!important;background:linear-gradient(145deg,rgba(16,35,19,.94),rgba(7,18,10,.96))!important}
.notice,.community-beta-warning,.mod-notice,.cm-notice,.feature-market-status,.store-status-notice{border-color:rgba(134,255,96,.25)!important;background:linear-gradient(115deg,rgba(64,164,45,.12),rgba(143,245,69,.045))!important;color:#e0f6d9!important}
input,textarea,select{border-color:rgba(132,255,91,.20)!important;background:rgba(5,14,8,.8)!important;color:#efffed!important}
input[type=checkbox],input[type=radio]{accent-color:#70ed4d!important}
.auth-tabs{background:#07130a!important}.auth-tab.is-active{background:rgba(77,200,65,.15)!important;border-color:rgba(133,255,91,.25)!important;color:#f3ffee!important}
footer{border-color:rgba(132,255,91,.15)!important;background:rgba(4,12,7,.65)!important;color:#84a383!important}.foot a{color:#b7d6ae!important}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:none!important;box-shadow:0 0 0 3px rgba(137,255,92,.25)!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Creeper Launcher homepage */
.creeper-home{width:min(100% - 40px,1240px)!important;padding:clamp(32px,5vw,70px) 0 80px!important}
.creeper-home>section+section{margin-top:clamp(34px,5vw,66px)!important}
.creeper-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);gap:clamp(30px,5vw,70px);align-items:center;padding:18px 0 6px}
.creeper-hero-copy{min-width:0}.creeper-kicker{display:inline-flex;align-items:center;gap:9px;color:#baff78;font-size:11px;letter-spacing:.17em;font-weight:950;text-transform:uppercase}
.creeper-kicker-dot{width:7px;height:7px;border-radius:1px;background:#82f052;box-shadow:0 0 15px rgba(130,240,82,.7);display:inline-block;transform:rotate(45deg)}
.creeper-hero h1{font-size:clamp(43px,6vw,80px)!important;line-height:.99!important;letter-spacing:-.065em!important;margin:18px 0 20px!important}
.creeper-hero h1 span{background:linear-gradient(112deg,#f4ffef 8%,#b4ff7a 52%,#60e94c 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.creeper-lead{font-size:clamp(16px,1.6vw,19px);line-height:1.8;max-width:620px!important;color:#b3ccb0!important}
.creeper-proof-row{display:flex;flex-wrap:wrap;gap:10px 17px;margin-top:25px;color:#a7c6a2;font-size:11px;font-weight:800}.creeper-proof-row span{display:inline-flex;align-items:center;gap:7px}.creeper-proof-row i{font-style:normal;color:#a3ff68;font-size:15px}
.creeper-preview-wrap{position:relative;min-width:0}.creeper-preview-glow{position:absolute;inset:10% 8%;background:rgba(59,211,55,.15);filter:blur(65px);border-radius:50%;pointer-events:none}
.creeper-preview{position:relative;overflow:hidden;padding:20px;border:1px solid rgba(127,255,92,.25);border-radius:24px;background:linear-gradient(145deg,rgba(15,34,18,.98),rgba(5,15,8,.98));box-shadow:0 28px 85px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.045)}
.creeper-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px solid rgba(143,255,103,.12)}
.creeper-preview-brand{display:flex;align-items:center;gap:10px;min-width:0}.creeper-preview-brand img{width:40px;height:40px;flex:0 0 auto}.creeper-preview-brand strong,.creeper-preview-brand span{display:block}.creeper-preview-brand strong{font-size:11px;letter-spacing:.07em;color:#f0ffed}.creeper-preview-brand span{margin-top:4px;font-size:9px;letter-spacing:.13em;color:#83a780}
.creeper-preview-status{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(135,255,92,.22);border-radius:8px;color:#baff78;font-size:8px;font-weight:950;letter-spacing:.08em;white-space:nowrap}.creeper-preview-status i,.creeper-preview-footer i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#7ff052;box-shadow:0 0 9px rgba(127,240,82,.6)}
.creeper-preview-world{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;min-height:220px;margin:17px 0;padding:14px 13px;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 52% 38%,rgba(97,212,61,.13),transparent 53%),linear-gradient(150deg,#0c2111,#08130a);border:1px solid rgba(143,255,103,.12)}
.creeper-block-scene{position:relative;min-height:177px;isolation:isolate}.creeper-block-scene:after{content:"";position:absolute;left:5%;bottom:15px;width:95%;height:16px;background:rgba(4,8,4,.6);filter:blur(8px);z-index:-1;border-radius:50%}
.block{position:absolute;display:block;width:58px;height:58px;border:1px solid rgba(176,255,132,.14);background:linear-gradient(135deg,#265c29,#0e2b14);box-shadow:inset 0 0 0 5px rgba(150,255,112,.025)}
.block.b1{left:4px;bottom:18px}.block.b2{left:65px;bottom:18px;background:#183d1e}.block.b3{left:36px;bottom:76px;background:#19401e}.block.b4{right:3px;bottom:18px;background:#28572b}.block.b5{right:33px;bottom:76px;background:#173a1d}.block.b6{left:67px;bottom:76px;background:#214c25}
.creeper-head{position:absolute;z-index:2;left:48px;top:8px;width:88px;height:90px;background:#68e94a;border:4px solid #91ff65;box-shadow:0 0 28px rgba(83,229,64,.16),inset -9px -9px 0 rgba(7,34,10,.17);clip-path:polygon(12% 0,88% 0,88% 72%,70% 72%,70% 100%,31% 100%,31% 72%,12% 72%)}
.creeper-head:before{content:"";position:absolute;left:18px;top:20px;width:16px;height:19px;background:#09200c;box-shadow:34px 0 #09200c,17px 20px #09200c,8px 38px #09200c,26px 38px #09200c}
.creeper-preview-caption{position:relative;z-index:3;align-self:center}.creeper-preview-label{font-size:9px;letter-spacing:.16em;color:#b4ff6d;font-weight:950}.creeper-preview-caption strong{display:block;font-size:clamp(16px,2vw,24px);line-height:1.15;margin:11px 0 9px}.creeper-preview-caption p{font-size:11px;line-height:1.7;color:#9fbd99}
.creeper-preview-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.creeper-preview-tiles>div{display:flex;align-items:center;gap:9px;min-width:0;padding:12px 10px;border:1px solid rgba(143,255,103,.13);border-radius:12px;background:rgba(17,39,20,.75)}
.tile-icon{display:grid;place-items:center;width:29px;height:29px;flex:0 0 auto;border-radius:8px;background:rgba(88,208,66,.13);color:#b8ff78;font-size:16px}.creeper-preview-tiles strong,.creeper-preview-tiles small{display:block}.creeper-preview-tiles strong{color:#eafde5;font-size:10px;line-height:1.4}.creeper-preview-tiles small{color:#84a980;font-size:9px;margin-top:4px}.creeper-preview-tiles b{margin-left:auto;color:#9ef564;font-size:12px}
.creeper-preview-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;color:#7fa07b;font-size:8px;letter-spacing:.11em;font-weight:900}.creeper-preview-footer span:first-child{display:flex;align-items:center;gap:6px}.creeper-concept-note{margin:10px 5px 0!important;font-size:10px!important;color:#819c7d!important;text-align:right}
.creeper-info-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid rgba(132,255,91,.16);border-radius:18px;background:linear-gradient(115deg,rgba(13,31,16,.86),rgba(7,18,10,.9));overflow:hidden}
.creeper-info-strip>div{padding:21px 23px;min-width:0}.creeper-info-strip>div+div{border-left:1px solid rgba(132,255,91,.12)}.strip-symbol{display:block;margin-bottom:13px;color:#8cff65;font-size:11px;letter-spacing:.12em;font-weight:950}.creeper-info-strip strong{display:block;font-size:14px;color:#edffea}.creeper-info-strip p{font-size:11px;line-height:1.7;margin:7px 0 0;color:#95b590}
.creeper-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.creeper-section-heading h2{margin:10px 0 0;font-size:clamp(27px,3vw,38px)!important}.creeper-section-heading>p{max-width:420px;font-size:12px;line-height:1.75;color:#9fbd99}
.creeper-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.creeper-feature-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:245px;padding:19px 18px 17px;border:1px solid rgba(132,255,91,.16);border-radius:17px;text-decoration:none!important;background:linear-gradient(150deg,rgba(17,39,20,.86),rgba(7,19,10,.96));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.creeper-feature-card:hover{transform:translateY(-4px);border-color:rgba(160,255,108,.45);box-shadow:0 18px 38px rgba(0,0,0,.22),0 0 25px rgba(70,221,58,.06)}.feature-count{font-size:9px;letter-spacing:.13em;color:#80a67c;font-weight:950}.feature-glyph{display:grid;place-items:center;width:42px;height:42px;margin:20px 0 16px;border:1px solid rgba(139,255,96,.21);border-radius:13px;background:rgba(73,186,53,.12);color:#b7ff6e;font-size:22px}
.creeper-feature-card h3{font-size:16px!important;margin:0 0 8px}.creeper-feature-card p{font-size:11px;line-height:1.75;color:#9fbd99;margin:0 0 19px}.feature-link{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:auto;color:#b7ff78;font-size:11px;font-weight:900}.feature-link b{font-size:13px}
.creeper-community-band{display:grid;grid-template-columns:100px 1fr;gap:24px;align-items:center;padding:clamp(24px,4vw,40px);border:1px solid rgba(132,255,91,.18);border-radius:22px;background:radial-gradient(ellipse at 2% 15%,rgba(73,204,56,.13),transparent 55%),linear-gradient(130deg,rgba(13,33,16,.92),rgba(6,16,8,.97))}
.community-mark{display:grid;place-items:center;width:94px;height:94px;border:1px solid rgba(132,255,91,.2);border-radius:24px;background:rgba(71,174,49,.11)}.community-mark img{width:69px;height:69px}.community-copy h2{margin:10px 0 9px;font-size:clamp(25px,3vw,35px)!important}.community-copy p{font-size:13px;line-height:1.8}
.creeper-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.creeper-note-grid article{display:flex;align-items:flex-start;gap:13px;padding:19px;border:1px solid rgba(132,255,91,.14);border-radius:15px;background:rgba(10,25,13,.78)}.creeper-note-grid article>span{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:rgba(87,203,57,.14);color:#baff77;font-weight:900}.creeper-note-grid h3{font-size:13px!important;margin:2px 0 7px}.creeper-note-grid p{font-size:11px;line-height:1.75;color:#9fbd99}
.creeper-final-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(25px,4vw,38px);border:1px solid rgba(132,255,91,.2);border-radius:20px;background:linear-gradient(115deg,rgba(25,65,25,.38),rgba(7,18,10,.92))}
.creeper-final-cta h2{margin:10px 0;font-size:clamp(24px,3vw,33px)!important}.creeper-final-cta p{font-size:12px;color:#9fbd99}.creeper-final-cta .actions{margin-top:0;flex-shrink:0}
@media(max-width:1000px){.creeper-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creeper-hero{grid-template-columns:minmax(0,1fr) minmax(285px,.9fr);gap:26px}.creeper-preview{padding:15px}.creeper-preview-world{grid-template-columns:1fr;min-height:260px}.creeper-block-scene{min-height:150px;max-width:240px;width:100%;margin:auto}.creeper-preview-caption{margin-top:-4px}}
@media(max-width:760px){.creeper-home{width:min(100% - 30px,1240px)!important;padding-top:28px!important}.creeper-hero{grid-template-columns:1fr;gap:34px}.creeper-hero h1{font-size:clamp(43px,10vw,70px)!important}.creeper-preview-wrap{max-width:600px;width:100%;margin:auto}.creeper-info-strip{grid-template-columns:1fr}.creeper-info-strip>div{padding:17px 19px}.creeper-info-strip>div+div{border-left:0;border-top:1px solid rgba(132,255,91,.12)}.creeper-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.creeper-section-heading>p{max-width:620px}.creeper-note-grid{grid-template-columns:1fr}.creeper-final-cta{align-items:flex-start;flex-direction:column}.creeper-final-cta .actions{margin-top:0}}
@media(max-width:480px){.creeper-feature-grid{grid-template-columns:1fr}.creeper-feature-card{min-height:200px}.creeper-preview-world{padding:10px;grid-template-columns:1fr}.creeper-preview-tiles{grid-template-columns:1fr}.creeper-preview-caption{text-align:center}.creeper-preview-footer{font-size:7px}.creeper-preview-status{font-size:7px;padding:6px}.creeper-community-band{grid-template-columns:1fr;gap:15px}.community-mark{width:70px;height:70px;border-radius:18px}.community-mark img{width:54px;height:54px}.creeper-proof-row{gap:10px 12px}.creeper-proof-row span{font-size:10px}}