:root{--night:#120a07;--night-2:#1c110b;--night-3:#2a1a10;--text:#ecdcbc;--text-dim:#b8a17f;--gold:#f1d68a;--gold-2:#d4a85a;--ember:#f08a1c;--ember-l:#ffc05a;--ember-d:#a8500e;--parch:#fbf3df;--parch-2:#f3e5c4;--parch-3:#e6d2a6;--ink:#3b2a1a;--ink-dim:#6e5538;--wood:#5e3c22;--wood-d:#2a1608;--line:#3b2416;--violet:#8d5ad6;--green:#4fae35;--amber:#e2b13c;--red:#d2492f;--blue:#2f78b8;--frame:#f1d68a38;--radius:14px;--shadow:0 14px 34px #00000080;--font-head:"Cinzel", Georgia, "Times New Roman", serif;--font-body:"Alegreya", Georgia, "Times New Roman", serif;--wrap:1180px;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:radial-gradient(1200px 500px at 50% 0%, #7a4ac02e, transparent 70%), radial-gradient(900px 600px at 0% 100%, #f08a1c14, transparent 70%), var(--night);min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.55;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--ember-l);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--gold)}h1,h2,h3,h4{font-family:var(--font-head);color:var(--gold);letter-spacing:.02em;margin:0 0 .5em;line-height:1.2}h1{font-size:clamp(2rem,4.5vw,3.1rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}h3{font-size:1.25rem}p{margin:0 0 1em}:focus-visible{outline:3px solid var(--ember-l);outline-offset:2px;border-radius:4px}.wrap{width:min(var(--wrap), 100% - 32px);margin-inline:auto}.skip{z-index:100;background:var(--parch);color:var(--ink);border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-9999px}.skip:focus{left:16px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dim{color:var(--text-dim)}.center{text-align:center}.btn{font-family:var(--font-head);letter-spacing:.04em;color:#fff;text-shadow:0 2px #8a3e0a;background:linear-gradient(180deg, var(--ember-l), var(--ember) 55%, #d9700f);border:2px solid var(--line);cursor:pointer;box-shadow:inset 0 2px 0 #ffffff73, 0 3px 0 var(--wood-d), 0 8px 20px #f08a1c40;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .12s,filter .12s;display:inline-flex}.btn:hover{color:#fff;filter:brightness(1.08);transform:translateY(-1px)}.btn:active{box-shadow:inset 0 2px 0 #ffffff59, 0 1px 0 var(--wood-d);transform:translateY(1px)}.btn[disabled]{filter:grayscale(.6)brightness(.8);cursor:wait;transform:none}.btn.small{border-radius:10px;padding:6px 14px;font-size:.85rem}.btn.ghost{color:var(--ink);text-shadow:none;box-shadow:inset 0 2px 0 #fff, 0 3px 0 var(--wood-d);background:linear-gradient(#fffaf0,#ecdcb6)}.btn.ghost:hover{color:var(--ink)}.btn.dark{color:#fff3d4;text-shadow:0 2px 0 var(--wood-d);background:linear-gradient(#8a5a32,#5e3c22);box-shadow:inset 0 2px #ffdca059,0 3px #120a05}.btn.xl{border-width:3px;border-radius:16px;padding:16px 44px;font-size:clamp(1.2rem,2.6vw,1.6rem);animation:2.8s ease-in-out infinite glow}@keyframes glow{0%,to{box-shadow:inset 0 3px 0 #ffffff80, 0 4px 0 var(--wood-d), 0 0 22px #ff962873}50%{box-shadow:inset 0 3px 0 #ffffff80, 0 4px 0 var(--wood-d), 0 0 44px #ffaa3ccc}}.topbar{background:#0b0604;border-bottom:1px solid #f1d68a1f;font-size:.85rem}.topbar .wrap{align-items:center;gap:14px;min-height:34px;display:flex}.topbar .spacer{flex:1}.topbar a{color:var(--text-dim);text-decoration:none}.topbar a:hover,.topbar a[aria-current]{color:var(--gold)}.langs{gap:2px;display:flex}.langs a{border-radius:6px;padding:2px 8px}.langs a[aria-current]{background:#f1d68a1f}.masthead{z-index:30;border-bottom:2px solid var(--line);backdrop-filter:blur(6px);background:linear-gradient(#2a1a10f7,#180e09f7);position:sticky;top:0;box-shadow:0 2px #f1d68a1f,0 10px 30px #00000073}.masthead .wrap{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:64px;display:grid}.brand{justify-self:center;align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{filter:drop-shadow(0 3px 4px #0009);width:48px;height:48px}.brand span{font-family:var(--font-head);letter-spacing:.1em;color:var(--gold);text-shadow:0 2px 0 var(--wood-d), 0 0 18px #f1d68a59;font-size:1.7rem;font-weight:900}.nav{align-items:center;gap:4px;display:flex}.nav.left{justify-self:start}.nav.right{justify-self:end}.nav a:not(.btn){font-family:var(--font-head);letter-spacing:.05em;text-transform:uppercase;color:var(--text);border-radius:8px;padding:8px 12px;font-size:.92rem;font-weight:700;text-decoration:none}.nav a:not(.btn):hover{color:var(--gold);background:#f1d68a0f}.nav a[aria-current=page]:not(.btn){color:var(--ember-l);box-shadow:inset 0 -2px 0 var(--ember);border-radius:8px 8px 0 0}.mobile-nav{display:none}@media (width<=880px){.topbar .wrap>.dim{display:none}.masthead .wrap{grid-template-columns:auto 1fr auto}.brand{order:-1;justify-self:start}.brand img{width:40px;height:40px}.brand span{font-size:1.4rem}.nav.left,.nav.right a:not(.btn){display:none}.nav.right{grid-column:3}.mobile-nav{border-top:1px solid #f1d68a1a;display:block}.mobile-nav .wrap{scrollbar-width:none;grid-template-columns:none;gap:4px;min-height:42px;display:flex;overflow-x:auto}.mobile-nav a{font-family:var(--font-head);text-transform:uppercase;color:var(--text);flex:none;padding:6px 10px;font-size:.85rem;font-weight:700;text-decoration:none}.mobile-nav a[aria-current=page]{color:var(--ember-l)}.nav.right .btn{white-space:nowrap}}@media (width<=420px){.masthead .brand{gap:8px}.masthead .brand img{width:34px;height:34px}.masthead .brand span{letter-spacing:.06em;font-size:1.15rem}}.hero{isolation:isolate;border-bottom:2px solid var(--line);position:relative;overflow:hidden}.hero-bg{z-index:-2;position:absolute;inset:0}.hero-bg img{object-fit:cover;object-position:center 35%;width:100%;height:100%}.hero:after{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 40%, #120a070d, #120a078c 60%, #120a07f2), linear-gradient(180deg, #120a0733, #120a071a 50%, var(--night));position:absolute;inset:0}.hero-inner{text-align:center;justify-items:center;padding:clamp(36px,7vw,84px) 0 clamp(34px,6vw,64px);display:grid}.hero .crest{filter:drop-shadow(0 16px 20px #0009);width:clamp(120px,18vw,190px);animation:4.8s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(12px)}}.hero h1{letter-spacing:.12em;background:linear-gradient(180deg, #fff3cf, var(--gold) 45%, #c98a2c);color:#0000;filter:drop-shadow(0 4px 0 var(--wood-d)) drop-shadow(0 0 26px #f1d68a59);-webkit-background-clip:text;background-clip:text;margin:4px 0 0;font-size:clamp(3.2rem,11vw,6.5rem);font-weight:900}.hero .kicker{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.2em;color:var(--ember-l);margin:18px 0 6px;font-size:.8rem}.hero .tagline{color:#f3e3c2;text-shadow:0 2px 6px #000;margin:6px 0 14px;font-size:clamp(1.15rem,2.4vw,1.45rem);font-style:italic}.hero .pitch{color:#e4d3b2;text-shadow:0 1px 4px #000;max-width:680px;margin:0 auto 26px}.hero .actions{justify-items:center;gap:14px;display:grid}.hero .facts{color:var(--text-dim);margin-top:18px;font-size:.95rem}.hero .login{color:#f3e3c2;text-shadow:0 1px 3px #000}.embers{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.embers i{opacity:0;background:radial-gradient(circle,#ffd27a,#ff8c1e99 50%,#0000 70%);border-radius:50%;width:4px;height:4px;animation:linear infinite rise;position:absolute;bottom:-10px}@keyframes rise{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.9}to{opacity:0;transform:translateY(-110vh)translate(30px)}}.pillars{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-1px;padding:28px 0 8px;display:grid}.pillar{border:1px solid var(--frame);border-radius:var(--radius);background:linear-gradient(#2a1a10e6,#1c110be6);grid-template-columns:56px 1fr;align-items:start;gap:4px 12px;padding:14px;display:grid;box-shadow:inset 0 1px #ffdca014}.pillar img{filter:drop-shadow(0 3px 3px #0009);grid-row:span 2;width:56px;height:56px}.pillar h3{margin:2px 0 0;font-size:1.1rem}.pillar p{color:var(--text-dim);margin:0;font-size:.95rem}@media (width<=960px){.pillars{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.pillars{grid-template-columns:1fr}}.section{padding:clamp(36px,6vw,64px) 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.section-head h2,.section-head p{margin:0}.rule{background:radial-gradient(circle at 50% 50%, var(--gold) 0 4px, transparent 5px), linear-gradient(90deg, transparent, var(--gold-2) 30%, var(--gold-2) 45%, transparent 47%, transparent 53%, var(--gold-2) 55%, var(--gold-2) 70%, transparent) center / 100% 2px no-repeat;opacity:.7;max-width:420px;height:18px;margin:0 auto 26px}.title-center{text-align:center}.title-center p{max-width:640px;color:var(--text-dim);margin:0 auto 8px}.board{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}@media (width<=1000px){.board{grid-template-columns:1fr}}.frame{border:1px solid var(--frame);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 1px 0 #ffdca014;background:linear-gradient(#2a1a10f2,#1a100af2);overflow:hidden}.frame-head{border-bottom:2px solid var(--line);background:linear-gradient(#8a5a32,#5e3c22);align-items:center;gap:10px;padding:12px 16px;display:flex;box-shadow:inset 0 2px #ffdca04d}.frame-head h2,.frame-head h3{color:#fff3d4;text-shadow:0 2px 0 var(--wood-d);margin:0;font-size:1.15rem}.frame-head img{width:34px;height:34px}.frame-body{padding:14px 16px 16px}.stack{gap:20px;display:grid}.parch{color:var(--ink);background:radial-gradient(circle at 15% 0%, #ffffff8c, transparent 45%), linear-gradient(180deg, var(--parch), var(--parch-2));border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 0 0 2px #fff8e6, inset 0 0 0 4px #b08a5873}.parch h1,.parch h2,.parch h3{color:var(--wood);text-shadow:none}.parch a:not(.btn){color:#a24f0c}.parch .dim{color:var(--ink-dim)}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}@media (width<=1000px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.news-grid{grid-template-columns:1fr}}.news-card{flex-direction:column;transition:transform .15s;display:flex;overflow:hidden}.news-card:hover{transform:translateY(-3px)}.news-card .cover{aspect-ratio:16/9;border-bottom:3px solid var(--line);background:var(--night-3);position:relative;overflow:hidden}.news-card .cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.news-card:hover .cover img{transform:scale(1.05)}.news-card .body{flex-direction:column;flex:1;gap:6px;padding:12px 14px 14px;display:flex}.news-card h3{margin:2px 0 0;font-size:1.08rem}.news-card h3 a{color:var(--wood);text-decoration:none}.news-card h3 a:after{content:"";position:absolute;inset:0}.news-card{position:relative}.news-card p{color:var(--ink);flex:1;margin:0;font-size:.95rem}.news-card .foot{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.meta{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.tag{font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--wood);border:1px solid #00000059;border-radius:999px;padding:2px 9px;font-size:.7rem;font-weight:700;box-shadow:inset 0 1px #ffffff4d}.tag.cat-news{background:#9a6a2c}.tag.cat-update{background:var(--blue)}.tag.cat-event{background:#c0471f}.tag.cat-server{background:#3c8a2a}.tag.cat-community{background:var(--violet)}.tag.lang{background:#6e5538}.cover .tag{position:absolute;top:10px;left:10px}.news-more{justify-content:center;margin-top:18px;display:flex}.servers{gap:10px;display:grid}.server{background:#00000040;border:1px solid #f1d68a1f;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 10px;padding:10px 12px;display:grid}.server .name{font-family:var(--font-head);color:var(--gold);font-size:1.05rem;font-weight:700}.server .info{color:var(--text-dim);grid-column:2/4;font-size:.88rem}.badge{font-size:.7rem;font-family:var(--font-head);background:var(--violet);color:#fff;vertical-align:2px;border-radius:999px;margin-left:6px;padding:1px 8px}.dot{background:#777;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px #0006}.dot.online{background:var(--green);box-shadow:0 0 10px var(--green)}.dot.degraded{background:var(--amber);box-shadow:0 0 10px var(--amber)}.dot.offline{background:var(--red)}.state{color:var(--text-dim);font-size:.8rem}.servers-note{margin:10px 0 0;font-size:.9rem}.refer-card{text-align:center}.refer-card .shard{filter:drop-shadow(0 0 16px #8d5ad6b3);width:88px;height:88px;margin:4px auto 6px;animation:4s ease-in-out infinite bob}.refer-card .amount{font-family:var(--font-head);color:var(--gold);font-size:2rem;font-weight:900;line-height:1}.refer-card .amount small{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:4px;font-size:.8rem;display:block}.refer-card p{color:var(--text-dim);margin:10px 0 14px;font-size:.95rem}.shots{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.shots figure{border:2px solid var(--line);box-shadow:var(--shadow);background:var(--night-2);border-radius:12px;margin:0;overflow:hidden}.shots figure img{aspect-ratio:16/10;object-fit:cover;width:100%}.shots figcaption{color:var(--text-dim);border-top:1px solid #f1d68a1a;padding:8px 12px;font-size:.9rem}.shots figure.big{grid-area:span 2/span 2}.shots figure.big img{aspect-ratio:auto;height:calc(100% - 40px)}@media (width<=860px){.shots{grid-template-columns:1fr 1fr}.shots figure.big{grid-area:auto/span 2}.shots figure.big img{aspect-ratio:16/10;height:auto}}@media (width<=520px){.shots{grid-template-columns:1fr}.shots figure.big{grid-column:auto}}.callings{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=820px){.callings{grid-template-columns:1fr}}.calling{text-align:center;padding:18px}.calling img{filter:drop-shadow(0 4px 4px #00000059);width:96px;height:96px;margin:0 auto 6px}.calling h3{margin:0}.calling .style{color:var(--ink-dim);margin:0 0 8px;font-style:italic}.calling p{margin:0;font-size:.97rem}.faq{gap:10px;max-width:860px;margin:0 auto;display:grid}.faq details{border:1px solid var(--frame);background:#2a1a10d9;border-radius:12px}.faq summary{cursor:pointer;font-family:var(--font-head);color:var(--gold);padding:14px 44px 14px 18px;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--ember-l);font-size:1.4rem;position:absolute;top:10px;right:18px}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--text);margin:0;padding:0 18px 14px}.cta{isolation:isolate;text-align:center;border-top:2px solid var(--line);border-bottom:2px solid var(--line);position:relative;overflow:hidden}.cta-bg{z-index:-2;position:absolute;inset:0}.cta-bg img{object-fit:cover;width:100%;height:100%}.cta:after{content:"";z-index:-1;background:linear-gradient(#120a07bf,#120a0799,#120a07d9);position:absolute;inset:0}.cta .wrap{padding:clamp(44px,8vw,88px) 0}.cta p{color:#f3e3c2;text-shadow:0 1px 4px #000;margin-bottom:24px}.footer{color:var(--text-dim);background:#0b0604;border-top:1px solid #f1d68a1f;padding:40px 0 28px;font-size:.95rem}.footer .cols{grid-template-columns:1.4fr 1fr 1fr;gap:28px;display:grid}@media (width<=760px){.footer .cols{grid-template-columns:1fr 1fr}.footer .about{grid-column:span 2}}.footer h2{letter-spacing:.12em;text-transform:uppercase;color:var(--text);margin-bottom:10px;font-size:.95rem}.footer ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.footer a{color:var(--text-dim);text-decoration:none}.footer a:hover{color:var(--gold)}.footer .brand{justify-self:start;margin-bottom:8px}.footer .brand img{width:40px;height:40px}.footer .fine{border-top:1px solid #f1d68a14;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:28px;padding-top:18px;font-size:.82rem;display:flex}.page-head{isolation:isolate;border-bottom:2px solid var(--line);position:relative;overflow:hidden}.page-head .hero-bg img{object-position:center 40%}.page-head:after{content:"";z-index:-1;background:linear-gradient(#120a078c,#120a07e6);position:absolute;inset:0}.page-head .wrap{padding:clamp(36px,6vw,64px) 0 clamp(26px,4vw,40px)}.page-head p{color:#e4d3b2;text-shadow:0 1px 4px #000;max-width:720px;margin:0}.crumbs{margin-bottom:8px;font-size:.9rem}.crumbs a{color:var(--text-dim)}.article{max-width:820px;margin:-28px auto 0;padding:clamp(20px,4vw,40px);position:relative}.article .meta{margin-bottom:18px}.article .lead-img{border:2px solid var(--line);border-radius:10px;width:100%;margin:0 0 22px}.prose{font-size:1.08rem}.prose h2{margin-top:1.4em;font-size:1.5rem}.prose h3{margin-top:1.2em;font-size:1.2rem}.prose img{border:2px solid var(--line);border-radius:10px;margin:1em auto}.prose blockquote{border-left:4px solid var(--ember);background:#f08a1c14;border-radius:0 10px 10px 0;margin:1em 0;padding:8px 18px}.prose code{background:var(--parch-3);border-radius:5px;padding:1px 6px;font-size:.92em}.prose table{border-collapse:collapse;width:100%;margin:1em 0}.prose th,.prose td{border:1px solid var(--parch-3);text-align:left;padding:6px 10px}.prose th{background:var(--parch-3)}.prose hr{border:0;border-top:2px solid var(--parch-3);margin:2em 0}.pager{justify-content:center;align-items:center;gap:14px;margin-top:28px;display:flex}.form-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid;position:relative}.lift{margin-top:-28px}@media (width<=920px){.form-layout{grid-template-columns:1fr}}.panel{padding:clamp(18px,3.5vw,30px)}.panel>h2:first-child{margin-top:0}.field{align-content:start;gap:4px;margin-bottom:14px;display:grid}.field>span,.field legend{color:var(--ink);font-size:.95rem;font-weight:700}.field small{color:var(--ink-dim);font-size:.85rem}input[type=email],input[type=password],input[type=text],select{width:100%;font:inherit;color:var(--ink);border:2px solid var(--parch-3);background:#fffdf6;border-radius:10px;padding:10px 12px;font-size:1rem;box-shadow:inset 0 2px 3px #3b2a1a14}input:focus,select:focus{border-color:var(--ember);outline:none;box-shadow:0 0 0 3px #f08a1c40}input:user-invalid{border-color:var(--red)}fieldset{border:0;min-width:0;margin:0 0 14px;padding:0}.row{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}@media (width<=600px){.row{grid-template-columns:1fr}}.choices{gap:8px;display:grid}.choices.three{grid-template-columns:repeat(3,1fr)}@media (width<=600px){.choices.three{grid-template-columns:1fr}}.choice{cursor:pointer;display:block;position:relative}.choice input{opacity:0;pointer-events:none;position:absolute}.choice .face{border:2px solid var(--parch-3);background:#fffdf6;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:0 10px;height:100%;padding:10px 12px;transition:border-color .12s,box-shadow .12s;display:grid}.choice .face img{grid-row:span 2;width:44px;height:44px}.choice .face b{font-family:var(--font-head);color:var(--wood)}.choice .face small{color:var(--ink-dim);font-size:.85rem}.choice input:checked+.face{border-color:var(--ember);box-shadow:0 0 0 3px #f08a1c38, inset 0 0 0 1px var(--ember);background:#fff6e0}.choice input:focus-visible+.face{outline:3px solid var(--ember-l);outline-offset:2px}.server-choice .face{grid-template-columns:auto 1fr auto}.server-choice .face .dot{grid-row:span 2}.server-choice .face .state{color:var(--ink-dim);text-align:right;grid-row:span 2}.notice{border-radius:10px;margin:0 0 14px;padding:10px 14px;font-size:.95rem}.notice.error{color:#7a1f10;background:#fbe0d8;border:1px solid #e3a08f}.notice.good{color:#2a5a17;background:#e3f1d6;border:1px solid #a9cf8c}.notice.info{border:1px solid var(--parch-3);color:var(--ink);background:#f6ecd2}.notice:empty{display:none}.submit-row{flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px;display:flex}.status-card{text-align:center;max-width:640px;margin:-28px auto 0;padding:clamp(24px,5vw,44px);position:relative}.status-card .big-icon{width:96px;height:96px;margin:0 auto 10px}.status-card .actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.spinner{border:4px solid var(--parch-3);border-top-color:var(--ember);border-radius:50%;width:46px;height:46px;margin:10px auto 18px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}.side-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.side-list li{color:var(--text);grid-template-columns:40px 1fr;align-items:center;gap:10px;font-size:.97rem;display:grid}.side-list img{width:40px;height:40px}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 26px;padding:0;list-style:none;display:grid}@media (width<=820px){.steps{grid-template-columns:1fr}}.steps li{counter-increment:step;padding:18px 18px 18px 64px;position:relative}.steps li:before{content:counter(step);width:36px;height:36px;font-family:var(--font-head);color:#fff;background:linear-gradient(180deg, var(--ember-l), var(--ember));border:2px solid var(--line);text-shadow:0 1px #8a3e0a;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;top:16px;left:16px}.steps h3{margin:0 0 4px;font-size:1.05rem}.steps p{margin:0;font-size:.95rem}.link-box{flex-wrap:wrap;gap:8px;display:flex}.link-box input{flex:260px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92rem}.stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}@media (width<=600px){.stats{grid-template-columns:1fr}}.stat{text-align:center;border:2px solid var(--parch-3);background:#fffdf6;border-radius:12px;padding:12px}.stat b{font-family:var(--font-head);color:var(--wood);font-size:1.6rem;display:block}.stat span{color:var(--ink-dim);font-size:.85rem}.friends{border-collapse:collapse;width:100%;font-size:.95rem}.friends th,.friends td{text-align:left;border-bottom:1px solid var(--parch-3);padding:8px 10px}.friends th{font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-size:.8rem}.friends td.num,.friends th.num{text-align:right}.progress{background:var(--parch-3);border-radius:999px;min-width:80px;height:8px;margin-top:4px;overflow:hidden}.progress i{background:linear-gradient(90deg, var(--ember), var(--ember-l));height:100%;display:block}.good-text{color:var(--green);font-weight:700}.table-wrap{overflow-x:auto}