:root{--night:#050a0f;--deep:#081521;--panel:#0c1c2a;--panel-2:#112a3d;--line:#7cf3ff1f;--line-strong:#7cf3ff47;--aqua:#00f2ff;--aqua-light:#7cf3ff;--aqua-dark:#0a9fb8;--text:#e6f6fa;--muted:#8ba7b4;--faint:#5b7684;--gold:#fc3;--green:#5f5;--red:#ff5f5f;--blurple:#5865f2;--display:"Fredoka", ui-rounded, system-ui, sans-serif;--body:"Atkinson Hyperlegible", system-ui, sans-serif;--r-panel:18px;--r-control:12px;--r-chip:6px;--wrap:1120px;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--night);color:var(--text);font-family:var(--body);flex-direction:column;min-height:100vh;margin:0;font-size:1rem;line-height:1.55;display:flex}img{max-width:100%;display:block}a{color:var(--aqua-light)}a:hover{color:var(--aqua)}:focus-visible{outline:2px solid var(--aqua);outline-offset:3px;border-radius:4px}h1,h2,h3,h4{font-family:var(--display);letter-spacing:.005em;margin:0;font-weight:600;line-height:1.15}p{margin:0}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}main{flex:1}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.title-2t{align-items:center;gap:12px;font-size:clamp(1.6rem,3vw,2.1rem);display:flex}.title-2t .a{color:var(--aqua-light)}.title-2t .b{color:var(--aqua-dark)}.title-2t .badge{background:linear-gradient(160deg, var(--aqua-light), var(--aqua-dark));width:40px;height:40px;color:var(--night);border-radius:12px;place-items:center;display:grid}.btn{font-family:var(--display);border-radius:var(--r-control);cursor:pointer;color:var(--night);background:var(--aqua);box-shadow:0 4px 0 var(--aqua-dark);border:0;justify-content:center;align-items:center;gap:9px;padding:12px 22px;font-size:1.02rem;font-weight:600;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.btn:hover{color:var(--night);filter:brightness(1.08)}.btn:active{box-shadow:0 1px 0 var(--aqua-dark);transform:translateY(3px)}.btn.discord{background:var(--blurple);color:#fff;box-shadow:0 4px #3a43b8}.btn.discord:active{box-shadow:0 1px #3a43b8}.btn.ghost{color:var(--aqua-light);box-shadow:inset 0 0 0 1.5px var(--line-strong);background:0 0}.btn.ghost:hover{color:var(--aqua);box-shadow:inset 0 0 0 1.5px var(--aqua)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel)}.site-header{z-index:3;position:relative}.nav{flex-wrap:wrap;justify-content:center;gap:6px;padding:18px 12px 0;display:flex}.nav a{font-family:var(--display);color:var(--text);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:1.02rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.nav a .icon{color:var(--muted)}.nav a:hover,.nav a:hover .icon,.nav a[aria-current=page]{color:var(--aqua-light)}.nav a[aria-current=page] .icon{color:var(--aqua)}.nav a[aria-current=page]:after{content:"";background:var(--aqua);border-radius:3px;width:22px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero{isolation:isolate;padding:28px 0 44px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:radial-gradient(60% 70% at 50% 35%, #00f2ff29, transparent 70%), linear-gradient(180deg, #071a2a 0%, #06121d 55%, var(--night) 100%);position:absolute;inset:-80px 0 0}.clouds{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.clouds .layer{width:200%;height:100%;animation:160s linear infinite drift;display:flex;position:absolute;left:0}.clouds .layer.far{opacity:.35;animation-duration:260s}.clouds .layer svg{flex:none;width:50%;height:100%}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.clouds .layer{animation:none}}.hero-row{max-width:var(--wrap);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:0 auto;padding:18px 20px 0;display:grid}.hero-logo{filter:drop-shadow(0 14px 34px #00f2ff38);width:clamp(250px,34vw,420px);height:auto}.hero-logo-fallback{font-family:var(--display);color:var(--aqua-light);text-shadow:0 5px 0 var(--aqua-dark), 0 18px 40px #00f2ff59;padding:30px 0;font-size:clamp(3rem,7vw,5rem);font-weight:700;line-height:1}.pill{color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:16px;align-items:center;gap:14px;padding:8px;text-decoration:none;display:flex}.pill.left{text-align:right;justify-self:end}.pill.right{text-align:left;justify-self:start}.pill .pill-icon{background:linear-gradient(160deg, var(--aqua-light), var(--aqua-dark));width:50px;height:50px;color:var(--night);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 0 0 4px #00f2ff1f}.pill.right .pill-icon{background:var(--blurple);color:#fff;box-shadow:0 0 0 4px #5865f22e}.pill strong{font-family:var(--display);font-size:1.25rem;font-weight:600;display:block}.pill small{color:var(--muted);font-size:.86rem;display:block}.pill .hint{color:var(--aqua-light);min-height:1.2em;font-size:.8rem;display:block}.pill:hover strong{color:var(--aqua-light)}.site-footer{border-top:1px solid var(--line);background:var(--deep);margin-top:64px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:26px;padding-bottom:26px;display:flex}.site-footer p{color:var(--muted);font-size:.9rem}.site-footer small{color:var(--faint);margin-top:4px;font-size:.78rem;display:block}.footer-links{gap:10px;display:flex}.footer-links a{background:var(--panel);border:1px solid var(--line);width:40px;height:40px;color:var(--muted);border-radius:12px;place-items:center;display:grid}.footer-links a:hover{color:var(--aqua-light);border-color:var(--line-strong)}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{font-family:var(--display);color:#fff;border-radius:var(--r-chip);background:var(--tag,var(--aqua-dark));padding:2px 9px;font-size:.78rem;font-weight:500}.page-head{text-align:center;max-width:640px;margin:8px auto 28px}.page-head h1{color:var(--aqua-light);font-size:clamp(2rem,4vw,2.6rem)}.page-head p{color:var(--muted);margin-top:10px}.toast{opacity:0;background:var(--panel-2);border:1px solid var(--line-strong);color:var(--text);font-family:var(--display);z-index:50;pointer-events:none;border-radius:12px;padding:10px 16px;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=760px){.hero-row{grid-template-columns:1fr 1fr;padding-top:6px}.hero-logo-wrap{grid-area:1/1/auto/-1;justify-self:center}.pill.left,.pill.right{justify-self:center}.pill.left{text-align:left;flex-direction:row-reverse}.pill strong{font-size:1.05rem}.pill .pill-icon{width:42px;height:42px}.nav a{padding:7px 9px;font-size:.95rem}.nav a .icon{display:none}}@media (width<=420px){.hero-row{grid-template-columns:1fr}.pill.left,.pill.right{justify-self:start}}