:root{
  --bg:#f2faef;
  --card:#ffffff;
  --card-soft:#e4f5df;
  --text:#102d19;
  --dim:#58745d;
  --border:#b7d9ae;
  --blue:#28c957;
  --blue-text:#06270f;
  --green:#16843a;
  --red:#b73b32;
  --shadow:#a0c79a;
  --hero-top:#062b14;
  --hero-mid:#087a32;
  --hero-bottom:#20d45a;
  --pixel:"Silkscreen","Courier New",monospace;
  --font:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  box-sizing:border-box;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#07170c;--card:#0d2414;--card-soft:#12351c;--text:#e7ffeb;--dim:#a0c9a8;--border:#245b31;--blue:#43ed70;--blue-text:#06210d;--green:#66f28b;--red:#ff9186;--shadow:#041008;--hero-top:#031b0b;--hero-mid:#075e26;--hero-bottom:#16a844;
  }
}
:root[data-theme="dark"]{--bg:#07170c;--card:#0d2414;--card-soft:#12351c;--text:#e7ffeb;--dim:#a0c9a8;--border:#245b31;--blue:#43ed70;--blue-text:#06210d;--green:#66f28b;--red:#ff9186;--shadow:#041008;--hero-top:#031b0b;--hero-mid:#075e26;--hero-bottom:#16a844}
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}
html{scroll-padding-top:1rem;background:var(--bg)}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--text);font:400 1.04rem/1.65 var(--font);text-rendering:optimizeLegibility}
body::selection{background:var(--blue);color:var(--blue-text)}
a{color:inherit}
button,input{font:inherit}
button{color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.wrap{width:min(100% - 2rem,68rem);margin-inline:auto}
.skip{position:absolute;left:-99rem;top:.75rem;z-index:30;background:var(--card);color:var(--text);padding:.5rem .9rem;border:2px solid var(--blue);font-weight:700}
.skip:focus{left:.75rem}
.hero{position:relative;overflow:hidden;color:#eaffef;background:radial-gradient(ellipse at 78% 20%,rgba(75,255,125,.2),transparent 34%),linear-gradient(145deg,var(--hero-top) 0%,var(--hero-mid) 58%,var(--hero-bottom) 100%);min-height:38rem;display:flex;flex-direction:column}

.nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0}
.brand{display:inline-flex;align-items:center;gap:.65rem;color:#f1fff4;font:700 1.05rem var(--pixel);letter-spacing:.02em;text-decoration:none}
.brand img{width:2.25rem;height:2.25rem;object-fit:contain;border:2px solid #b8ffca;border-radius:10px;box-shadow:3px 3px 0 #063b18}
.nav-r{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem}
.nav-r>a{padding:.45rem .65rem;color:#eaffef;font-weight:600;text-decoration:none;border-bottom:2px solid transparent}
.nav-r>a:hover{border-color:#eaffef}
.nav .soc{margin-left:.35rem;--sl-line:#eaf8ff;--sl-shadow:#0a2442}
.soc{display:inline-flex;align-items:center;gap:.55rem}
a.sl{display:grid;place-items:center;width:2.55rem;height:2.55rem;margin:0;opacity:1;border:2px solid var(--sl-line);box-shadow:3px 3px 0 var(--sl-shadow);text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}
a.sl svg{width:1.35rem;height:1.35rem;fill:currentColor}
a.sl:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--sl-shadow)}
a.sl:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--sl-shadow)}
a.sl-discord{background:#5865f2;color:#fff}
a.sl-tiktok{background:#010101;color:#fff}
a.sl-store{background:var(--blue);color:var(--blue-text)}
.theme-toggle{display:grid;place-items:center;width:2.55rem;height:2.55rem;margin-left:.25rem;border:2px solid rgba(234,248,255,.75);box-shadow:3px 3px 0 #063b18;background:rgba(2,30,12,.35);color:#eaffef;cursor:pointer}
.theme-toggle:hover{background:rgba(234,248,255,.12);transform:translate(-1px,-1px);box-shadow:4px 4px 0 #063b18}
.hero-body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem 0 8rem}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:.45rem;color:#b7ffc8;font:700 .72rem var(--pixel);letter-spacing:.08em}
.eyebrow::before,.section-kicker::before{content:"";width:.4rem;height:.4rem;background:var(--blue);box-shadow:0 0 0 .22rem rgba(67,237,112,.16)}
.hero h1{margin:.85rem 0 0;line-height:0}
.hero h1 img{display:block;width:min(100%,39rem);height:auto;filter:drop-shadow(0 6px 0 rgba(4,14,28,.45))}
.tag{max-width:36rem;margin:1.55rem 0 1.5rem;font-size:1.18rem;color:#d7ffe0}
.hero-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:.8rem}
.ip{display:inline-flex;max-width:100%;border:2px solid #caffd5;background:rgba(2,30,12,.78);box-shadow:4px 4px 0 #063b18}
.ip code{padding:.68rem 1rem;font:700 clamp(.94rem,3.4vw,1.3rem) var(--pixel);overflow-wrap:anywhere;align-self:center}
.ip button{cursor:pointer;border:0;border-left:2px solid #eaf8ff;background:#54f47d;color:#06270f;padding:0 1rem;font-weight:700;min-width:6.3rem}
.ip button:hover{background:#fff}
.ip button:active{transform:translateY(2px)}
.hero-discord{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.7rem 1.1rem;border:2px solid #caffd5;box-shadow:4px 4px 0 #063b18;background:rgba(2,30,12,.35);color:#f3fff5;font-weight:700;text-decoration:none}
.hero-discord:hover{background:rgba(234,248,255,.12);transform:translate(-1px,-1px);box-shadow:5px 5px 0 #0a2442}
.hero-discord:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #0a2442}
.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin-top:1rem;color:#b7eac2;font-size:.92rem}
.status{display:inline-flex;align-items:center;gap:.55rem;font:700 .78rem var(--pixel);color:#eaffef}
.status .dot{flex:none;width:.62rem;height:.62rem;background:#b7d7ea;border-radius:50%;box-shadow:0 0 0 .25rem rgba(183,255,198,.12)}
.status[data-state="online"] .dot{background:#5be37d;box-shadow:0 0 0 .25rem rgba(91,227,125,.12)}
.status[data-state="offline"] .dot{background:#ff8a80;box-shadow:0 0 0 .25rem rgba(255,138,128,.12)}
.ridge{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:7rem;z-index:1;display:block}
.toast{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
main{background:var(--bg)}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;border-bottom:2px solid var(--border)}
.facts li{padding:1.2rem 1rem 1.2rem 0;min-width:0}
.facts small{display:block;color:var(--dim);font-size:.8rem}
.facts strong{display:block;margin-top:.15rem;font:700 .9rem var(--pixel);overflow-wrap:anywhere}
section{padding:4.75rem 0}
h2{margin:.35rem 0 0;font:700 clamp(1.65rem,4vw,2.4rem)/1.16 var(--pixel);letter-spacing:.01em}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.75rem}
.section-side-note,.text-link{color:var(--dim);font-size:.9rem;text-decoration:none}
.text-link span{color:var(--text);font-weight:700}
.text-link:hover{text-decoration:underline}
.live-sec{padding-bottom:1.5rem}
.panel{background:var(--card);border:2px solid var(--border);box-shadow:5px 5px 0 var(--shadow);padding:1.3rem}
.panel-head{display:flex;gap:1.25rem;align-items:center}
.panel .icon{flex:none;width:4rem;height:4rem;image-rendering:pixelated;border:2px solid var(--border)}
.motd{margin:0;font:700 1.02rem/1.45 var(--pixel);white-space:pre-line;overflow-wrap:anywhere}
.panel-note{margin:.45rem 0 0;color:var(--dim);font-size:.9rem}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.2rem 0 0;padding-top:1.2rem;border-top:2px solid var(--border)}
.stats dt{color:var(--dim);font-size:.8rem}
.stats dd{margin:0;font:700 .9rem var(--pixel);overflow-wrap:anywhere}
.stats dd[data-state="online"]{color:var(--green)}
.stats dd[data-state="offline"]{color:var(--red)}
.who{margin-top:1.2rem;padding-top:1.2rem;border-top:2px solid var(--border)}
.who-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.who h3{margin:0;font:700 1rem var(--pixel)}
.who-heading span{color:var(--dim);font-size:.82rem}
.plist{display:flex;flex-wrap:wrap;gap:.4rem;margin:.65rem 0 0;padding:0;list-style:none}
.plist li{background:var(--card-soft);padding:.15rem .55rem;border:1px solid var(--border);font:700 .8rem var(--pixel)}
.feature-shot{margin:0 0 1.8rem;overflow:hidden;background:var(--card-soft)}
.shot{border:2px solid var(--border);box-shadow:5px 5px 0 var(--shadow)}
.shot img{display:block;width:100%;height:auto}
.feat{margin:0;padding:0;list-style:none;border-top:2px solid var(--border)}
.feat li{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:1rem;padding:1.2rem 0;border-bottom:2px solid var(--border)}
.feat-num{font:700 .72rem var(--pixel);color:var(--blue);padding-top:.2rem}
.feat h3{margin:0;font:700 1.02rem var(--pixel)}
.feat p{margin:.2rem 0 0;color:var(--dim);max-width:45rem}
.join{background:var(--card-soft)}
.join-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,36rem);gap:2.4rem;align-items:start}
.steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:.8rem}
.steps li{counter-increment:s;display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start;background:var(--card);border:2px solid var(--border);box-shadow:3px 3px 0 var(--shadow);padding:1rem}
.steps li::before{content:counter(s);display:grid;place-items:center;width:3rem;height:3rem;background:var(--blue);color:var(--blue-text);font:700 1.15rem var(--pixel)}
.steps p{margin:0}.steps b{font-weight:700}.steps code{font:700 .86rem var(--pixel);background:var(--card-soft);padding:.1rem .35rem;border:1px solid var(--border)}
.shot-join{margin:0;overflow:hidden;background:var(--card)}
.shot figcaption{padding:.6rem .85rem;border-top:2px solid var(--border);color:var(--dim);font-size:.88rem}.shot figcaption code{font:700 .82rem var(--pixel);background:var(--card-soft);padding:.05rem .35rem}
.join-note{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.2rem;padding:1rem 1.1rem;border:2px solid var(--border);background:var(--card)}
.join-note span{color:var(--dim)}.join-note a{font-weight:700;text-decoration:none}.join-note a:hover{text-decoration:underline}
.rule-tools{display:flex;align-items:end;gap:.75rem;margin:-.25rem 0 1.5rem}
.rule-search{display:grid;gap:.35rem;max-width:26rem;width:100%;font-size:.82rem;color:var(--dim)}
.rule-search input{width:100%;padding:.72rem .85rem;border:2px solid var(--border);background:var(--card);color:var(--text);outline:0}
.rule-search input:focus{border-color:var(--blue)}
.clear-search{padding:.68rem .9rem;border:2px solid var(--border);background:var(--card-soft);color:var(--text);cursor:pointer;font-weight:700}.clear-search:hover{background:var(--card)}
.rg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem 3rem}.rule-group{min-width:0}.rg h3{margin:0 0 .55rem;font:700 1.02rem var(--pixel)}
.rules{margin:0;padding-left:1.2rem;max-width:none}.rules li{margin:.45rem 0;padding-left:.3rem}.rules li::marker{color:var(--green);content:"•  "}.rules a{color:var(--blue);font-weight:700}
.rules-empty{padding:1rem 0;color:var(--dim)}
.fine{margin:2rem 0 0;color:var(--dim);font-style:italic;font-size:.92rem}
.faq{padding-top:.5rem}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
details{border:2px solid var(--border);background:var(--card);box-shadow:3px 3px 0 var(--shadow)}summary{list-style:none;cursor:pointer;padding:1rem 1.05rem;font:700 .92rem var(--pixel);display:flex;justify-content:space-between;gap:1rem}summary::-webkit-details-marker{display:none}summary::after{content:"+";color:var(--blue);font:700 1rem var(--pixel)}details[open] summary::after{content:"–"}details p{margin:0;padding:0 1.05rem 1.05rem;color:var(--dim);font-size:.95rem}details a{color:var(--blue);font-weight:700}
.discord-community{padding:4rem 0 5rem;background:var(--card-soft)}
.discord-community-inner{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:4rem;align-items:center}
.discord-community-copy{max-width:34rem}.discord-community-copy h2{max-width:33rem}.discord-community-copy>p{margin:1rem 0 1.5rem;max-width:31rem;color:var(--dim);line-height:1.65}
.community-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.1rem}.discord-community-button{display:inline-flex;align-items:center;gap:.65rem;padding:.72rem 1.05rem;border:2px solid var(--border);box-shadow:3px 3px 0 var(--shadow);background:var(--blue);color:var(--blue-text);font-weight:700;text-decoration:none}.discord-community-button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--shadow)}.community-text-link{color:var(--dim);font-weight:600;text-decoration:none}.community-text-link:hover{text-decoration:underline;color:var(--text)}
.discord-community-widget{width:350px;justify-self:end}.discord-widget-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.discord-widget-heading h3{margin:0;color:var(--text);font:700 .95rem var(--pixel)}.discord-widget-heading p{margin:.4rem 0 0;font-size:.82rem;line-height:1.4;color:var(--dim)}.footer-live{display:inline-flex;align-items:center;gap:.4rem;flex:none;padding:.3rem .55rem;border:2px solid var(--border);background:var(--card);font:700 .7rem var(--pixel);color:var(--text)}.footer-live i{width:.45rem;height:.45rem;border-radius:50%;background:var(--green);box-shadow:0 0 0 .2rem rgba(91,227,125,.12)}.discord-community-widget iframe{display:block;width:350px;height:400px;border:2px solid var(--border);box-shadow:5px 5px 0 var(--shadow);background:#1e1f22}
.site-footer{border-top:2px solid var(--border);background:var(--card);color:var(--dim);padding:3.6rem 0 1.4rem}.footer-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:4rem;align-items:start}.footer-brand{max-width:28rem}.footer-logo{display:inline-flex;align-items:center;gap:.75rem;color:var(--text);font:700 1.18rem var(--pixel);text-decoration:none}.footer-logo img{width:2.5rem;height:2.5rem;image-rendering:pixelated;border:2px solid var(--border);box-shadow:3px 3px 0 var(--shadow)}.footer-brand p{margin:1rem 0 1.25rem;line-height:1.55;max-width:25rem}.footer-actions{display:flex;flex-wrap:wrap;gap:.7rem}.footer-actions button,.footer-actions a{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.7rem;padding:.65rem 1rem;border:2px solid var(--border);box-shadow:3px 3px 0 var(--shadow);font-weight:700;text-decoration:none;cursor:pointer}.footer-actions svg{width:1rem;height:1rem}.footer-ip{background:var(--blue);color:var(--blue-text)}.footer-discord{background:var(--card-soft);color:var(--text)}.footer-actions button:hover,.footer-actions a:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--shadow)}.footer-actions button:active,.footer-actions a:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.footer-links h3{margin:0 0 .8rem;color:var(--text);font:700 .9rem var(--pixel)}.footer-links a{display:block;width:max-content;max-width:100%;margin:.5rem 0;color:var(--dim);text-decoration:none}.footer-links a:hover{color:var(--text);text-decoration:underline}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:3rem;padding-top:1.25rem;border-top:2px solid var(--border);font-size:.84rem}.footer-bottom>div:first-child{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem}.footer-socials{display:flex;gap:.6rem}.footer-socials .sl{width:2.35rem;height:2.35rem;--sl-line:var(--border);--sl-shadow:var(--shadow)}
.back-top{position:fixed;right:1rem;bottom:1rem;z-index:15;width:2.75rem;height:2.75rem;border:2px solid var(--border);box-shadow:3px 3px 0 var(--shadow);background:var(--card);color:var(--text);font:700 1rem var(--pixel);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(.5rem);transition:opacity .18s ease,transform .18s ease}.back-top.is-visible{opacity:1;pointer-events:auto;transform:none}.back-top:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--shadow)}
.section-reveal{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}.section-reveal.is-visible{opacity:1;transform:none}
@media (max-width:60rem){.wrap{width:min(100% - 2rem,62rem)}.nav-r>a:nth-child(3){display:none}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.facts li:nth-child(2n){padding-right:0}.footer-main{gap:3rem}.discord-community-inner{gap:2.5rem}}
@media (max-width:50rem){.nav{align-items:flex-start}.join-content,.discord-community-inner{grid-template-columns:1fr}.discord-community-widget{justify-self:start}.discord-community-copy{max-width:40rem}.footer-main{grid-template-columns:1fr;gap:2.5rem}.section-heading{align-items:flex-start;flex-direction:column;gap:.45rem}.faq-grid{grid-template-columns:1fr}.rg{grid-template-columns:1fr 1fr}}
@media (max-width:38rem){body{font-size:1rem}.wrap{width:min(100% - 1.25rem,34rem)}.hero{min-height:36rem}.nav{gap:.7rem}.brand{font-size:.9rem}.nav-r>a{display:none!important}.nav .soc{margin-left:0}.hero-body{padding-bottom:7.5rem}.tag{font-size:1.06rem}.hero-actions{flex-direction:column;align-items:stretch}.ip{width:100%}.ip code{flex:1}.hero-discord{width:100%}.hero-meta{gap:.55rem .95rem}.facts{grid-template-columns:1fr 1fr}.facts li{padding:.95rem .6rem .95rem 0}.facts strong{font-size:.78rem}.stats{grid-template-columns:1fr}.feat li{grid-template-columns:2.7rem 1fr}.join-content{gap:1.5rem}.join-note{align-items:flex-start;flex-direction:column}.discord-community{padding:3.5rem 0 4rem}.discord-community-widget,.discord-community-widget iframe{width:100%;max-width:350px}.footer-links{grid-template-columns:1fr 1fr;gap:1.5rem}.footer-links>div:last-child{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-socials{margin-top:.15rem}.rule-tools{align-items:stretch}.clear-search{align-self:end}}
@media (prefers-reduced-motion:reduce){a.sl,.hero-discord,.theme-toggle,.footer-actions button,.footer-actions a,.discord-community-button,.back-top,.section-reveal{transition:none}.section-reveal{opacity:1;transform:none}}

/* Vincent Vanilla botanical theme */
:root{accent-color:#28c957}
.hero h1 img{width:min(100%,32rem);filter:drop-shadow(0 8px 0 rgba(0,20,7,.34));}
.feature-shot img{border:2px solid var(--border);box-shadow:6px 6px 0 var(--shadow);}
.feat-num{color:var(--blue);}
a:hover,.rules a:hover{color:var(--green);}


/* Refined Vincent Vanilla design system */
:root { --radius-sm:10px; --radius-md:16px; --radius-lg:24px; --line:color-mix(in srgb,var(--border) 76%,transparent); }
html { scroll-behavior:smooth; }
body { font-size:1rem; line-height:1.7; letter-spacing:-.008em; }
.wrap { width:min(100% - 2.5rem,72rem); }
.hero { min-height:39rem; background:linear-gradient(90deg,rgba(2,16,8,.84),rgba(3,34,15,.58) 58%,rgba(2,16,8,.35)),radial-gradient(ellipse at 72% 18%,rgba(68,255,122,.22),transparent 38%),linear-gradient(145deg,#03180b 0%,#075527 60%,#0a8b38 100%); }
.nav { padding:1.2rem 0; border-bottom:1px solid rgba(175,255,195,.15); }
.brand { font-family:var(--font); font-size:1rem; letter-spacing:.01em; }
.brand img { border:0; border-radius:9px; box-shadow:none; }
.nav-r { gap:.25rem; }
.nav-r>a { border-radius:9px; padding:.55rem .8rem; transition:background .18s ease,color .18s ease; }
.nav-r>a:hover { border-color:transparent; background:rgba(220,255,229,.1); }
a.sl,.theme-toggle { border-radius:10px; box-shadow:none; }
.theme-toggle { border-color:rgba(220,255,229,.28); border-radius:999px; }
.hero-body { padding-top:3rem; padding-bottom:7rem; }
.hero h1 img { width:min(100%,34rem); filter:drop-shadow(0 14px 28px rgba(0,0,0,.22)); }
.tag { max-width:40rem; margin:1.4rem 0 1.8rem; font-size:clamp(1.05rem,2vw,1.25rem); color:#d6f8df; }
.ip { border:1px solid rgba(193,255,208,.36); border-radius:13px; overflow:hidden; box-shadow:0 12px 32px rgba(0,0,0,.16); }
.ip code { font-family:var(--font); font-size:1.12rem; letter-spacing:.01em; padding:.8rem 1rem; }
.ip button { border-left:1px solid rgba(6,50,21,.2); transition:filter .18s ease; }
.ip button:hover { filter:brightness(1.06); }
.hero-discord { border:1px solid rgba(193,255,208,.35); border-radius:13px; box-shadow:none; padding:.8rem 1.2rem; }
.hero-discord:hover { box-shadow:none; transform:translateY(-1px); background:rgba(234,255,239,.1); }
.hero-meta { gap:.65rem; }
.hero-meta>span:not(.status) { padding:.25rem .7rem; border:1px solid rgba(193,255,208,.17); border-radius:999px; background:rgba(0,20,8,.18); }
.status { font-family:var(--font); font-size:.85rem; font-weight:700; }
.facts { border-bottom:1px solid var(--line); gap:.75rem; padding:1rem 0; }
.facts li { padding:.9rem 1rem; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--card); }
.facts small { font-size:.78rem; letter-spacing:.025em; }
.facts strong { font-family:var(--font); font-size:1rem; font-weight:700; }
section { padding:4.5rem 0; }
h2 { font-family:var(--font); font-weight:750; letter-spacing:-.035em; line-height:1.16; }
h3,.feat h3,.who h3,.discord-widget-heading h3,.footer-links h3 { font-family:var(--font); letter-spacing:-.015em; }
.section-kicker,.eyebrow { font-family:var(--font); font-size:.73rem; letter-spacing:.14em; }
.section-kicker:before,.eyebrow:before { border-radius:50%; box-shadow:0 0 0 .22rem rgba(67,237,112,.12); }
.section-heading { margin-bottom:1.5rem; }
.panel { border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:0 14px 36px rgba(0,0,0,.07); padding:clamp(1.1rem,3vw,1.6rem); }
.panel .icon { border-radius:12px; image-rendering:auto; }
.motd { font-family:var(--font); font-size:1.05rem; font-weight:700; }
.stats { border-top:1px solid var(--line); }
.stats dd { font-family:var(--font); font-size:1rem; font-weight:750; }
.feature-shot { border-radius:var(--radius-lg); border:1px solid var(--line); box-shadow:0 14px 36px rgba(0,0,0,.08); }
.feature-shot img { border:0; box-shadow:none; }
.feat { border-top:1px solid var(--line); }
.feat li { grid-template-columns:3rem minmax(0,1fr); border-bottom:1px solid var(--line); padding:1.3rem .2rem; }
.feat-num { font-family:var(--font); font-size:.8rem; font-weight:800; }
.feat h3 { font-size:1.08rem; }
.join,.discord-community { background:var(--card-soft); }
.steps { gap:.75rem; }
.steps li { border:1px solid var(--line); border-radius:var(--radius-md); box-shadow:0 5px 16px rgba(0,0,0,.035); padding:1.1rem; }
.steps li:before { border-radius:11px; font-family:var(--font); font-weight:800; }
.shot,.join-note,.rule-group,.faq-grid details { border:1px solid var(--line); border-radius:var(--radius-md); box-shadow:0 6px 20px rgba(0,0,0,.04); }
.rule-group { padding:1.2rem; background:var(--card); }
.rule-group h3 { font-size:1.05rem; line-height:1.35; }
.rules li { margin:.6rem 0; line-height:1.65; }
.rules li::marker { content:"•  "; }
.faq-grid details { background:var(--card); padding:1rem 1.1rem; }
.faq-grid summary { font-weight:700; }
.discord-community-inner { gap:3rem; }
.discord-community-button { border:0; border-radius:11px; box-shadow:0 8px 20px rgba(0,0,0,.1); padding:.85rem 1.15rem; }
.discord-community-button:hover { box-shadow:0 10px 24px rgba(0,0,0,.15); }
.discord-community-widget iframe { border:1px solid var(--line); border-radius:14px; box-shadow:0 12px 30px rgba(0,0,0,.1); overflow:hidden; }
.site-footer { border-top:1px solid var(--line); }
.footer-logo { font-family:var(--font); }
.footer-logo img { border:0; box-shadow:none; image-rendering:auto; }
.footer-actions button,.footer-actions a { border:1px solid var(--line); border-radius:10px; box-shadow:none; }
.footer-actions button:hover,.footer-actions a:hover { box-shadow:none; transform:translateY(-1px); }
.footer-links h3 { font-size:.95rem; }
.footer-bottom { border-top:1px solid var(--line); }
.back-top { border-radius:50%; box-shadow:0 8px 22px rgba(0,0,0,.15); }
a,button,input,summary { -webkit-tap-highlight-color:transparent; }
button,a { transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease; }
@media(max-width:38rem) { .wrap{width:min(100% - 1.25rem,34rem)} .hero{min-height:35rem} .nav{align-items:center} .brand{font-size:.85rem} .hero-body{padding-top:2.4rem;padding-bottom:5rem} .hero h1 img{width:min(100%,29rem)} .facts{gap:.5rem} .facts li{padding:.8rem} .facts strong{font-size:.9rem} section{padding:3.4rem 0} .stats{gap:.75rem} }


/* Full-width collapsible rules accordion */
#rules .rule-tools { max-width: 42rem; margin: 0 0 1.6rem; align-items: end; }
#rules .rule-search { max-width: 38rem; gap: .55rem; font-size: .9rem; color: var(--text); }
#rules .rule-search input { min-height: 3.4rem; border: 1px solid var(--line); border-radius: 10px; padding: .85rem 1rem; background: var(--card); box-shadow: none; font: inherit; }
#rules .rule-search input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px color-mix(in srgb, var(--blue) 16%, transparent); }
#rules .rg { display: grid; grid-template-columns: minmax(0,1fr); gap: .8rem; }
#rules .rule-group { display: block; min-width: 0; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: 12px; background: var(--card); box-shadow: 0 4px 14px rgba(0,0,0,.035); overflow: clip; }
#rules .rule-group[hidden] { display: none; }
#rules .rule-group > .rule-summary { display: flex; align-items: center; gap: 1rem; min-height: 4.25rem; padding: 1.05rem 1.25rem; font: inherit; font-size: .95rem; font-weight: 700; text-align: left; list-style: none; }
#rules .rule-group > .rule-summary::-webkit-details-marker { display: none; }
#rules .rule-group > .rule-summary::after { content: none; }
#rules .rule-title { flex: 1; min-width: 0; color: var(--text); font-family: var(--pixel); font-size: clamp(.72rem,1.5vw,.9rem); letter-spacing: .08em; text-transform: uppercase; }
#rules .rule-count { color: var(--dim); font-size: .85rem; font-weight: 500; white-space: nowrap; }
#rules .rule-chevron { display: inline-grid; place-items: center; width: 1.65rem; height: 1.65rem; border-radius: 7px; color: var(--blue-text); background: var(--blue); font-size: 1.25rem; font-weight: 700; line-height: 1; flex: 0 0 auto; transition: transform .18s ease; }
#rules .rule-group[open] > .rule-summary { border-bottom: 1px solid var(--line); background: var(--card-soft); }
#rules .rule-group[open] > .rule-summary .rule-chevron { transform: rotate(45deg); }
#rules .rule-content { padding: 1rem 1.25rem 1.2rem; }
#rules .rule-content h4 { margin: 1.25rem 0 .5rem; font-size: .95rem; }
#rules .rule-content .rules { padding-left: 1.3rem; }
#rules .rule-content .rules li { margin: .65rem 0; padding-left: .3rem; line-height: 1.7; }
#rules .rule-content p { margin: .25rem 0; color: var(--dim); }
#rules .rule-content > p a { color: var(--green); font-weight: 700; }
#rules .rule-content [hidden] { display: none !important; }
#rules .rules-empty { padding: 1rem 1.1rem; border: 1px dashed var(--line); border-radius: 10px; color: var(--dim); }
@media (max-width: 38rem) {
  #rules .rule-group > .rule-summary { min-height: 3.8rem; padding: .9rem; gap: .55rem; }
  #rules .rule-title { font-size: .7rem; letter-spacing: .04em; }
  #rules .rule-count { font-size: .75rem; }
  #rules .rule-content { padding: .9rem; }
}


/* Refined rules presentation */
#rules .rule-group {
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  background: var(--card);
  box-shadow: 0 4px 14px rgba(0, 0, 0, .045);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
#rules .rule-group:hover {
  border-color: var(--green);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .075);
  transform: translateY(-1px);
}
#rules .rule-group > .rule-summary {
  gap: .8rem;
  padding: 1.1rem 1.2rem;
  min-height: 4.4rem;
}
#rules .rule-title {
  font-family: var(--font);
  font-size: .96rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}
#rules .rule-count {
  font-size: .78rem;
  letter-spacing: .01em;
}
#rules .rule-chevron {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: var(--card-soft);
  color: var(--green);
  border: 1px solid var(--border);
  font-size: 1.1rem;
}
#rules .rule-group[open] > .rule-summary {
  background: var(--card-soft);
  border-bottom: 1px solid var(--border);
}
#rules .rule-content {
  padding: 1.15rem 1.25rem 1.3rem;
}
#rules .rules li {
  margin: .65rem 0;
  padding-left: .35rem;
  line-height: 1.7;
}
#rules .rules li b {
  color: var(--green);
  font-variant-numeric: tabular-nums;
}
@media (max-width: 600px) {
  #rules .rule-group > .rule-summary { gap: .55rem; padding: .95rem; }
  #rules .rule-title { font-size: .9rem; }
  #rules .rule-count { font-size: .72rem; }
}
@media (prefers-reduced-motion: reduce) {
  #rules .rule-group, #rules .rule-chevron { transition: none; }
}


/* Balanced, editorial hero layout */
.hero { min-height: auto; }
.hero-body { display:flex; align-items:center; padding-top:clamp(3rem,7vw,6rem); padding-bottom:clamp(3.5rem,7vw,6rem); }
.hero-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:clamp(2rem,6vw,5.5rem); width:100%; }
.hero h1.hero-logo { min-width:0; margin:0; line-height:0; }
.hero h1.hero-logo img { width:100%; max-width:29rem; height:auto; margin-inline:auto; filter:drop-shadow(0 16px 32px rgba(0,0,0,.24)); }
.hero-copy { min-width:0; max-width:39rem; }
.hero-eyebrow { margin:0; color:#9df2b1; font-size:.76rem; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.hero .tag { max-width:34rem; margin:.8rem 0 1.6rem; font-size:clamp(1.25rem,2.2vw,1.8rem); line-height:1.45; font-weight:600; letter-spacing:-.025em; }
.hero-actions { gap:.7rem; }
.hero .ip { max-width:100%; }
.hero-meta { margin-top:1.15rem; }
.feature-shot { width:min(100%,44rem); margin:0 auto 2rem; }
.feature-shot img { display:block; width:100%; height:auto; max-height:22rem; object-fit:cover; }
@media(max-width:48rem) {
  .hero-body { padding-top:2.5rem; padding-bottom:3.5rem; }
  .hero-layout { grid-template-columns:minmax(0,1fr); gap:1.5rem; text-align:center; }
  .hero h1.hero-logo img { max-width:min(68%,18rem); }
  .hero-copy { margin-inline:auto; }
  .hero .tag { margin:.65rem auto 1.3rem; }
  .hero-actions { justify-content:center; }
  .hero .ip { margin-inline:auto; }
  .hero-meta { justify-content:center; }
  .feature-shot { width:min(100%,34rem); }
  .feature-shot img { max-height:17rem; }
}
@media(max-width:30rem) {
  .hero h1.hero-logo img { max-width:min(74%,15rem); }
  .hero .hero-actions { align-items:stretch; }
  .hero .ip { width:100%; }
  .hero .hero-discord { width:100%; }
  .hero .ip code { font-size:.95rem; }
}


/* Vincent Vanilla design system — canonical tokens and component rules */
:root {
  color-scheme: light;
  --color-canvas: #f6f4ec;
  --color-surface: #fffdf7;
  --color-surface-raised: #eeece1;
  --color-surface-inset: #e5e6d8;
  --color-ink: #20291e;
  --color-ink-muted: #66705f;
  --color-line: #d5d8c8;
  --color-brand: #347344;
  --color-brand-hover: #285d36;
  --color-brand-ink: #ffffff;
  --color-accent: #c4df87;
  --color-accent-ink: #26351d;
  --color-danger: #b3473d;
  --color-success: #347344;
  --color-shadow: rgba(32, 41, 30, .08);
  --color-hero: #172d20;
  --color-hero-end: #294a32;

  --font-body: "Manrope", sans-serif;
  --font-display: "Space Grotesk", sans-serif;
  --font-mono: "Space Grotesk", sans-serif;
  --font: var(--font-body);
  --pixel: var(--font-display);

  --space-0: 0;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-section: clamp(3.5rem, 7vw, 6.5rem);

  --radius-none: 0;
  --radius-sm: .35rem;
  --radius-md: .65rem;
  --radius-lg: 1rem;
  --radius-pill: 999px;
  --radius: var(--radius-md);

  --border-width: 1px;
  --border-strong: 1.5px;
  --shadow-card: 0 1px 2px var(--color-shadow);
  --shadow-hover: 0 8px 24px rgba(32, 41, 30, .09);
  --shadow-offset: none;

  --control-height: 2.9rem;
  --control-pad-x: 1rem;
  --control-border: var(--color-line);
  --control-focus: var(--color-brand);
  --button-radius: var(--radius-sm);
  --card-radius: var(--radius-md);

  --bg: var(--color-canvas);
  --card: var(--color-surface);
  --card-soft: var(--color-surface-raised);
  --text: var(--color-ink);
  --dim: var(--color-ink-muted);
  --border: var(--color-line);
  --blue: var(--color-brand);
  --blue-text: var(--color-brand-ink);
  --green: var(--color-success);
  --red: var(--color-danger);
  --shadow: transparent;
  --hero-top: var(--color-hero);
  --hero-mid: #203d2a;
  --hero-bottom: var(--color-hero-end);
  box-sizing: border-box;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-canvas: #141a14;
    --color-surface: #1c241c;
    --color-surface-raised: #242e23;
    --color-surface-inset: #2a3528;
    --color-ink: #edf0e5;
    --color-ink-muted: #a9b3a1;
    --color-line: #394638;
    --color-brand: #a9ce8b;
    --color-brand-hover: #c2dfa9;
    --color-brand-ink: #1d2b1b;
    --color-accent: #d2e9a5;
    --color-accent-ink: #26351d;
    --color-danger: #ff9a8d;
    --color-success: #a9ce8b;
    --color-shadow: rgba(0, 0, 0, .18);
    --color-hero: #101c14;
    --color-hero-end: #213a28;
    --shadow-hover: 0 8px 24px rgba(0, 0, 0, .2);
    --bg: var(--color-canvas);
    --card: var(--color-surface);
    --card-soft: var(--color-surface-raised);
    --text: var(--color-ink);
    --dim: var(--color-ink-muted);
    --border: var(--color-line);
    --blue: var(--color-brand);
    --blue-text: var(--color-brand-ink);
    --green: var(--color-success);
    --red: var(--color-danger);
    --shadow: transparent;
    --hero-top: var(--color-hero);
    --hero-mid: #192d1f;
    --hero-bottom: var(--color-hero-end);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-canvas: #141a14;
  --color-surface: #1c241c;
  --color-surface-raised: #242e23;
  --color-surface-inset: #2a3528;
  --color-ink: #edf0e5;
  --color-ink-muted: #a9b3a1;
  --color-line: #394638;
  --color-brand: #a9ce8b;
  --color-brand-hover: #c2dfa9;
  --color-brand-ink: #1d2b1b;
  --color-accent: #d2e9a5;
  --color-accent-ink: #26351d;
  --color-danger: #ff9a8d;
  --color-success: #a9ce8b;
  --color-shadow: rgba(0, 0, 0, .18);
  --color-hero: #101c14;
  --color-hero-end: #213a28;
  --shadow-hover: 0 8px 24px rgba(0, 0, 0, .2);
  --bg: var(--color-canvas);
  --card: var(--color-surface);
  --card-soft: var(--color-surface-raised);
  --text: var(--color-ink);
  --dim: var(--color-ink-muted);
  --border: var(--color-line);
  --blue: var(--color-brand);
  --blue-text: var(--color-brand-ink);
  --green: var(--color-success);
  --red: var(--color-danger);
  --shadow: transparent;
  --hero-top: var(--color-hero);
  --hero-mid: #192d1f;
  --hero-bottom: var(--color-hero-end);
}
:root[data-theme="light"] { color-scheme: light; }

html { background: var(--color-canvas); scroll-padding-top: var(--space-4); }
body {
  background: var(--color-canvas);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.7;
  letter-spacing: -.012em;
}
::selection { background: var(--color-accent); color: var(--color-accent-ink); }
.wrap { width: min(100% - 2.5rem, 74rem); }
.hero {
  background: linear-gradient(118deg, var(--color-hero) 0%, #203d2a 60%, var(--color-hero-end) 100%);
  min-height: 0;
}
.nav { padding-block: var(--space-5); }
.brand { font-family: var(--font-display); font-size: 1rem; letter-spacing: -.035em; }
.brand img { border-radius: var(--radius-sm); border: 1px solid rgba(237,240,229,.45); box-shadow: none; }
.nav-r { gap: var(--space-2); }
.nav-r > a { padding: .5rem .65rem; border-bottom: 1px solid transparent; font-size: .9rem; }
.nav-r > a:hover { border-color: var(--color-accent); }
a.sl, .theme-toggle {
  width: var(--control-height); height: var(--control-height);
  border: 1px solid rgba(237,240,229,.35); border-radius: var(--button-radius);
  box-shadow: none; transition: background-color .16s ease, color .16s ease, border-color .16s ease;
}
a.sl-discord { background: #3f5947; color: #fffdf7; }
a.sl-tiktok { background: #252a24; color: #fffdf7; }
a.sl-store { background: var(--color-accent); color: var(--color-accent-ink); }
a.sl:hover, .theme-toggle:hover { transform: none; box-shadow: none; border-color: var(--color-accent); }
.theme-toggle { background: rgba(255,255,255,.06); }
.hero-body { padding: clamp(3.5rem, 7vw, 6rem) 0; }
.hero-layout { gap: clamp(2rem, 5vw, 6rem); }
.hero h1.hero-logo img { max-width: 27rem; filter: none; }
.hero-eyebrow, .eyebrow, .section-kicker {
  color: var(--color-accent);
  font-family: var(--font-display);
  font-size: .76rem;
  letter-spacing: .12em;
}
.hero-eyebrow { font-weight: 700; }
.eyebrow::before, .section-kicker::before { box-shadow: none; background: var(--color-accent); }
.hero .tag { font-family: var(--font-display); font-weight: 500; letter-spacing: -.04em; line-height: 1.3; }
.ip {
  border: 1px solid rgba(237,240,229,.5);
  border-radius: var(--button-radius);
  background: rgba(8, 22, 13, .6);
  box-shadow: none;
  overflow: hidden;
}
.ip code { font-family: var(--font-display); font-weight: 600; }
.ip button {
  min-height: var(--control-height);
  border-left: 1px solid rgba(237,240,229,.35);
  background: var(--color-accent);
  color: var(--color-accent-ink);
  font-family: var(--font-body);
  font-weight: 800;
}
.ip button:hover { background: #e2efc7; }
.hero-discord {
  min-height: var(--control-height);
  border: 1px solid rgba(237,240,229,.45);
  border-radius: var(--button-radius);
  box-shadow: none;
  background: rgba(255,255,255,.06);
  font-weight: 700;
}
.hero-discord:hover { background: rgba(255,255,255,.12); transform: none; box-shadow: none; }
.hero-discord:active, .ip button:active { transform: translateY(1px); }
.hero-meta { color: #d1ddce; font-size: .88rem; }
.status { font-family: var(--font-display); font-size: .78rem; }
.ridge { opacity: .6; }
main { background: var(--color-canvas); }
section { padding-block: var(--space-section); }
h2 { font-family: var(--font-display); font-weight: 600; letter-spacing: -.045em; line-height: 1.12; }
h3, .motd, .stats dd, .who h3, .feat h3, .steps li::before, .rule-group h3 {
  font-family: var(--font-display);
}
.section-heading { gap: var(--space-8); margin-bottom: var(--space-8); }
.section-side-note, .text-link { font-size: .92rem; }
.panel, .shot, .join-note, .rule-group, .faq-grid details, .steps li, details {
  border: 1px solid var(--color-line);
  border-radius: var(--card-radius);
  box-shadow: var(--shadow-card);
}
.panel { padding: clamp(1.1rem, 2.4vw, 1.6rem); }
.panel .icon { border: 1px solid var(--color-line); border-radius: var(--radius-sm); }
.stats { border-top: 1px solid var(--color-line); }
.who { border-top: 1px solid var(--color-line); }
.plist li { border: 1px solid var(--color-line); border-radius: var(--radius-sm); font-family: var(--font-body); }
.feature-shot { border-radius: var(--card-radius); }
.shot { overflow: hidden; }
.feat { border-top: 1px solid var(--color-line); }
.feat li { border-bottom: 1px solid var(--color-line); }
.feat-num { color: var(--color-brand); font-family: var(--font-display); }
.join { background: var(--color-surface-raised); }
.steps { gap: var(--space-3); }
.steps li { grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-4); padding: var(--space-5); }
.steps li::before { width: 2.5rem; height: 2.5rem; border-radius: var(--radius-sm); background: var(--color-accent); color: var(--color-accent-ink); }
.steps code, .shot figcaption code, .steps li code {
  border: 1px solid var(--color-line); border-radius: var(--radius-sm);
  background: var(--color-surface-raised); font-family: var(--font-display);
}
.join-note { padding: var(--space-5); }
.rule-tools { gap: var(--space-3); }
.rule-search { gap: var(--space-2); }
.rule-search input, #rules .rule-search input {
  min-height: var(--control-height); padding: .65rem .85rem;
  border: 1px solid var(--control-border); border-radius: var(--button-radius);
  background: var(--color-surface); color: var(--color-ink);
  font-family: var(--font-body); transition: border-color .16s ease, box-shadow .16s ease;
}
.rule-search input:focus, #rules .rule-search input:focus {
  border-color: var(--control-focus); outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--control-focus) 18%, transparent);
}
.clear-search, .footer-actions button, .footer-actions a, .discord-community-button {
  min-height: var(--control-height); padding: .65rem var(--control-pad-x);
  border: 1px solid var(--color-line); border-radius: var(--button-radius);
  background: var(--color-surface); color: var(--color-ink);
  box-shadow: none; font-family: var(--font-body); font-weight: 700;
  text-decoration: none; transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}
.clear-search:hover, .footer-actions button:hover, .footer-actions a:hover {
  background: var(--color-surface-raised); transform: none;
}
#rules .rg { gap: var(--space-3); }
#rules .rule-group {
  border-radius: var(--card-radius);
  box-shadow: none;
  transition: border-color .16s ease, background-color .16s ease;
}
#rules .rule-group:hover { border-color: var(--color-brand); box-shadow: none; transform: none; }
#rules .rule-group > .rule-summary { padding: var(--space-5); min-height: 4rem; }
#rules .rule-title { font-family: var(--font-body); font-weight: 800; }
#rules .rule-count { color: var(--color-ink-muted); }
#rules .rule-chevron { border-radius: var(--radius-sm); border: 1px solid var(--color-line); background: var(--color-surface-raised); color: var(--color-brand); }
#rules .rule-group[open] > .rule-summary { background: var(--color-surface-raised); border-color: var(--color-line); }
#rules .rule-content { padding: var(--space-5); }
#rules .rules li { line-height: 1.75; }
.rules li::marker { color: var(--color-brand); }
.faq-grid { gap: var(--space-3); }
.faq-grid details, details { border-radius: var(--card-radius); box-shadow: none; }
.faq-grid summary, summary { padding: var(--space-5); font-family: var(--font-body); font-size: .95rem; font-weight: 750; }
details summary::after { color: var(--color-brand); }
details p { padding: 0 var(--space-5) var(--space-5); }
.discord-community { background: var(--color-surface-raised); }
.discord-community-button { background: var(--color-brand); border-color: var(--color-brand); color: var(--color-brand-ink); }
.discord-community-button:hover { background: var(--color-brand-hover); transform: translateY(-1px); }
.site-footer { border-top: 1px solid var(--color-line); }
.footer-logo img { border-radius: var(--radius-sm); }
.footer-links h3 { font-family: var(--font-display); }
.footer-bottom { border-top: 1px solid var(--color-line); }
.back-top { border-radius: var(--button-radius); box-shadow: none; }
a, button, input, summary { -webkit-tap-highlight-color: transparent; }
button, a, input, summary { transition-duration: .16s; }
:focus-visible { outline: 2px solid var(--color-brand); outline-offset: 3px; }
@media (max-width: 48rem) {
  .wrap { width: min(100% - 2rem, 74rem); }
  .nav { align-items: flex-start; }
  .nav-r { gap: .25rem; }
  .hero-body { padding-block: var(--space-10); }
  .hero-layout { gap: var(--space-6); }
  .section-heading { align-items: flex-start; flex-direction: column; gap: var(--space-2); }
  .join-content, .discord-community-inner { gap: var(--space-8); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}