:root{color-scheme:dark;--bg: #050b14;--ink: #eaf4fb;--muted: #9db4c6;--line: rgb(126 200 255 / 16%);--glass: rgb(13 26 40 / 62%);--glass-strong: rgb(10 20 32 / 86%);--frost: #4fd0ff;--frost-soft: rgb(79 208 255 / 32%);--aurora: #37f4b8;--gold: #d7aa55;--gold-strong: #f0c46d;--bad: #ff9d9d;--good: #7fe0a2;--radius: 14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--frost-soft)}a{color:#bfe9ff}a:hover{color:#fff}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;padding:10px clamp(16px,4vw,40px);background:#050b14b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav .crest{width:34px;height:34px}.nav .name{font-weight:800;letter-spacing:.04em;line-height:1.25}.nav .name small{display:block;font-weight:500;color:var(--muted);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.nav-links{margin-left:auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nav-links a{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:600}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.nav-links a svg{width:16px;height:16px}.pill{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border-radius:999px;border:1px solid var(--line);background:#08121ecc;font-size:.8rem;font-weight:700;letter-spacing:.03em;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%}.pill.up{color:var(--good)}.pill.up .dot{background:var(--good);box-shadow:0 0 10px var(--good)}.pill.down{color:var(--bad)}.pill.down .dot{background:var(--bad);box-shadow:0 0 10px var(--bad)}.hero{position:relative;min-height:clamp(480px,72vh,760px);display:grid;place-items:center;overflow:hidden;isolation:isolate}.hero-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1}.hero-art .aurora{animation:auroraDrift 18s ease-in-out infinite alternate}.hero-art .snow{animation:snowFloat 12s ease-in-out infinite alternate}.hero-art .wyrm{animation:wyrmGlide 14s ease-in-out infinite alternate;transform-origin:800px 300px}@keyframes auroraDrift{0%{transform:translate(-28px);opacity:.9}to{transform:translate(28px);opacity:1}}@keyframes snowFloat{0%{transform:translateY(-14px)}to{transform:translateY(16px)}}@keyframes wyrmGlide{0%{transform:translate(-16px,6px) rotate(-1deg)}to{transform:translate(18px,-8px) rotate(1.2deg)}}@media(prefers-reduced-motion:reduce){.hero-art .aurora,.hero-art .snow,.hero-art .wyrm{animation:none}html{scroll-behavior:auto}}.hero-copy{text-align:center;padding:48px 20px 84px;max-width:760px}.kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border:1px solid var(--frost-soft);border-radius:999px;background:#081420a8;color:#bfe9ff;font-size:.78rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.kicker svg{width:14px;height:14px}.hero h1{margin:20px 0 12px;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.04;letter-spacing:-.01em;text-shadow:0 0 44px rgb(79 208 255 / 45%),0 2px 24px rgb(0 0 0 / 60%)}.hero h1 em{font-style:normal;color:var(--gold-strong)}.hero p{margin:0 auto;max-width:540px;color:#cfe3f2;text-shadow:0 1px 16px rgb(0 0 0 / 70%)}.cta-row{margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 26px;border-radius:10px;border:0;font:700 1rem/1 inherit;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn svg{width:18px;height:18px}.btn-frost{background:linear-gradient(180deg,#9fe8ff,#4fc9f2);color:#04101c;border:1px solid rgb(159 232 255 / 55%);box-shadow:0 2px 10px #00000059}.btn-frost:hover{transform:translateY(-2px);background:linear-gradient(180deg,#b4eeff,#63d2fa);box-shadow:0 6px 18px #0006}.btn-ghost{border:1px solid var(--frost-soft);background:#0814208c;color:#cfeeff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-ghost:hover{border-color:var(--frost);transform:translateY(-2px)}.btn:disabled{opacity:.55;cursor:wait;transform:none}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}section{padding:clamp(48px,8vw,84px) clamp(16px,4vw,40px)}.wrap{max-width:1060px;margin:0 auto}.section-head{text-align:center;margin-bottom:40px}.section-head h2{margin:0 0 8px;font-size:clamp(1.5rem,3vw,2.1rem);display:inline-flex;align-items:center;gap:10px}.section-head h2 svg{width:26px;height:26px;color:var(--frost)}.section-head p{margin:0;color:var(--muted)}.rune-divider{display:flex;align-items:center;gap:12px;justify-content:center;margin:0 auto 14px;color:var(--frost);opacity:.7}.rune-divider:before,.rune-divider:after{content:"";width:72px;height:1px;background:linear-gradient(90deg,transparent,var(--frost))}.rune-divider:after{background:linear-gradient(90deg,var(--frost),transparent)}.rune-divider svg{width:16px;height:16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .2s ease,transform .2s ease}.card:hover{border-color:var(--frost-soft);transform:translateY(-3px)}.card h3{margin:0 0 6px;font-size:1.05rem;display:flex;align-items:center;gap:8px}.card h3 svg{width:18px;height:18px;color:var(--frost)}.card p{margin:0;color:var(--muted);font-size:.95rem}.card .big{display:block;margin-bottom:10px;font-size:1.7rem;font-weight:800;color:var(--gold-strong)}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.step{position:relative;padding:26px 26px 26px 74px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass)}.step:before{counter-increment:step;content:counter(step);position:absolute;left:22px;top:24px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--frost-soft);background:#081420cc;color:var(--frost);font-weight:800}.step h3{margin:0 0 6px;font-size:1rem}.step p{margin:0;color:var(--muted);font-size:.92rem}code{padding:2px 8px;border-radius:6px;background:#4fd0ff1f;border:1px solid rgb(79 208 255 / 22%);color:#bfe9ff;font-size:.9em;-webkit-user-select:all;user-select:all}.page-shell{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:40px 16px}.form-card{width:min(520px,100%);padding:clamp(26px,4vw,38px);border:1px solid var(--line);border-radius:var(--radius);background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 90px #0000007f,inset 0 1px #ffffff0f}.form-card h2{margin:0 0 4px;font-size:clamp(1.7rem,4vw,2.1rem);display:flex;align-items:center;gap:12px}.form-card h2 svg{width:30px;height:30px;color:var(--frost)}.form-card>p.sub{margin:0 0 18px;color:var(--muted);font-size:.92rem}label{display:block;margin:15px 0 6px;color:var(--muted);font-size:.88rem;font-weight:600}input,select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:9px;padding:10px 14px;background:#050c14d9;color:var(--ink);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:none;border-color:var(--frost);box-shadow:0 0 0 3px #4fd0ff2e}.form-card .btn{width:100%;margin-top:22px}.message{display:flex;align-items:center;gap:9px;margin:0 0 16px;padding:12px 14px;border-radius:9px;font-size:.95rem;border:1px solid var(--line);background:#040a1099}.message svg{width:18px;height:18px;flex:none}.message.error{color:var(--bad);border-color:#ff9d9d59}.message.success{color:var(--good);border-color:#7fe0a259}.hint{margin:16px 0 0;color:var(--muted);font-size:.86rem;text-align:center}.hint a{color:#bfe9ff}.dash{max-width:1060px;margin:0 auto;padding:clamp(24px,5vw,48px) clamp(16px,4vw,40px)}.dash-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:26px}.dash-head h1{margin:0;font-size:clamp(1.6rem,4vw,2.3rem);display:flex;align-items:center;gap:12px}.dash-head h1 svg{width:30px;height:30px;color:var(--frost)}.dash-head .sub{width:100%;margin:4px 0 0;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 90px #0006,inset 0 1px #ffffff0f;padding:clamp(18px,3vw,28px);margin-bottom:22px}.panel h2{margin:0 0 16px;font-size:1.15rem;display:flex;align-items:center;gap:9px}.panel h2 svg{width:20px;height:20px;color:var(--frost)}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.char-card{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:#08121e99;transition:border-color .2s ease,transform .2s ease}.char-card:hover{border-color:var(--frost-soft);transform:translateY(-2px)}.char-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--frost-soft);background:#050e18e5;color:var(--gold-strong);flex:none}.char-icon svg{width:24px;height:24px}.char-card .cname{font-weight:700;display:flex;align-items:center;gap:7px}.char-card .cmeta{color:var(--muted);font-size:.84rem;display:flex;gap:10px;flex-wrap:wrap}.char-card .cmeta span{display:inline-flex;align-items:center;gap:4px}.char-card .cmeta svg{width:13px;height:13px}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good)}table.roster{width:100%;border-collapse:collapse;font-size:.92rem}.roster th{text-align:left;padding:10px 12px;color:var(--gold-strong);border-bottom:1px solid var(--line);background:#08121ecc;white-space:nowrap}.roster th:first-child{border-radius:8px 0 0 8px}.roster th:last-child{border-radius:0 8px 8px 0}.roster td{padding:10px 12px;border-bottom:1px solid rgb(126 200 255 / 8%)}.roster tbody tr:nth-child(odd){background:#4fd0ff0a}.roster tbody tr:hover{background:#4fd0ff17}.roster .flag{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--line)}.roster .flag.gm{color:var(--gold-strong);border-color:#f0c46d66}.roster .flag.banned{color:var(--bad);border-color:#ff9d9d66}.roster .flag.on{color:var(--good);border-color:#7fe0a266}.roster .flag svg{width:12px;height:12px}.searchbar{position:relative;margin-bottom:18px}.searchbar svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}.searchbar input{padding-left:44px}.tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.tab{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;border:1px solid var(--line);background:#08121eb8;color:var(--muted);font:600 .92rem/1 inherit;cursor:pointer}.tab svg{width:16px;height:16px}.tab.active,.tab:hover{background:#4fd0ff1f;color:#cfeeff;border-color:var(--frost-soft)}.empty{display:grid;place-items:center;gap:10px;padding:40px 20px;color:var(--muted);text-align:center}.empty svg{width:42px;height:42px;color:var(--frost-soft)}footer.site{padding:26px clamp(16px,4vw,40px);border-top:1px solid var(--line);color:var(--muted);font-size:.84rem;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}@media(max-width:880px){.nav .name small,.nav-links a .linktext{display:none}.nav-links a svg{width:20px;height:20px}}