/* Dimenzió's Discord dashboard and landing-page theme. */
:root{--bg:#15171f;--panel:#20232e;--text:#f4f5fa;--muted:#a0a5b8;--accent:#54a0ff;--border:#ffffff12}
.landing-page,.dashboard-page{background:radial-gradient(ellipse at 75% 24%,#30264566,transparent 45%),var(--bg);font-family:Inter,"Segoe UI",sans-serif;line-height:1.65}
.site-header{position:sticky;top:0;z-index:20;max-width:none;padding:20px max(32px,calc((100vw - 1200px)/2));background:#1d2029f5;backdrop-filter:blur(16px);display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--border)}
.brand{letter-spacing:0;font-size:25px;white-space:nowrap}.brand .small{font-size:9px;letter-spacing:2.7px}.brand img{width:42px;height:42px;border:1px solid #ffffff20}
.site-header nav{margin-right:auto;gap:26px;align-items:center}.site-header nav>a,.nav-menu summary{color:var(--muted);font-size:14px;font-weight:600}.site-header nav>a:hover,.nav-menu summary:hover{color:white}
.header-actions{display:flex;gap:20px;align-items:center}.premium-link{color:#edc777;font-size:14px;font-weight:600;white-space:nowrap;background:#cfaa5020;border:1px solid #dbb55720;border-radius:8px;padding:9px 14px}.premium-link:hover{color:#ffe1a1;background:#cfaa5030}
.button{border:1px solid #68b0ff;background:#388cf1;color:#fff;border-radius:8px;box-shadow:0 3px 12px #227de025;transition:background .18s,transform .18s;font-size:14px;padding:13px 20px;line-height:1.4;white-space:normal;text-align:center}.button:hover{background:#55a4ff;transform:translateY(-1px)}.button.compact{padding:11px 16px;font-size:13px}.button.outline{background:#ffffff08;border-color:#ffffff25;box-shadow:none}.button.outline:hover{background:#ffffff12}
.nav-menu{position:relative}.nav-menu summary{list-style:none;cursor:pointer;display:flex;gap:8px;align-items:center}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu>div{position:absolute;top:36px;left:-15px;padding:8px;width:240px;background:#242733;border:1px solid #ffffff20;box-shadow:0 16px 30px #0006;border-radius:10px;display:flex;flex-direction:column}.nav-menu a{padding:10px 12px;border-radius:6px;color:#c4c8d7;font-size:13px}.nav-menu a:hover{background:#ffffff08;color:#fff}
.landing-page main{max-width:1264px;padding-top:32px}.announcement{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:100%;margin:0 auto 20px;padding:7px 16px;border:1px solid #ffffff15;border-radius:30px;background:#20212c;color:#b8bbcd;font-size:12px}.announcement>span{font-size:10px;font-weight:800;color:#281b45;background:#d5bfff;padding:2px 8px;border-radius:12px}.announcement strong{font-size:12px;color:#e4e5f2;white-space:nowrap}
.landing-page .hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;max-width:none;padding:38px 0 58px;margin-bottom:0;min-height:560px}.eyebrow{letter-spacing:2.2px;font-size:11px;color:#a9a0d7}.hero h1{font-size:clamp(40px,4.5vw,62px);line-height:1.18;letter-spacing:-2.5px;margin:18px 0 22px;font-weight:800}.hero h1 span{color:#9fc8ff}.hero .lead{font-size:16px;max-width:460px;line-height:1.8;margin:0 0 26px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{font-size:12px;color:#888fa7;margin-top:18px}
.hero-visual{position:relative;min-height:440px;width:100%;isolation:isolate;background:radial-gradient(ellipse,#405a9138,transparent 64%)}
.orbit{position:absolute;left:50%;top:50%;border:1px solid #9ab9fa20;border-radius:50%;transform:translate(-50%,-50%);z-index:-1}.orbit-one{width:360px;height:360px}.orbit-two{width:480px;height:480px;border-style:dashed;border-color:#9ab9fa10}
.bot-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;width:230px;text-align:center}.bot-core img{height:170px;width:170px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 10px #8d95fe08,0 0 70px #7066e653;border:2px solid #a7b9ff65}.bot-core>span{font-size:23px;letter-spacing:4px;font-weight:800;margin-top:14px}.bot-core small{font-size:11px;color:#a2a7c1}
.floating-module{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 16px;width:285px;border:1px solid #ffffff16;background:linear-gradient(135deg,#2a2b3af2,#202431f2);border-radius:12px;box-shadow:0 16px 30px #0003;transition:border-color .2s,transform .2s}.floating-module:hover{border-color:#76a6fc66;transform:translateY(-4px)}.floating-module strong{font-size:13px;display:block;color:#f4f5fa}.floating-module small{font-size:10px;color:#9fa6bd}.module-arrow{margin-left:auto;color:#7f91b7;font-size:16px}.module-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:22px;flex-shrink:0}.module-icon.red{background:#e76d6920;color:#ee8e85}.module-icon.violet{background:#b08dff25;color:#ccb3ff}.module-icon.green{background:#48d3a425;color:#75e8bd}.module-foe{top:28px;left:0}.module-ai{top:164px;right:0}.module-games{bottom:38px;left:10px}.visual-caption{position:absolute;bottom:2px;left:0;right:0;text-align:center;color:#6e758c;font-size:10px}
.community-strip{display:grid;grid-template-columns:1fr 1fr 1.7fr;gap:30px;align-items:center;margin:0 0 80px;padding:26px 30px;border:1px solid var(--border);border-radius:12px;background:#1d202988}.community-strip>div{display:flex;flex-direction:column;gap:3px}.community-strip strong{font-size:15px;font-weight:700}.community-strip span{font-size:12px;color:var(--muted)}.community-strip .strip-count{flex-direction:row;align-items:center;gap:12px}.strip-count strong{font-size:32px;color:#f1f4ff}.strip-state{padding-left:30px;border-left:1px solid var(--border)}.strip-state strong{font-size:13px}
.section-heading{max-width:650px;margin-bottom:28px}.section-heading h2{font-size:38px;line-height:1.25;margin:12px 0 18px;letter-spacing:-1.5px}.section-heading>p:last-child{font-size:15px;margin:0}.feature-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.feature-filters button{font:600 13px/1.5 inherit;font-family:inherit;font-size:13px;font-weight:600;color:#aab0c6;background:#222532;border:1px solid #ffffff12;border-radius:7px;padding:9px 16px;cursor:pointer}.feature-filters button[aria-pressed=true]{background:#397fde20;color:#85b8ff;border-color:#639fff55}.feature-filters button:hover{color:white;border-color:#ffffff30}
.landing-page .grid{gap:18px}.landing-page .grid article{padding:25px;transition:border-color .18s,transform .18s;background:linear-gradient(145deg,#242734,#1f222d);border-color:#ffffff10;min-height:240px;display:flex;flex-direction:column}.landing-page .grid article:hover{border-color:#88a3e040;transform:translateY(-3px)}.landing-page .grid article .icon{width:46px;height:46px;display:grid;place-items:center;background:#91a3ff15;border:1px solid #8ba0ff20;border-radius:11px;font-size:25px}.landing-page .grid h3{font-size:18px;margin-top:19px}.landing-page .grid p{font-size:13px;line-height:1.8}.landing-page .grid .feature-link{font-size:12px;margin-top:auto;padding-top:16px;color:#7cb4ff}
.landing-page .wordchain-section{border-top:1px solid var(--border);padding-top:45px}.landing-page .wordchain-section h2,.landing-page #commands h2{font-size:30px}.landing-page article,.landing-page .category,.game-details details{border-color:var(--border);background:#20232e}.landing-page .quick-start li,.landing-page .game-details p{font-size:13px}.landing-page .game-details summary{font-size:14px}.chip{background:#6d8dff12;border-color:#6b8dff12;color:#b8cfff}.chip:hover{background:#4a7ccf30;border-color:#81aaff44}.callout{background:linear-gradient(110deg,#252e48,#222434);border-color:#7893d62b}.landing-page .callout h2{font-size:30px}.landing-page .callout p{font-size:14px}.landing-page footer{max-width:1200px;font-size:12px}.command-dialog,.dialog-header,.copy-status{background:#20232e}.command-example,.guide-example,.subcommand{background:#191d29}.guide-section h3{color:#b0cdfa}
/* The dashboard shares the landing page's visual system. */
.dashboard-page .site-header{position:sticky}.dashboard-page main{max-width:none;padding:0;margin:0}.dashboard-layout{display:grid;grid-template-columns:235px minmax(0,1fr);max-width:1440px;margin:auto;min-height:calc(100vh - 90px)}.dashboard-sidebar{position:sticky;top:91px;align-self:start;padding:28px 20px;height:calc(100vh - 91px);background:#1b1e27;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:20px}.dashboard-sidebar .eyebrow{font-size:9px;margin:3px 12px;color:#7e879e}.sidebar-title{padding:0 12px;font-weight:700;font-size:15px}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.sidebar-nav button{display:flex;align-items:center;gap:12px;border:0;border-radius:8px;text-align:left;cursor:pointer;background:transparent;padding:12px;color:#9ba3bc;font:500 13px/1.4 inherit;font-family:inherit;font-size:13px}.sidebar-nav button>span{font-size:17px;width:21px;text-align:center;color:#8797b6}.sidebar-nav button[aria-pressed=true]{background:#468dea18;color:#91bfff}.sidebar-nav button[aria-pressed=true]>span{color:#91bfff}.sidebar-nav button:hover{background:#ffffff06;color:#f1f4ff}.sidebar-links{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding:18px 12px;border-top:1px solid var(--border);font-size:12px;color:#9fa9bf}.sidebar-note{font-size:10px;color:#69758d;padding:0 12px}
.dashboard-content{padding:35px 40px;min-width:0}.dashboard-content section{margin-bottom:30px}.dashboard-page .dashboard-intro{padding:0}.dashboard-page .dashboard-intro h1{font-size:32px;letter-spacing:-1px;margin:12px 0}.dashboard-page .dashboard-intro .lead{font-size:14px;max-width:none;margin:0 0 18px}.dashboard-page .bot-status{margin-top:18px;padding:13px 17px;background:#20232e;border-color:var(--border);font-size:12px}.dashboard-page .bot-status span{font-size:11px}.dashboard-actions{margin-top:18px}.dashboard-actions .button{font-size:12px;padding:10px 14px}.dashboard-actions .secondary{font-size:12px;margin:10px 15px}
.dashboard-page #account{padding:24px;background:linear-gradient(110deg,#26334e,#20242f)}.dashboard-page #account h2{font-size:20px;margin:0 0 10px;letter-spacing:0}.dashboard-page #account p{font-size:12px}.dashboard-page #account .button{margin-top:15px;font-size:12px;padding:10px 15px}.dashboard-page #account p:last-child{margin-top:15px;font-size:11px;color:#8d98b4}
.dashboard-page .settings-grid{gap:16px}.dashboard-page .settings-card{padding:24px;border-radius:12px;background:#20232e;border-color:var(--border);gap:16px}.dashboard-page .settings-card h3{display:flex;align-items:center;gap:11px;font-size:16px}.setting-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;background:#8ba6ff15;color:#a4baff;border-radius:9px;font-size:19px}.dashboard-page .settings-card label{font-size:12px;color:#aab4cc}.dashboard-page .settings-card p{font-size:11px;color:#8c98b4;line-height:1.7}.dashboard-page .settings-card input,.dashboard-page .settings-card select,.dashboard-page .settings-card textarea,.dashboard-page #guild{border-color:#ffffff18;background:#181d29;font-size:13px;border-radius:7px;padding:10px}.dashboard-page .settings-card input[type=checkbox],.dashboard-page #global-stats{appearance:none;width:34px;height:20px;background:#455069;border:0;border-radius:20px;position:relative;cursor:pointer;vertical-align:middle;float:right;margin:0;padding:0}.settings-card input[type=checkbox]::after,.dashboard-page #global-stats::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#d9e0ef;transition:transform .15s}.dashboard-page .settings-card input[type=checkbox]:checked,.dashboard-page #global-stats:checked{background:#3488ef}.settings-card input[type=checkbox]:checked::after,.dashboard-page #global-stats:checked::after{transform:translateX(14px);background:white}.dashboard-page .settings-card input[type=color]{padding:3px}.dashboard-page .copy-button{background:#3386e8;color:#fff;border-color:#4298ff50;font-size:12px;border-radius:7px}.dashboard-page .copy-button:hover{background:#529dff}.dashboard-page #settings-section>h2,.dashboard-page #stats-section h2{font-size:21px;letter-spacing:-.4px;margin:0 0 20px}.dashboard-page .dashboard-help{padding:22px;border-color:var(--border)}.dashboard-page .dashboard-help h3{font-size:15px}.dashboard-page .dashboard-help p{font-size:12px}.dashboard-page .dashboard-help a{font-size:12px}.dashboard-page #guild-notice,.dashboard-page #dashboard-notice{font-size:12px}.dashboard-page #stats-summary{font-size:14px}.dashboard-page .stats-list li{font-size:13px;background:#20232e;border-color:var(--border)}.dashboard-page #stats-section>p:last-child{font-size:11px}.dashboard-page footer{margin-left:auto;max-width:1200px;padding:20px 35px;font-size:11px}
@media(min-width:1450px){.dashboard-sidebar{border-left:1px solid var(--border)}}
@media(max-width:1100px){.site-header{padding:18px 28px;gap:25px}.site-header nav{gap:18px}.header-actions{gap:12px}.brand{font-size:22px}.premium-link{display:none}.hero h1{font-size:48px}.floating-module{width:255px}.module-foe{left:0}.module-ai{right:0}.orbit-two{width:390px;height:390px}.bot-core img{width:145px;height:145px}.community-strip{gap:20px;padding:22px}.dashboard-layout{grid-template-columns:205px minmax(0,1fr)}.dashboard-content{padding:28px}.dashboard-sidebar{padding:24px 12px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:800px){.site-header{padding:15px 20px;flex-wrap:wrap;gap:15px;align-items:center;flex-direction:row}.site-header .brand{margin-right:auto}.site-header nav{order:3;width:100%;gap:28px;border-top:1px solid var(--border);padding-top:10px;font-size:13px}.header-actions .button{font-size:11px;padding:9px 12px}.brand .small{font-size:8px}.brand img{width:35px;height:35px}.brand{font-size:20px}.landing-page main{padding:24px 20px}.announcement{font-size:11px;gap:8px;padding:7px 12px;text-align:center}.announcement strong{display:none}.landing-page .hero{grid-template-columns:1fr;gap:0;padding:25px 0 30px;min-height:0}.hero h1{font-size:clamp(39px,7.5vw,56px)}.hero-copy{text-align:center}.hero .lead{margin:0 auto 22px;max-width:510px}.hero-actions{justify-content:center}.hero-visual{width:min(530px,100%);margin:auto;min-height:385px;margin-top:20px}.orbit-one{width:280px;height:280px}.orbit-two{width:360px;height:360px}.bot-core img{width:130px;height:130px}.module-foe{top:12px;left:0}.module-ai{top:142px;right:0}.module-games{bottom:35px;left:10px}.community-strip{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:55px}.community-strip .strip-state{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);padding:15px 0 0}.section-heading h2{font-size:31px}.landing-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-page .grid article{padding:20px}.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border);padding:15px 20px;gap:10px}.dashboard-sidebar>.eyebrow,.sidebar-title,.sidebar-links,.sidebar-note{display:none}.sidebar-nav{flex-direction:row;overflow:auto;gap:5px}.sidebar-nav button{white-space:nowrap;padding:9px 12px;font-size:12px}.dashboard-content{padding:25px 20px}.dashboard-page .site-header nav{order:initial;width:auto;padding:0;border:0;display:none}.dashboard-page .site-header .header-actions{margin-left:auto}}
@media(max-width:480px){.landing-page .grid{grid-template-columns:1fr}.hero h1{font-size:39px;letter-spacing:-1.7px}.hero .lead{font-size:14px}.hero-actions .button{width:100%;font-size:13px}.hero-note{font-size:11px}.hero-visual{min-height:345px}.floating-module{width:240px;padding:12px}.module-foe{top:10px}.module-ai{top:125px}.module-games{bottom:29px;left:0}.bot-core{left:52%;top:48%;width:200px}.bot-core img{width:100px;height:100px}.bot-core>span{font-size:18px;letter-spacing:2px}.bot-core small{font-size:10px}.orbit-one{width:250px;height:250px}.orbit-two{width:290px;height:290px}.visual-caption{font-size:9px}.community-strip{padding:18px;gap:12px}.community-strip strong{font-size:12px}.community-strip span{font-size:10px}.strip-count strong{font-size:27px}.section-heading h2{font-size:28px}.feature-filters button{padding:7px 10px;font-size:11px}.landing-page .grid article{min-height:215px}.landing-page .wordchain-section h2,.landing-page #commands h2{font-size:26px}.landing-page .callout{padding:23px}.landing-page .callout h2{font-size:25px}.dashboard-page .dashboard-intro h1{font-size:27px}.dashboard-page .settings-grid{grid-template-columns:1fr}.dashboard-page .settings-card{padding:20px}.dashboard-page #account{padding:22px}.dashboard-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.dashboard-actions .secondary{margin:8px 0}.sidebar-nav button>span{display:none}.dashboard-page .stats-list{grid-template-columns:1fr}.dashboard-page footer{padding:20px}}
@media(prefers-reduced-motion:reduce){.floating-module,.button,.landing-page .grid article,.settings-card input[type=checkbox]::after{transition:none}.button:hover,.floating-module:hover,.landing-page .grid article:hover{transform:none}}
.bot-core{left:31%;top:46%}.module-games{bottom:22px}.sidebar-nav button{font-weight:500;line-height:1.4}.feature-filters button{line-height:1.5}
.dashboard-sidebar{min-width:0}
@media(max-width:800px){.dashboard-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.hero-visual{display:flex;flex-direction:column;gap:12px;min-height:0;margin-top:25px}.hero-visual .bot-core{position:relative;left:auto;top:auto;transform:none;width:100%;margin:5px 0 8px}.hero-visual .bot-core img{width:90px;height:90px}.hero-visual .bot-core>span{font-size:16px;margin-top:12px}.hero-visual .bot-core small{display:none}.hero-visual .floating-module{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;padding:13px 16px}.hero-visual .visual-caption{position:static;order:5;font-size:10px;margin:3px 0}.hero-visual .orbit{top:65px}.hero-visual .orbit-one{width:200px;height:200px}.hero-visual .orbit-two{display:none}}

/* Fluid page sizing: the layout grows with the viewport, without scaling
   the document or changing the visitor's browser zoom. */
:root {
  --web-width: 1680px;
  --web-gutter: clamp(20px, 4vw, 80px);
}
.landing-page,.dashboard-page {
  font-size: clamp(16px, .88rem + .2vw, 18px);
  background: radial-gradient(ellipse at 78% 15%, #35304c66, transparent 42%), #151620;
}
.site-header {
  padding: 22px max(var(--web-gutter), calc((100% - var(--web-width)) / 2));
  gap: clamp(24px, 3vw, 64px);
  background: #20222cf5;
}
.brand {font-size: clamp(24px, 1.65vw, 32px)}
.brand img {width: clamp(42px, 3vw, 54px);height: clamp(42px, 3vw, 54px)}
.brand .small {font-size: 10px}
.site-header nav>a,.nav-menu summary,.premium-link {font-size: 15px}
.button,.button.compact {font-size: 16px;padding: 15px 23px;border-radius: 7px}
.landing-page main,.landing-page footer {
  width: 100%;max-width: calc(var(--web-width) + var(--web-gutter) * 2);
  padding-inline: var(--web-gutter);
}
.landing-page main {padding-top: clamp(28px, 3vw, 52px)}
.announcement {font-size: 14px;padding: 10px 20px;gap: 14px;margin-bottom: 26px}
.announcement>span {font-size: 11px}
.announcement strong {font-size: 14px}
.landing-page .hero {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  gap: clamp(28px, 4vw, 76px);min-height: 0;
  padding: clamp(30px, 4vw, 70px) 0 clamp(55px, 5vw, 90px);
}
.hero-copy {min-width: 0}
.eyebrow {font-size: 12px}
.hero h1 {
  font-size: clamp(42px, 3.9vw, 80px);line-height: 1.12;
  letter-spacing: -.035em;margin: 22px 0 32px;font-weight: 750;
}
.hero h1 span {color: #f4f5fa}
.hero .lead {font-size: clamp(17px, 1.1vw, 21px);max-width: 580px;line-height: 1.65;margin-bottom: 32px}
.hero-actions {gap: 14px}
.hero-note {font-size: 14px;line-height: 1.6}
.hero-visual {
  min-height: clamp(460px, 34vw, 650px);max-width: none;
  background: radial-gradient(ellipse at 50% 58%, #59519644, transparent 60%);
}
.hero-visual::before {
  content: "";position: absolute;inset: 5% 0 6%;z-index: -1;pointer-events: none;
  background: radial-gradient(circle at 14% 23%, #a9c8ff 0 2px, transparent 3px),
    radial-gradient(circle at 86% 17%, #b9a9ed 0 3px, transparent 4px),
    radial-gradient(circle at 79% 77%, #a9c8ff 0 2px, transparent 3px),
    radial-gradient(circle at 29% 72%, #b9a9ed 0 2px, transparent 3px);
}
.hero-visual::after {
  content: "";position: absolute;inset: 70% -1% 0;z-index: -1;pointer-events: none;
  background: linear-gradient(160deg, #33334f66, #20243988);
  border-radius: 50% 45% 30px 30px;transform: skewY(-5deg);
}
.orbit-one {width: 72%;height: auto;aspect-ratio: 1}
.orbit-two {width: 95%;height: auto;aspect-ratio: 1}
.hero-visual .bot-core {left: 65%;top: 32%;width: 48%}
.hero-visual .bot-core img {width: clamp(155px, 13vw, 250px);height: auto;aspect-ratio: 1}
.hero-visual .bot-core>span {font-size: clamp(22px, 1.7vw, 32px);letter-spacing: .12em;margin-top: 20px}
.hero-visual .bot-core small {font-size: 14px}
.floating-module {width: clamp(265px, 20vw, 360px);padding: 20px;gap: 16px;border-radius: 14px}
.floating-module strong {font-size: 16px;line-height: 1.4}
.floating-module small {font-size: 12px;display: block;margin-top: 5px}
.module-icon {width: 48px;height: 48px;font-size: 26px}
.module-foe {top: 1%;left: 3%}
.module-ai {top: 58%;right: 0}
.module-games {bottom: 6%;left: 3%}
.visual-caption {font-size: 12px;bottom: -12px}
.community-strip {padding: clamp(24px, 2.5vw, 42px);margin-bottom: clamp(64px, 7vw, 120px)}
.community-strip strong {font-size: 18px}
.community-strip span {font-size: 14px}
.strip-count strong {font-size: 42px}
.strip-state strong {font-size: 15px}
.section-heading {max-width: 800px;margin-bottom: 36px}
.section-heading h2 {font-size: clamp(32px, 3vw, 54px);letter-spacing: -.03em}
.section-heading>p:last-child {font-size: 18px}
.feature-filters {gap: 12px;margin-bottom: 32px}
.feature-filters button {font: inherit;font-size: 15px;padding: 11px 20px}
.landing-page .grid {grid-template-columns: repeat(auto-fit, minmax(min(100%, clamp(280px, 26vw, 440px)), 1fr));gap: clamp(20px, 2vw, 32px)}
.landing-page .grid article {padding: clamp(26px, 2.5vw, 42px);min-height: 290px;border-radius: 14px}
.landing-page .grid h3 {font-size: 22px}
.landing-page .grid p {font-size: 16px;line-height: 1.7}
.landing-page .grid .feature-link {font-size: 15px;padding-top: 24px}
.landing-page .grid article .icon {width: 56px;height: 56px;font-size: 30px}
.landing-page section {margin-bottom: clamp(55px, 5vw, 90px)}
.landing-page .hero {margin-bottom: 0}
.landing-page .quick-start li,.landing-page .game-details p {font-size: 16px}
.landing-page .game-details summary,.landing-page .callout p {font-size: 16px}
.landing-page .wordchain-section h2,.landing-page #commands h2,.landing-page .callout h2 {font-size: clamp(30px, 2.5vw, 44px)}
.landing-page .category h3 {font-size: 20px}
.chip {font-size: 14px;padding: 8px 12px}
.landing-page footer {font-size: 14px}
.dashboard-layout {max-width: var(--web-width);grid-template-columns: clamp(235px, 18vw, 290px) minmax(0,1fr)}
.dashboard-content {padding: clamp(28px, 3vw, 56px)}
.dashboard-page .dashboard-intro h1 {font-size: clamp(30px, 2.7vw, 44px)}
.sidebar-nav button {font-size: 15px;padding: 14px}
.dashboard-page .settings-grid {grid-template-columns: repeat(auto-fit,minmax(min(100%,350px),1fr))}
.dashboard-page .settings-card {padding: 28px}
.dashboard-page .settings-card h3 {font-size: 19px}
.dashboard-page .settings-card label,.dashboard-page .settings-card input,.dashboard-page .settings-card select,.dashboard-page .settings-card textarea,.dashboard-page #guild {font-size: 15px}
.dashboard-page .settings-card p,.dashboard-page .dashboard-help p {font-size: 13px}
@media(max-width:1200px) {
  .site-header {flex-wrap: wrap;gap: 20px;padding-block: 18px}
  .site-header .brand {margin-right: auto}
  .site-header nav {order: 3;width: 100%;padding-top: 12px;border-top: 1px solid var(--border)}
  .site-header .header-actions {margin-left: auto}
  .landing-page .hero {grid-template-columns: minmax(0,1fr);gap: 35px}
  .hero-copy {text-align: center}
  .hero h1 {font-size: clamp(42px, 6vw, 64px)}
  .hero .lead {margin-inline: auto}
  .hero-actions {justify-content: center}
  .hero-visual {width: 100%;max-width: 700px;margin: auto;min-height: 520px}
  .hero-visual .bot-core img {width: 190px}
  .floating-module {width: 310px}
  .dashboard-layout {grid-template-columns: minmax(0,1fr)}
  .dashboard-sidebar {position: static;height: auto;padding: 16px var(--web-gutter);border-right: 0;border-bottom: 1px solid var(--border)}
  .dashboard-sidebar>.eyebrow,.sidebar-title,.sidebar-links,.sidebar-note {display: none}
  .sidebar-nav {flex-direction: row;overflow-x: auto}
  .sidebar-nav button {flex-shrink: 0;white-space: nowrap;font-size: 14px}
  .dashboard-page .site-header nav {display: none}
}
@media(max-width:600px) {
  .site-header {gap: 15px}
  .site-header .brand {font-size: 24px}
  .site-header .brand img {width: 40px;height: 40px}
  .header-actions .button {font-size: 13px;padding: 12px 14px}
  .announcement {font-size: 13px;text-align: center;gap: 9px;padding: 9px 12px}
  .announcement strong {display: none}
  .hero h1 {font-size: clamp(34px, 8.5vw, 50px)}
  .hero .lead {font-size: 17px}
  .hero-actions .button {width: 100%}
  .hero-note {font-size: 13px}
  .hero-visual {display: flex;flex-direction: column;gap: 14px;min-height: 0}
  .hero-visual .bot-core {position: relative;left: auto;top: auto;transform: none;width: 100%;margin: 12px 0 20px}
  .hero-visual .bot-core img {width: 140px}
  .hero-visual .bot-core small {display: block;font-size: 13px}
  .hero-visual .floating-module {position: relative;left: auto;right: auto;top: auto;bottom: auto;width: 100%;padding: 18px}
  .hero-visual .visual-caption {position: static;order: 5;font-size: 12px;margin-top: 4px}
  .hero-visual .orbit-one {top: 105px;width: 240px}
  .hero-visual .orbit-two {display: none}
  .hero-visual::after {inset: 42% 0 0;transform: none}
  .community-strip {grid-template-columns: minmax(0,1fr);gap: 22px}
  .community-strip .strip-state {grid-column: auto;border-left: 0;border-top: 1px solid var(--border);padding: 20px 0 0}
  .community-strip strong {font-size: 17px}
  .strip-count strong {font-size: 38px}
  .feature-filters {gap: 8px}
  .feature-filters button {font-size: 14px;padding: 9px 12px}
  .landing-page .grid article {min-height: 260px}
  .dashboard-content {padding-inline: var(--web-gutter)}
  .dashboard-page .settings-card {padding: 22px}
}
.dashboard-page .embed-editor-card {grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}
.embed-editor-card>h3,.embed-editor-card>h4,.embed-editor-card>p,.embed-editor-card>.web-embed-preview,.embed-editor-card>.embed-field-editor {grid-column:1/-1}
.embed-editor-card>label,.embed-field-row>label {min-width:0}
.embed-editor-card>button {margin-top:0;justify-self:start;max-width:100%;overflow-wrap:anywhere}
.dashboard-page .settings-card button.secondary {border:1px solid #ffffff26;border-radius:7px;background:#282e3d;color:#e5e9f5;padding:10px 15px;font:inherit;cursor:pointer;text-align:left}
.dashboard-page .settings-card button.secondary:hover {background:#343e52}
.embed-field-editor {display:grid;gap:14px}
.embed-field-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;border:1px solid var(--border);border-radius:10px;background:#181d29}
.dashboard-page .web-embed-preview,.message-preview {min-width:0;padding:22px;background:#30323b;border-radius:8px;border-left:4px solid #5865f2;white-space:pre-wrap;overflow-wrap:anywhere}
.web-embed-preview>strong,.web-embed-preview>small,.web-embed-preview>a {display:block;margin-bottom:12px}
.dashboard-page .web-embed-preview p {color:#e3e5e9;font-size:15px;margin:8px 0 16px}
.web-embed-preview small {color:#b9c0d2}
.embed-preview-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.embed-preview-fields>.full-field {grid-column:1/-1}
@media(max-width:600px){.dashboard-page .embed-editor-card,.embed-field-row,.embed-preview-fields {grid-template-columns:minmax(0,1fr)}.dashboard-page .web-embed-preview {padding:16px}.embed-editor-card>button {width:100%;justify-self:stretch}}

/* Server selection precedes the module workspace. */
.dashboard-page {background:#262730;font-size:15px;letter-spacing:0;--bg:#262730;--panel:#202127;--muted:#a6adbf}
.dashboard-page .site-header {min-height:72px;padding:12px max(24px,calc((100% - 1160px)/2));gap:36px;background:#202127;backdrop-filter:none}
.dashboard-page .brand {font-size:24px;letter-spacing:0;line-height:1.2}
.dashboard-page .brand .small {font-size:8px;letter-spacing:0}
.dashboard-page .site-header nav {gap:28px}
.dashboard-page .header-actions {gap:18px}
.dashboard-page .premium-link {display:inline-flex;align-items:center;color:#f4c35c;background:#51412a;border:0;border-radius:6px;padding:8px 14px}
.dashboard-profile {display:flex;align-items:center;gap:10px;min-width:0}
.dashboard-profile #account-description {font-size:13px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-avatar,.guild-avatar {position:relative;display:grid;place-items:center;overflow:hidden;flex-shrink:0;border-radius:50%;font-weight:700;background:#24272e;color:#fff;border:2px solid #747883}
.profile-avatar {width:32px;height:32px;font-size:12px}
.profile-avatar img,.guild-avatar img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dashboard-page .icon-button {display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;border:1px solid #ffffff12;border-radius:6px;background:#393b45;color:#e7e9ef;font:24px/1 "Segoe UI",sans-serif;cursor:pointer}
.dashboard-page .icon-button:hover {background:#484b58}
.dashboard-profile .icon-button {width:30px;height:32px;background:transparent;border:0;font-size:21px;color:#9ea6bb}
.dashboard-page button:focus-visible,.dashboard-page a:focus-visible {outline:2px solid #72b9ff;outline-offset:4px}
.dashboard-page .dashboard-layout {min-height:calc(100vh - 140px)}
.dashboard-page .dashboard-intro h1 {font-size:30px;line-height:1.3;letter-spacing:0;overflow-wrap:anywhere}
.dashboard-page .eyebrow {letter-spacing:0}
.dashboard-page[data-view=servers] .dashboard-layout {display:block;max-width:1020px}
.dashboard-page[data-view=servers] .dashboard-sidebar {display:none}
.dashboard-page[data-view=servers] .dashboard-content {padding:28px 40px 0}
.dashboard-page[data-view=servers] .dashboard-intro {text-align:center;margin:0 0 26px}
.dashboard-page[data-view=servers] .dashboard-intro h1 {margin:0;font-size:32px}
.dashboard-page[data-view=servers] .dashboard-intro .eyebrow {display:none}
.dashboard-page.signed-in .dashboard-intro .lead {display:none}
.dashboard-page h2 {letter-spacing:0}
.dashboard-page #account {padding:30px 0 48px;text-align:center;background:transparent;border:0;border-radius:0;margin:0}
.dashboard-page #account h2 {font-size:20px;margin:0 0 12px}
.dashboard-page #account p {font-size:14px;margin:0 0 24px}
.dashboard-page #guild-picker {display:block;margin:0}
.guild-toolbar {display:flex;justify-content:flex-end;align-items:flex-end;gap:16px;margin-bottom:24px}
.dashboard-page[data-view=servers] .guild-switch {display:none}
.dashboard-page[data-view=servers] .guild-toolbar {margin:0 0 16px;height:40px}
.dashboard-page #guild-picker #guild-notice {color:#a6adbf;font-size:14px;text-align:center}
.dashboard-page #guild-notice:empty {display:none}
.guild-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 36px}
.guild-card {padding:0;border:0;background:transparent;min-width:0}
.guild-visual {display:grid;place-items:center;width:100%;aspect-ratio:1.74;border-radius:8px;background:#202127}
.guild-card:nth-child(4n+2) .guild-visual {background:#44434b}
.guild-card:nth-child(4n+3) .guild-visual {background:#493b3b}
.guild-card:nth-child(4n) .guild-visual {background:#26483f}
.guild-avatar {width:80px;height:80px;font-size:25px}
.guild-avatar:has(img) {border-color:#f3f4f8}
.guild-card-details {display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-top:16px}
.guild-card-labels {min-width:0;flex:1}
.guild-card h2 {font-size:15px;font-weight:650;line-height:1.5;margin:0 0 3px;overflow-wrap:anywhere}
.guild-card p {font-size:13px;color:#9aa6c0;margin:0;line-height:1.5}
.guild-setup {flex-shrink:0;min-height:44px;max-width:115px;padding:10px 14px;background:#3d3f49;color:#fff;border:1px solid transparent;border-radius:6px;font:600 13px/1.4 "Segoe UI",sans-serif;cursor:pointer;overflow-wrap:anywhere}
.guild-setup:hover {background:#4e5261;border-color:#6a748b}
.server-back {border:0;background:transparent;color:#acb8ce;padding:8px 0;font:600 13px/1.5 "Segoe UI",sans-serif;cursor:pointer}
.server-back:hover {color:#fff}
.dashboard-page[data-view=settings] .guild-grid {display:none}
.dashboard-page[data-view=settings] .dashboard-content {padding:28px 36px}
.dashboard-page[data-view=settings] .dashboard-intro {margin-bottom:16px}
.dashboard-page[data-view=settings] .dashboard-intro .eyebrow {display:none}
.dashboard-page .guild-switch {font-size:12px;min-width:0;max-width:440px}
.dashboard-page .guild-switch select {margin-top:6px;background:#202127;border-color:#ffffff20;border-radius:6px}
.dashboard-page .dashboard-status-bar {display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:48px;padding:18px 0;border-top:1px solid #ffffff12}
.dashboard-page .dashboard-status-bar .bot-status {display:flex;align-items:center;gap:6px 14px;background:transparent;border:0;padding:0;margin:0;font-size:12px}
.dashboard-page .dashboard-status-bar .bot-status span {font-size:11px}
.dashboard-status-bar>a {font-size:12px;color:#a8b5ca}
.dashboard-page #dashboard-notice:empty {display:none}
.dashboard-page #dashboard-notice {font-size:14px}
.dashboard-page footer {max-width:940px;margin:0 auto;padding:20px 0;font-size:12px;color:#a6adbf;border-top:0}
.dashboard-page .settings-card {border-radius:8px}
@media(max-width:1200px) {
  .dashboard-page .site-header {flex-wrap:wrap;gap:18px}
  .dashboard-page .site-header nav {display:flex;order:initial;width:auto;padding:0;border:0}
}
@media(max-width:800px) {
  .dashboard-page .site-header {gap:16px;padding:12px 20px}
  .dashboard-page .site-header nav {display:none}
  .dashboard-page[data-view=servers] .dashboard-content {padding:30px 24px 0}
  .guild-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
  .dashboard-page footer {margin-inline:24px}
  .dashboard-page[data-view=settings] .dashboard-content {padding:24px}
}
@media(max-width:520px) {
  .dashboard-page .site-header .brand {font-size:20px}
  .dashboard-page .site-header .brand img {width:34px;height:34px}
  .dashboard-page .site-header .header-actions {gap:8px;margin:0;width:100%;justify-content:space-between;flex-wrap:wrap}
  .dashboard-page .premium-link {display:none}
  .dashboard-page[data-view=servers] .dashboard-intro h1 {font-size:28px}
  .dashboard-page[data-view=servers] .dashboard-content {padding:28px 20px 0}
  .guild-grid {grid-template-columns:minmax(0,1fr);gap:32px;max-width:340px;margin:auto}
  .guild-visual {aspect-ratio:1.85}
  .guild-card-details {gap:20px}
  .dashboard-page .dashboard-status-bar {margin-top:36px}
  .dashboard-page .dashboard-status-bar .bot-status {align-items:flex-start}
  .dashboard-page footer {margin-inline:20px;flex-wrap:wrap;gap:12px}
}

/* Module catalog and the focused settings workspace. */
.dashboard-page[data-view=settings] .site-header {padding-inline:28px}
.dashboard-page[data-view=settings] .site-header nav {display:none}
.dashboard-page[data-view=settings] .brand {margin-right:auto}
.dashboard-page[data-view=settings] .dashboard-layout {max-width:none;grid-template-columns:270px minmax(0,1fr)}
.dashboard-page[data-view=settings] .dashboard-sidebar {position:sticky;top:72px;height:calc(100vh - 72px);padding:18px 12px;background:#202127;gap:26px;overflow-y:auto;border:0}
.sidebar-server {position:relative;min-height:50px}
.sidebar-server>.profile-avatar {position:absolute;top:13px;left:14px;z-index:1;width:24px;height:24px;border:0;font-size:10px;pointer-events:none}
.dashboard-page .sidebar-server .guild-switch {display:block;font-size:0;max-width:none;min-width:0}
.dashboard-page .sidebar-server #guild {width:100%;height:50px;margin:0;padding:10px 28px 10px 48px;border:0;border-radius:6px;background:#17181e;font-size:14px;font-weight:600;cursor:pointer;text-overflow:ellipsis}
.dashboard-page[data-view=settings] .sidebar-nav {flex-direction:column;overflow:visible;gap:4px}
.dashboard-page[data-view=settings] .sidebar-nav button {padding:12px 14px;font-size:13px;white-space:normal;line-height:1.4;min-height:44px;border-radius:6px;color:#9fa5b8}
.sidebar-nav svg {width:20px;height:20px;flex-shrink:0;color:#9098ad}
.dashboard-page[data-view=settings] .sidebar-nav button[aria-pressed=true] {background:#343744;color:#f3f5fa}
.dashboard-page[data-view=settings] .sidebar-nav button[aria-pressed=true] svg {color:#72b9ff}
.dashboard-page[data-view=settings] .sidebar-links {display:flex;margin-top:auto;padding:18px 14px;font-size:12px}
.dashboard-page[data-view=settings] .dashboard-content {position:relative;padding:40px;min-width:0}
.dashboard-page[data-view=settings] .dashboard-intro {margin:8px 0 18px;padding-right:48px}
.dashboard-page[data-view=settings] .dashboard-intro h1 {font-size:24px;margin:0;line-height:1.4}
.dashboard-page[data-view=settings] #back-to-servers {margin-top:8px;font-size:12px;color:#9da8c0}
.dashboard-page[data-view=settings] .guild-toolbar {position:absolute;top:44px;right:40px;margin:0}
.dashboard-page[data-view=settings] .dashboard-content #guild-picker {margin:0}
.dashboard-page .icon-button svg {width:18px;height:18px}
.dashboard-page[data-view=settings] #dashboard-notice {margin:0 0 20px}
.module-tabs {display:flex;align-items:stretch;gap:22px;overflow-x:auto;border-bottom:1px solid #ffffff10;margin-bottom:32px;scrollbar-width:thin}
.module-tabs button {flex-shrink:0;min-height:48px;padding:10px 2px;background:transparent;border:0;border-bottom:2px solid transparent;color:#909bb2;font:600 13px/1.5 "Segoe UI",sans-serif;cursor:pointer}
.module-tabs button:hover {color:#f2f3f8}
.module-tabs button[aria-pressed=true] {color:#f2f3f8;border-bottom-color:#f2f3f8}
.module-category {margin-bottom:32px}
.module-category>h2 {font-size:18px;margin:0 0 22px;font-weight:650;line-height:1.4}
.module-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.module-card {display:flex;flex-direction:column;min-width:0;min-height:230px;padding:22px;border:1px solid transparent;border-radius:8px;background:#202127;gap:0}
.module-card:hover {border-color:#ffffff16}
.module-card-top {display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:16px;min-height:48px}
.module-symbol {display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:8px;color:#66cbff;background:#153a55}
.module-symbol svg {width:27px;height:27px}
.module-card[data-group=members] .module-symbol {color:#6edccc;background:#18453f}
.module-card[data-group=notifications] .module-symbol {color:#ffc877;background:#4b3926}
.module-card[data-group=games] .module-symbol {color:#a8d4ff;background:#244568}
.module-card[data-group=foe] .module-symbol {color:#f1a2aa;background:#502c36}
.module-state {font-size:10px;font-weight:650;line-height:1.4;white-space:nowrap;border-radius:12px;padding:4px 8px;background:#ffffff09;color:#aab1c2}
.module-state[data-state=active] {background:#2b6a483b;color:#7de3a8}
.module-state[data-state=available] {background:#24517d35;color:#8bc7ff}
.module-state[data-state=unavailable] {background:#644b282e;color:#ddb67b}
.module-card h3 {font-size:15px;line-height:1.5;letter-spacing:0;margin:0 0 9px;overflow-wrap:anywhere}
.module-card p {font-size:13px;color:#9da9c0;line-height:1.6;margin:0 0 22px;overflow-wrap:anywhere}
.module-open {display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;gap:8px;min-height:38px;max-width:100%;padding:8px 12px;margin-top:auto;background:#383a44;color:#f3f4f8;border:1px solid #ffffff06;border-radius:6px;font:600 13px/1.4 "Segoe UI",sans-serif;cursor:pointer}
.module-open svg {width:16px;height:16px;flex-shrink:0}
.module-open:hover {background:#4a4d5b}
.module-open:disabled {opacity:.5;cursor:default}
.editor-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.editor-heading>.server-back {display:inline-flex;align-items:center;gap:8px;font-size:13px}
.editor-heading svg {width:16px;height:16px}
.dashboard-page #settings-section .editor-heading>h2 {margin:0;font-size:18px}
.dashboard-page[data-view=settings] .settings-grid {align-items:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.dashboard-page[data-view=settings] .settings-card {padding:24px;background:#202127;gap:18px}
.setting-icon svg {width:20px;height:20px}
.dashboard-page[data-view=settings] .settings-card h3 {font-size:16px}
.dashboard-page[data-view=settings] .settings-card input,.dashboard-page[data-view=settings] .settings-card select,.dashboard-page[data-view=settings] .settings-card textarea {font-size:14px}
.dashboard-page[data-view=settings] .settings-card label {font-size:13px}
@media(max-width:1550px) {.module-grid {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px) {
  .dashboard-page[data-view=settings] .dashboard-layout {grid-template-columns:230px minmax(0,1fr)}
  .dashboard-page[data-view=settings] .dashboard-content {padding:28px}
  .dashboard-page[data-view=settings] .guild-toolbar {top:32px;right:28px}
  .module-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .module-tabs {gap:18px}
}
@media(max-width:850px) {
  .dashboard-page[data-view=settings] .dashboard-layout {grid-template-columns:minmax(0,1fr)}
  .dashboard-page[data-view=settings] .dashboard-sidebar {position:static;height:auto;padding:14px 20px;gap:14px;overflow:visible}
  .sidebar-server {max-width:350px}
  .dashboard-page[data-view=settings] .sidebar-nav {flex-direction:row;overflow-x:auto;scrollbar-width:thin}
  .dashboard-page[data-view=settings] .sidebar-nav button {white-space:nowrap;flex-shrink:0;padding:10px 12px;min-height:40px}
  .dashboard-page[data-view=settings] .sidebar-links {display:none}
  .dashboard-page[data-view=settings] .dashboard-content {padding:24px 20px}
  .dashboard-page[data-view=settings] .guild-toolbar {top:28px;right:20px}
  .dashboard-page[data-view=settings] .settings-grid {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:520px) {
  .dashboard-page[data-view=settings] .site-header {padding-inline:20px}
  .module-grid {grid-template-columns:minmax(0,1fr);gap:16px}
  .module-card {min-height:210px;padding:22px}
  .module-tabs {margin-bottom:24px;gap:18px}
  .module-category>h2 {font-size:17px}
  .dashboard-page[data-view=settings] .settings-card {padding:20px}
}