/* SunBot's site: one look for every page. Tokens, the header and footer
   (stamped into each page by scripts/gen-site.js), buttons, sections, the
   Discord-style mocks, toasts, Sunny, and the docs layout. */
@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ps2p-cyrext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ps2p-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ps2p-latext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ps2p-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'VT323';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/VT323.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-Regular.woff2) format('woff2')}

:root{
  --sun:#FFD700; --sun2:#FFA500; --sun3:#CC8800; --sun4:#6B4A00;
  --bg:#0B0B19; --bg2:#101026; --bg3:#17173A; --panel:#1B1B44;
  --line:#26265A; --line2:#3A3A7A;
  --text:#ECECFF; --text2:#CACAEE; --muted:#9C9CCB;
  --green:#39FF6E; --red:#FF5C7A; --cyan:#4FD8FF; --violet:#B98AFF;
  --px:'Press Start 2P',monospace; --vt:'VT323',monospace;
  --sans:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  --wrap:1200px; --head:72px;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--head) + 16px);-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.6;overflow-x:hidden;}
img,svg,canvas{max-width:100%;}
a{color:var(--sun);text-decoration:none;}
a:hover{color:#FFE866;}
p{margin:0 0 1em;}
h1,h2,h3,h4{margin:0;font-weight:400;}
code,kbd{font-family:var(--mono);font-size:.88em;background:var(--bg3);color:var(--sun);padding:.12em .4em;border-radius:3px;}
b,strong{color:#fff;}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px;}
[hidden]{display:none!important;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.skip{position:absolute;left:12px;top:-60px;z-index:1000;background:var(--sun);color:var(--bg);font-family:var(--px);font-size:10px;padding:12px;}
.skip:focus{top:12px;}
.px{font-family:var(--px);}
.vt{font-family:var(--vt);}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px;}
/* .pg holds a page that keeps its own components (the dev logs, the simulator,
   the leaderboard): the shared ones whose names it reuses skip it, :where(:not(.pg *)) */

/* ── buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;font-family:var(--px);font-size:11px;line-height:1.4;letter-spacing:.5px;color:var(--bg);background:var(--sun);border:3px solid var(--sun3);box-shadow:4px 4px 0 var(--sun3),7px 7px 0 rgba(0,0,0,.45);cursor:pointer;transition:transform .08s,box-shadow .08s;text-align:center;}
.btn:hover{color:var(--bg);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--sun3),9px 9px 0 rgba(0,0,0,.45);}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--sun3);}
.btn.ghost{background:transparent;color:var(--sun);border-color:var(--line2);box-shadow:4px 4px 0 var(--bg3);}
.btn.ghost:hover{border-color:var(--sun);color:var(--sun);}
.btn.dark{background:var(--bg);color:var(--sun);border-color:var(--bg);box-shadow:4px 4px 0 var(--sun4);}
.btn.sm{min-height:40px;padding:0 14px;font-size:9px;}
.btn[disabled]{opacity:.45;cursor:default;transform:none;}
@media (hover:none){.btn:hover{transform:none;}}

/* ── header (gen-site.js) ── */
.site-head{position:sticky;top:0;z-index:100;height:var(--head);background:rgba(11,11,25,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:3px solid var(--line);}
.site-head .wrap{height:100%;display:flex;align-items:center;gap:28px;max-width:1320px;}
.brand{display:flex;align-items:center;gap:10px;color:var(--sun);font-family:var(--px);font-size:13px;letter-spacing:2px;white-space:nowrap;}
.brand img{width:34px;height:34px;image-rendering:pixelated;}
.brand:hover img{animation:wiggle .6s steps(4);}
@keyframes wiggle{25%{transform:rotate(-12deg);}75%{transform:rotate(12deg);}}
.site-nav{display:flex;gap:26px;flex:1;}
.site-nav a{font-family:var(--px);font-size:10px;color:var(--text2);padding:8px 0;border-bottom:3px solid transparent;}
.site-nav a:hover{color:var(--sun);}
.site-nav a[aria-current="page"]{color:var(--sun);border-bottom-color:var(--sun);}
.head-right{display:flex;align-items:center;gap:14px;}
.lang{font-family:var(--px);font-size:9px;color:var(--muted);display:flex;gap:6px;align-items:center;}
.lang a{color:var(--muted);padding:6px 2px;}
.lang a[aria-current="true"]{color:var(--sun);}
.menu-btn{display:none;width:48px;height:48px;background:transparent;border:2px solid var(--line2);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;}
.menu-btn span{display:block;width:22px;height:3px;background:var(--sun);}
.mnav{position:fixed;inset:0;z-index:200;background:var(--bg2);display:flex;flex-direction:column;overflow-y:auto;}
.mnav[hidden]{display:none;}
.mnav-top{height:var(--head);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:3px solid var(--line);flex-shrink:0;}
.mnav-close{width:48px;height:48px;background:transparent;border:2px solid var(--line2);color:var(--sun);font-family:var(--px);font-size:14px;cursor:pointer;}
.mnav-body{padding:12px 20px 28px;display:flex;flex-direction:column;flex:1;}
.mnav-body h2{font-family:var(--px);font-size:9px;color:var(--sun2);letter-spacing:1px;margin:20px 0 4px;}
.mnav-body a:not(.btn){display:flex;justify-content:space-between;align-items:center;min-height:52px;border-bottom:1px solid var(--line);color:var(--text);font-size:18px;font-weight:500;}
.mnav-body a:not(.btn)::after{content:'→';font-family:var(--px);font-size:10px;color:var(--sun);}
.mnav-body a[aria-current="page"]{color:var(--sun);}
.mnav-lang{display:flex;gap:10px;margin:22px 0;}
.mnav-lang a{flex:1;justify-content:center!important;border:2px solid var(--line2)!important;font-family:var(--px);font-size:10px!important;min-height:48px!important;}
.mnav-lang a::after{content:none!important;}
.mnav-lang a[aria-current="true"]{border-color:var(--sun)!important;color:var(--sun)!important;}
.mnav-sunny{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:20px;color:var(--muted);font-size:15px;}
.mnav-sunny img{width:56px;height:56px;image-rendering:pixelated;}
@media (max-width:1060px){.site-nav{gap:18px;}.site-nav a{font-size:9px;}.head-right .dash{display:none;}}
@media (max-width:900px){.site-nav,.head-right .lang,.head-right .dash{display:none;}.menu-btn{display:flex;}.site-head .wrap{gap:12px;}.head-right{margin-left:auto;}.head-right .btn{min-height:42px;padding:0 12px;font-size:9px;}}
@media (max-width:400px){.brand span{display:none;}}

/* ── footer (gen-site.js) ── */
.site-foot{background:#080812;border-top:3px solid var(--line);padding:64px 0 32px;margin-top:0;}
.foot-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:36px;}
.foot-about{display:flex;flex-direction:column;gap:14px;color:var(--muted);font-size:15px;}
.foot-about .brand{font-size:12px;}
.foot-col h2{font-family:var(--px);font-size:9px;color:var(--sun2);letter-spacing:1px;margin:0 0 14px;}
.foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.foot-col a{color:var(--text2);font-size:15px;}
.foot-col a:hover{color:var(--sun);}
.foot-status{display:flex;align-items:center;gap:8px;font-size:14px;}
.foot-status i{width:9px;height:9px;border-radius:50%;background:var(--muted);display:inline-block;}
.foot-status.on i{background:var(--green);box-shadow:0 0 8px var(--green);}
.foot-status.off i{background:var(--red);}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:22px;border-top:2px solid var(--line);color:var(--muted);font-size:14px;}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;}.foot-about{grid-column:1/-1;}}

/* ── sections ── */
.sec:where(:not(.pg *)){padding:104px 0;position:relative;}
.sec.alt:where(:not(.pg *)){background:var(--bg2);border-top:3px solid var(--line);border-bottom:3px solid var(--line);}
.eyebrow{font-family:var(--px);font-size:10px;letter-spacing:2px;color:var(--sun2);margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.h2{font-family:var(--px);font-size:clamp(20px,2.6vw,30px);line-height:1.45;color:var(--sun);text-shadow:3px 3px 0 var(--sun4);}
.lead{font-size:clamp(17px,1.6vw,20px);line-height:1.65;color:var(--text2);max-width:640px;margin:18px 0 0;}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:48px;}
.more{font-family:var(--px);font-size:10px;}
@media (max-width:700px){.sec:where(:not(.pg *)){padding:72px 0;}}

/* ── cards ── */
.card:where(:not(.pg *)){background:var(--bg3);border:3px solid var(--line);box-shadow:6px 6px 0 rgba(0,0,0,.35);padding:24px;}
.chip:where(:not(.pg *)){display:inline-block;font-family:var(--vt);font-size:19px;line-height:1.1;color:var(--text2);border:2px solid var(--line2);padding:2px 9px;background:var(--bg2);}
.chip.gold:where(:not(.pg *)){color:var(--sun);border-color:var(--sun3);}
.free{font-family:var(--px);font-size:8px;letter-spacing:1px;color:var(--bg);background:var(--green);padding:5px 7px;}

/* ── Discord-looking mocks ── */
.dc:where(:not(.pg *)){background:#313338;color:#DBDEE1;font-family:var(--sans);font-size:15px;line-height:1.4;border:3px solid #1E1F22;box-shadow:10px 10px 0 rgba(0,0,0,.45);}
.dc-top{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #26272B;color:#949BA4;font-size:14px;}
.dc-top b{color:#F2F3F5;}
.dc-msgs{padding:10px 16px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;overflow:hidden;}
.dc-msg{display:flex;gap:12px;animation:rise .25s ease-out;}
.dc-av{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;color:#fff;font-size:15px;overflow:hidden;}
.dc-av img{width:100%;height:100%;image-rendering:pixelated;}
.dc-name{font-weight:600;color:#F2F3F5;}
.dc-time{color:#949BA4;font-size:12px;margin-left:6px;}
.dc-app{background:#5865F2;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:3px;margin-left:5px;vertical-align:1px;}
.dc-cmd{font-family:var(--mono);color:#C9CDFB;}
.dc-embed{margin-top:6px;background:#2B2D31;border-radius:6px;border-left:4px solid var(--sun);padding:10px 12px;max-width:420px;}
.dc-embed b{color:#F2F3F5;}
.dc-embed.green{border-left-color:#57F287;}.dc-embed.warn{border-left-color:#F59E0B;}.dc-embed.red{border-left-color:#ED4245;}.dc-embed.blue{border-left-color:#5865F2;}
.dc-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.dc-btn{background:#248046;color:#fff;border:0;border-radius:4px;padding:8px 16px;font:600 14px var(--sans);cursor:pointer;}
.dc-btn.grey{background:#4E5058;}.dc-btn.blue{background:#5865F2;}
.dc-btn:disabled{background:#4E5058;opacity:.7;cursor:default;}
.dc-typing{color:#949BA4;font-size:13px;height:18px;padding:0 16px 10px;}
@keyframes rise{from{opacity:0;transform:translateY(10px);}}

/* ── toasts (achievements and the like) ── */
.toasts{position:fixed;right:20px;bottom:20px;z-index:500;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none;}
.toast:where(:not(.pg *)){background:var(--panel);border:3px solid var(--sun);box-shadow:6px 6px 0 rgba(0,0,0,.5);padding:12px 16px;display:flex;gap:12px;align-items:center;max-width:340px;animation:toast .35s cubic-bezier(.3,1.6,.6,1);}
.toast:where(:not(.pg *)) b{display:block;font-family:var(--px);font-size:9px;color:var(--sun);margin-bottom:4px;letter-spacing:.5px;}
.toast:where(:not(.pg *)) span{font-size:14px;color:var(--text2);}
.toast:where(:not(.pg *)) .ic{font-size:26px;line-height:1;}
.toast.out:where(:not(.pg *)){opacity:0;transform:translateX(30px);transition:.3s;}
@keyframes toast{from{opacity:0;transform:translateX(60px) scale(.9);}}
.burst{position:fixed;z-index:600;pointer-events:none;font-size:22px;animation:burst 1s ease-out forwards;}
@keyframes burst{to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(1.3);}}

/* ── Sunny, alive (site.js) ── */
.sunny{display:block;image-rendering:pixelated;overflow:visible;}
.sunny .sunny-rays{transform-origin:30px 30px;animation:rays 24s linear infinite;}
.sunny.is-win .sunny-rays{animation-duration:2s;}
.sunny.is-sad .sunny-rays{animation-play-state:paused;}
.sunny .sunny-brows{transition:transform .15s;}
.sunny.is-win .sunny-brows{transform:translateY(-1px);}
.sunny.is-sad .sunny-brows{transform:translateY(1px);}
@keyframes rays{to{transform:rotate(360deg);}}
.bob{animation:bob 3.2s ease-in-out infinite;}
@keyframes bob{50%{transform:translateY(-10px);}}
.hop{animation:hop .5s cubic-bezier(.3,1.8,.6,1);}
@keyframes hop{40%{transform:translateY(-28px) scale(1.06);}}
.bubble{position:absolute;background:#fff;color:#0B0B19;font-family:var(--px);font-size:10px;line-height:1.6;padding:12px 14px;border:3px solid #0B0B19;box-shadow:4px 4px 0 rgba(0,0,0,.4);max-width:240px;}
.bubble::after{content:'';position:absolute;width:12px;height:12px;background:#fff;border:3px solid #0B0B19;border-top:0;border-left:0;transform:rotate(45deg);}

/* ── docs ── */
.docs{display:grid;grid-template-columns:260px minmax(0,1fr) 210px;gap:48px;max-width:1320px;margin:0 auto;padding:36px 24px 80px;}
.docs-side{position:sticky;top:calc(var(--head) + 20px);align-self:start;max-height:calc(100vh - var(--head) - 40px);overflow:auto;padding-right:6px;}
.docs-side h2{font-family:var(--px);font-size:9px;color:var(--sun2);letter-spacing:1px;margin:22px 10px 6px;}
.docs-side h2:first-child{margin-top:0;}
.docs-side a{display:block;padding:7px 10px;font-size:15px;color:var(--text2);border-left:3px solid transparent;}
.docs-side a:hover{color:var(--sun);background:var(--bg2);}
.docs-side a[aria-current="page"]{color:var(--sun);border-left-color:var(--sun);background:var(--bg3);font-weight:600;}
.docs-main{min-width:0;max-width:780px;}
.crumbs{font-size:14px;color:var(--muted);margin-bottom:14px;}
.crumbs a{color:var(--text2);}
.docs-main h1{font-family:var(--px);font-size:clamp(20px,2.4vw,28px);line-height:1.45;color:var(--sun);margin-bottom:18px;}
.docs-main h2{font-family:var(--px);font-size:15px;line-height:1.6;color:var(--sun2);margin:44px 0 14px;}
.docs-main h3{font-size:19px;font-weight:700;color:#fff;margin:28px 0 8px;}
.docs-main .lead{margin:0 0 24px;}
.docs-main ul,.docs-main ol{padding-left:22px;margin:0 0 1em;}
.docs-main li{margin-bottom:8px;}
.docs-toc{position:sticky;top:calc(var(--head) + 20px);align-self:start;font-size:14px;}
.docs-toc h2{font-family:var(--px);font-size:9px;color:var(--muted);letter-spacing:1px;margin:0 0 12px;}
.docs-toc a{display:block;color:var(--text2);padding:4px 0;}
.docs-toc a.on{color:var(--sun);}
.tip:where(:not(.pg *)){display:flex;gap:14px;align-items:flex-start;background:var(--bg2);border:2px solid var(--line2);padding:16px 18px;margin:22px 0;}
.tip:where(:not(.pg *)) img{width:44px;height:44px;image-rendering:pixelated;flex:none;}
.tip:where(:not(.pg *))>div>b:first-child{font-family:var(--px);font-size:9px;color:var(--green);display:block;margin-bottom:6px;letter-spacing:1px;}
.tip.warn:where(:not(.pg *))>div>b:first-child{color:var(--sun2);}
.tbl{width:100%;border-collapse:collapse;margin:14px 0 22px;font-size:15px;background:var(--bg2);border:2px solid var(--line);}
.tbl th{font-family:var(--px);font-size:9px;color:var(--sun2);text-align:left;padding:12px 14px;border-bottom:2px solid var(--line2);}
.tbl td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top;}
.tbl-wrap{overflow-x:auto;}
.tbl th small{display:block;margin-top:6px;font-family:var(--sans);font-size:12px;color:var(--muted);letter-spacing:0;}
.plans-tbl td:not(:first-child),.plans-tbl th:not(:first-child){text-align:center;width:92px;}
.qa{background:var(--bg2);border:2px solid var(--line);margin:0 0 10px;}
.qa[open]{border-color:var(--line2);}
.qa summary{cursor:pointer;list-style:none;padding:14px 44px 14px 16px;font-weight:600;color:#fff;position:relative;}
.qa summary::-webkit-details-marker{display:none;}
.qa summary::after{content:'+';position:absolute;right:16px;top:10px;font-family:var(--px);font-size:14px;color:var(--sun);}
.qa[open] summary::after{content:'−';}
.qa summary:hover{color:var(--sun);}
.qa>div{padding:0 16px 4px;color:var(--text2);}
.pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px;}
.pager a{border:2px solid var(--line2);padding:16px 18px;display:flex;flex-direction:column;gap:6px;color:var(--text);}
.pager a:hover{border-color:var(--sun);}
.pager small{font-family:var(--px);font-size:8px;color:var(--muted);}
.pager a.next{text-align:right;}
.docs-search{display:flex;align-items:center;gap:8px;border:2px solid var(--line2);padding:0 10px;margin:0 0 18px;background:var(--bg2);}
.docs-search input{flex:1;min-height:42px;background:transparent;border:0;color:var(--text);font:15px var(--sans);outline:none;}
.docs-search:focus-within{border-color:var(--sun);}
.docs-hits{display:flex;flex-direction:column;margin:-10px 0 16px;}
.docs-hits a{padding:8px 10px;font-size:14px;border-bottom:1px solid var(--line);}
.docs-hits span{padding:8px 10px;font-size:14px;color:var(--muted);}
.docs-toggle{display:none;width:100%;min-height:44px;background:var(--bg2);border:2px solid var(--line2);color:var(--sun);font-family:var(--px);font-size:9px;cursor:pointer;margin-bottom:8px;}
.docs-main pre{background:var(--bg2);border:2px solid var(--line);padding:14px 16px;overflow-x:auto;font-size:14px;line-height:1.55;margin:14px 0 20px;}
.docs-main pre code{background:none;padding:0;color:#CFE9FF;}
.docs-main .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:16px 0 24px;}
.docs-main .cards a{display:flex;flex-direction:column;gap:6px;background:var(--bg2);border:2px solid var(--line);padding:14px 16px;color:var(--text);}
.docs-main .cards a:hover{border-color:var(--sun);}
.docs-main .cards b{color:var(--sun);font-size:16px;}
.docs-main .cards span{font-size:14px;color:var(--text2);}
.docs-main .steps{counter-reset:st;list-style:none;padding:0;}
.docs-main .steps li{counter-increment:st;position:relative;padding:4px 0 10px 44px;}
.docs-main .steps li::before{content:counter(st);position:absolute;left:0;top:2px;width:30px;height:30px;display:grid;place-items:center;background:var(--sun);color:var(--bg);font-family:var(--px);font-size:11px;}
.plan-yes{color:var(--green);font-weight:700;}.plan-no{color:var(--muted);}
/* ── the privacy policy and the terms ── */
.legal{max-width:820px;padding-top:48px;padding-bottom:88px;}
.legal h1{font-family:var(--px);font-size:clamp(20px,2.6vw,28px);line-height:1.45;color:var(--sun);text-shadow:3px 3px 0 var(--sun4);}
.legal-date{color:var(--muted);font-size:14px;margin:14px 0 30px;}
.legal-body h2{font-family:var(--px);font-size:12px;line-height:1.7;color:var(--sun2);margin:40px 0 14px;}
.legal-body ul{padding-left:22px;margin:0 0 1em;}
.legal-body li{margin-bottom:8px;}
.legal .note{background:var(--bg2);border:2px solid var(--line2);border-left:4px solid var(--green);padding:14px 16px;margin:16px 0 22px;}
.legal .note.warn{border-left-color:var(--sun2);}
.legal .note p{margin:0;}
.legal-links{margin-top:48px;padding-top:20px;border-top:2px solid var(--line);font-size:15px;}

/* ── small pages: 404, invite ── */
.solo{min-height:calc(100vh - var(--head) - 120px);display:grid;place-items:center;padding:56px 24px 80px;text-align:center;}
.solo-in{max-width:620px;}
.solo .sunny-big{width:140px;height:140px;margin:0 auto 22px;display:block;}
.solo h1{font-family:var(--px);font-size:clamp(20px,3vw,30px);line-height:1.45;color:var(--sun);text-shadow:3px 3px 0 var(--sun4);margin-bottom:16px;}
.solo .lead{margin:0 auto 28px;}
.solo-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:28px;}
.solo-list{list-style:none;padding:0;margin:0 auto 30px;display:grid;gap:10px;text-align:left;max-width:460px;}
.solo-list li{background:var(--bg2);border:2px solid var(--line);padding:12px 16px;display:flex;gap:12px;align-items:baseline;}
.solo-list li>b{font-family:var(--px);font-size:10px;color:var(--sun);flex:none;}
.solo small{color:var(--muted);font-size:14px;}

/* the command reference inside the docs */
.cmd-find{display:block;margin:0 0 8px;}
.cmd-find input{width:100%;min-height:46px;font:16px var(--sans);background:var(--bg2);color:var(--text);border:2px solid var(--line2);padding:0 14px;}
.cmd-find input:focus{border-color:var(--sun);outline:none;}
.grp h2 .n{font-size:9px;color:var(--muted);margin-left:6px;}
.blurb{color:var(--text2);font-size:15px;}
.cmd:where(:not(.pg *)){background:var(--bg2);border:2px solid var(--line);padding:12px 16px;margin:10px 0;}
.cmd:where(:not(.pg *)):target{border-color:var(--sun);}
.cmd-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;}
.cmd-h code{font-size:16px;font-weight:700;}
.args{font-family:var(--mono);font-size:14px;color:var(--muted);}
.perm{font-size:12px;color:var(--muted);border:1px solid var(--line2);padding:1px 8px;}
.cmd:where(:not(.pg *)) p{margin:0;font-size:16px;}
.subs{list-style:none;margin:8px 0 0!important;padding:0!important;font-size:15px;}
.subs li{margin:5px 0 0;}
.subs code{font-size:13px;margin-right:4px;}
.cmd-none{color:var(--muted);margin-top:18px;}
@media (max-width:1180px){.docs{grid-template-columns:240px minmax(0,1fr);}.docs-toc{display:none;}}
@media (max-width:860px){.docs{grid-template-columns:1fr;gap:20px;padding-top:20px;}.docs-side{position:static;max-height:none;border:2px solid var(--line);padding:10px;}.docs-side[data-closed] nav{display:none;}.docs-toggle{display:block;}.pager{grid-template-columns:1fr;}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}