:root{--bg: #14161f;--bg-soft: #1c2030;--card: #20263a;--card-border: #2e3550;--text: #eef0fa;--muted: #a6adc9;--accent: #7c6cf0;--accent-soft: #a79df5;--good: #4cc38a;--warn: #e8b34b;--bad: #e06c75;--radius: 10px;--maxw: 960px;--font-display: "Fraunces", Georgia, "Times New Roman", serif}[data-track=web]{--accent: #3fb8a6;--accent-soft: #7fe0d1}[data-track=systems]{--accent: #e09a3c;--accent-soft: #f2c078}[data-track=games]{--accent: #9a6cf0;--accent-soft: #c4a9f7}[data-track=sysadmin]{--accent: #6aa8e8;--accent-soft: #a8cdf5}*{box-sizing:border-box}html,body{overflow-x:hidden;overflow-x:clip}html{background:var(--bg)}body{margin:0;min-height:100svh;background:radial-gradient(1400px 560px at 50% -10%,rgba(124,108,240,.15),transparent 72%),linear-gradient(to bottom,rgba(124,108,240,.08),transparent 520px),radial-gradient(1100px 520px at 50% 112%,rgba(63,184,166,.08),transparent 70%),var(--bg);background-repeat:no-repeat;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}h1,h2,h3,.brand{font-family:var(--font-display);letter-spacing:-.01em;line-height:1.2}a{color:var(--accent-soft)}a:hover{color:var(--accent)}.wrap{max-width:var(--maxw);margin:0 auto;padding:1rem 1.25rem 4rem}header.topbar{background:var(--bg-soft);border-bottom:1px solid var(--card-border)}.topbar-inner{max-width:var(--maxw);margin:0 auto;padding:.7rem 1.25rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.brand{font-weight:900;font-size:1.35rem;text-decoration:none;color:var(--text);display:inline-flex;align-items:center;gap:.5rem}.brand .sigil{width:1.35em;height:1.35em;color:var(--accent-soft);flex:none}.brand span{color:var(--accent-soft)}.topbar nav{display:flex;gap:.9rem;margin-left:auto;align-items:center;flex-wrap:wrap}.topbar nav a{text-decoration:none;color:var(--muted);font-weight:600}.topbar nav a:hover{color:var(--text)}.who{color:var(--muted);font-size:.9rem}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.25rem;margin:1rem 0}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card h2,.card h3{margin-top:0}.muted{color:var(--muted)}.small{font-size:.85rem}.btn{display:inline-block;white-space:nowrap;background:var(--accent);color:#10121a;border:none;border-radius:8px;padding:.6rem 1.1rem;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;text-align:center}.btn:hover{filter:brightness(1.1);color:#10121a}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--accent-soft);border:1px solid var(--accent)}.btn-ghost:hover{color:var(--accent-soft);background:#ffffff0d}.btn-danger{background:var(--bad);color:#10121a}.btn-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.75rem}form.stack{display:grid;gap:.9rem;max-width:560px}label{display:grid;gap:.3rem;font-weight:600;min-width:0}input,select,textarea{background:var(--bg-soft);color:var(--text);border:1px solid var(--card-border);border-radius:8px;padding:.6rem .75rem;font-size:1rem;font-family:inherit;width:100%;min-width:0;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}textarea{min-height:140px;resize:vertical;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}textarea.prose{font-family:inherit}input[type=checkbox]{width:auto;accent-color:var(--accent)}.checkline{display:flex;gap:.5rem;align-items:center;font-weight:600}.error{background:#e06c751f;border:1px solid var(--bad);color:#f2b8bd;padding:.6rem .9rem;border-radius:8px}.notice{background:#4cc38a1f;border:1px solid var(--good);color:#a9e6c8;padding:.6rem .9rem;border-radius:8px}.rank-badge{display:inline-block;padding:.2rem .8rem;border-radius:999px;font-weight:800;font-size:.9rem;background:var(--accent);color:#10121a}.rank-badge.rank-iron,.rank-badge.rank-bronze,.rank-badge.rank-silver,.rank-badge.rank-gold,.rank-badge.rank-platinum{border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px #ffffff8c,0 2px 6px #0006;-webkit-text-stroke:.5px rgba(16,18,26,.35)}.rank-badge.rank-iron{background:linear-gradient(135deg,#9aa4b2,#55606e);color:#10121a}.rank-badge.rank-bronze{background:linear-gradient(135deg,#f2b273,#a4682f);color:#10121a}.rank-badge.rank-silver{background:linear-gradient(135deg,#f4f7fa,#aeb9c4);color:#10121a}.rank-badge.rank-gold{background:linear-gradient(135deg,#ffdb6b,#d9982b);color:#10121a}.rank-badge.rank-platinum{position:relative;background:linear-gradient(120deg,#f0d9ff,#a9c9ff 40%,#ecf9ff,#a9c9ff 70%,#f0d9ff);background-size:200% 100%;color:#10121a;animation:master-sheen 7s linear infinite}.rank-badge.rank-platinum:before,.rank-badge.rank-platinum:after{content:"✦";position:absolute;font-size:.8rem;line-height:1;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.95),0 0 2px rgba(120,160,255,.9);animation:sparkle-twinkle 2.4s ease-in-out infinite}.rank-badge.rank-platinum:before{top:-.5em;left:.3em}.rank-badge.rank-platinum:after{bottom:-.55em;right:.3em;animation-delay:1.2s}@keyframes master-sheen{0%{background-position:0% 0}to{background-position:-200% 0}}@keyframes sparkle-twinkle{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.rank-ladder{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem;margin-bottom:1rem}.rank-ladder .arrow{color:var(--muted);font-size:.85rem}@media(max-width:40rem){.ranks-card{display:flex;gap:1.25rem;align-items:flex-start}.ranks-card .rank-ladder{flex-direction:column;align-items:center;margin-bottom:0;flex-shrink:0}.ranks-card .rank-ladder .arrow{font-size:0;margin:0}.ranks-card .rank-ladder .arrow:after{content:"↓";font-size:.95rem}.ranks-card .md{min-width:0}}.pill{display:inline-block;padding:.15rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700;border:1px solid var(--card-border);color:var(--muted)}.pill.ok{border-color:var(--good);color:var(--good)}.pill.warn{border-color:var(--warn);color:var(--warn)}.pill.bad{border-color:var(--bad);color:var(--bad)}.md h1,.md h2,.md h3{margin:1.2em 0 .5em;line-height:1.3}.md h1{font-size:1.5rem}.md h2{font-size:1.25rem}.md h3{font-size:1.1rem}.md p{margin:.7em 0}.md ul,.md ol{padding-left:1.4rem}.md code{background:var(--bg-soft);padding:.15em .4em;border-radius:5px;font-size:.9em}.md pre{background:#10121c;border:1px solid var(--card-border);border-radius:8px;padding:.9rem;overflow-x:auto}.md pre code{background:none;padding:0}.md blockquote{border-left:3px solid var(--accent);margin:.8em 0;padding:.2em 0 .2em .9em;color:var(--muted)}.md table{border-collapse:collapse;width:100%;margin:.8em 0}.md th,.md td{border:1px solid var(--card-border);padding:.4rem .6rem;text-align:left}table.rows{width:100%;border-collapse:collapse}table.rows th,table.rows td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--card-border);vertical-align:top}table.rows th{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll>table.rows{min-width:40rem}pre.code{background:#10121c;border:1px solid var(--card-border);border-radius:8px;padding:.9rem;overflow-x:auto;white-space:pre-wrap;font-size:.85rem;max-height:320px;overflow-y:auto}.hero{text-align:center;padding:5rem 1rem 4.5rem;position:relative;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:-1rem;border-radius:0}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--bg),transparent 18%,transparent 55%,var(--bg)),linear-gradient(#080a168c,#080a168c);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-content h1{font-size:clamp(2.4rem,6vw,3.6rem);font-weight:900;margin:0 0 .75rem;color:#fff}.hero-content p.lede{font-size:1.2rem;color:#ffffffd9;max-width:640px;margin:0 auto 1.75rem}.section-title{text-align:center}.rune-div{display:flex;align-items:center;gap:.9rem;margin:2.75rem 0 1.25rem;color:var(--accent-soft);opacity:.75;font-size:1.1rem}.rune-div:before,.rune-div:after{content:"";height:1px;flex:1}.rune-div:before{background:linear-gradient(to right,transparent,var(--accent))}.rune-div:after{background:linear-gradient(to left,transparent,var(--accent))}.track-icon{font-size:2.2rem}.track-icon img{width:4.25rem;height:4.25rem;border-radius:1.1rem;box-shadow:0 0 24px -8px var(--accent);object-fit:cover}.guild-mark-inline{width:1.5em;height:1.5em;border-radius:.35em;vertical-align:-.3em;margin-right:.15em;object-fit:cover}.guild-hero{position:relative;border-radius:var(--radius);overflow:hidden;margin:1rem 0 1.5rem}.guild-hero img{display:block;width:100%;aspect-ratio:21 / 9;object-fit:cover;object-position:center}.guild-hero-text{position:absolute;left:0;right:0;bottom:0;padding:2.5rem 1.25rem 1.25rem;background:linear-gradient(transparent,#000000b3)}.guild-hero-text h1{margin:0 0 .25rem;color:#fff}.guild-hero-text .lede{margin:0;color:#ffffffd9}.card-art-img{position:relative;margin:-1.25rem -1.25rem 0}.card-art-img img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:center;border-radius:var(--radius) var(--radius) 0 0}.card-art-img:after{content:"";position:absolute;left:0;right:0;bottom:0;height:75%;background:linear-gradient(transparent,var(--card));pointer-events:none}.card-art-img+h2,.card-art-img+h3{position:relative;z-index:1;margin-top:-2.75rem}.steps{counter-reset:step;list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.steps li{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:1rem 1.1rem}.steps li strong{display:block;margin-bottom:.3rem;color:var(--accent-soft)}.preview-banner{background:#3a2f10;border-bottom:1px solid var(--warn);color:#f5d9a0;padding:.5rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.95rem;position:sticky;top:0;z-index:50}.preview-banner .btn-ghost{border-color:var(--warn);color:#f5d9a0;padding:.25rem .7rem;font-size:.85rem}.tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin:1rem 0}.tabs button{background:var(--bg-soft);color:var(--muted);border:1px solid var(--card-border);border-radius:8px;padding:.5rem .9rem;font-weight:700;cursor:pointer;font-size:.95rem}.tabs button.active{background:var(--accent);color:#10121a;border-color:var(--accent)}footer.footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid var(--card-border);margin-top:3rem}