:root{--v:#6C3BFF;--c:#FF4D6D;--g:#FFD23F;--n:#121225;--l:#EDEBFF;--n2:#1c1c38;--n3:#2a2a50}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--n);color:var(--l);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--g)}a:hover{color:#fff}
:focus-visible{outline:3px solid var(--g);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--g);color:var(--n);padding:.5rem 1rem;z-index:10}.skip:focus{left:0}
.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem clamp(1rem,4vw,3rem);border-bottom:2px solid var(--n3);position:sticky;top:0;background:rgba(18,18,37,.95);z-index:5}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--l);font-weight:800;font-size:1.3rem;letter-spacing:.02em}.brand b{color:var(--c)}
nav{display:flex;gap:.25rem;flex-wrap:wrap}nav a{color:var(--l);text-decoration:none;padding:.45rem .8rem;border-radius:6px;font-weight:600}
nav a:hover{background:var(--n3)}nav a[aria-current]{background:var(--v);color:#fff}
.menu{display:none;background:var(--n3);color:var(--l);border:0;padding:.5rem .9rem;border-radius:6px;font:inherit;font-weight:700}
main{min-height:60vh}
.hero{background:radial-gradient(900px 400px at 20% 0%,rgba(108,59,255,.35),transparent),radial-gradient(700px 300px at 90% 100%,rgba(255,77,109,.2),transparent);padding:clamp(2rem,6vw,5rem) clamp(1rem,4vw,3rem)}
.hero-in{max-width:1100px;margin:auto;display:flex;gap:clamp(1.5rem,4vw,3rem);align-items:center}
.hero-logo{width:clamp(120px,22vw,220px);height:auto;image-rendering:pixelated;flex:none;filter:drop-shadow(0 8px 24px rgba(108,59,255,.5))}
.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;color:var(--g);font-weight:700;margin:0}
h1{font-size:clamp(2rem,5.5vw,3.6rem);line-height:1.08;margin:.3rem 0 1rem;font-weight:900}
.hl{color:var(--c)}h2{margin-top:0}
.lead{font-size:1.15rem;max-width:60ch;color:#d6d3f5}
.status{display:inline-flex;align-items:center;gap:.6rem;background:var(--n2);border:1px solid var(--n3);padding:.5rem .9rem;border-radius:999px;font-weight:600}
.dot{width:.7rem;height:.7rem;border-radius:50%;background:#888}.dot.on{background:#3ddc84;box-shadow:0 0 10px #3ddc84}.dot.off{background:var(--c)}
.join-card{margin-top:1.25rem;background:var(--n2);border:2px solid var(--v);border-radius:12px;padding:1rem 1.25rem;max-width:520px}
.join-card p{margin:.2rem 0}.addr{font-size:1.35rem;font-weight:800;color:var(--g);margin-right:.75rem}
.note{font-size:.85rem;color:#bdb8e8;margin-top:.6rem!important}
code{font-family:ui-monospace,Consolas,monospace}
.btn{display:inline-block;background:var(--c);color:#fff;border:0;border-radius:8px;padding:.55rem 1.1rem;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;box-shadow:0 4px 0 #b3263f}
.btn:hover{transform:translateY(-1px);color:#fff}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 #b3263f}
.wrap{max-width:1100px;margin:auto;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,3rem)}.narrow{max-width:780px}.center{text-align:center}.center .lead{margin:auto auto 1.5rem}
.grid2,.grid3{display:grid;gap:1.25rem}.grid2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--n2);border:1px solid var(--n3);border-radius:12px;padding:1.25rem 1.4rem;position:relative}
.card h3{color:var(--g);margin:.2rem 0 .4rem}
.mode.live{border-color:var(--v);box-shadow:0 0 0 1px var(--v),0 10px 30px rgba(108,59,255,.25)}
.tag{display:inline-block;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:var(--n3);color:var(--g);padding:.2rem .55rem;border-radius:4px}
.tag-live{background:var(--v);color:#fff}
.rank h2{font-family:ui-monospace,Consolas,monospace;font-size:1.3rem}.perk{color:#bdb8e8;font-size:.95rem}
.rules li{margin-bottom:.9rem}.rules strong{color:var(--g)}
.board{list-style:none;padding:0;margin:0;counter-reset:r}.board li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .25rem;border-bottom:1px solid var(--n3);counter-increment:r}
.board li:not(.empty)::before{content:"#" counter(r);color:var(--c);font-weight:800;width:2.2rem}.board li span:first-of-type{flex:1}.val{color:var(--g);font-weight:700}
.board .empty{color:#bdb8e8;font-style:italic;border:0}
footer{border-top:2px solid var(--n3);padding:1.5rem clamp(1rem,4vw,3rem);text-align:center;color:#bdb8e8}footer p{margin:.3rem 0;display:flex;gap:.5rem;justify-content:center;align-items:center}
.fine{font-size:.85rem;color:#a9a4d6}
@media (max-width:720px){.menu{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--n);padding:.5rem 1rem 1rem;border-bottom:2px solid var(--n3)}nav.open{display:flex}
.hero-in{flex-direction:column;text-align:center}.status{justify-content:center}.join-card{margin-inline:auto}.lead{margin-inline:auto}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.sect{margin:2.5rem 0 .5rem}
.nav-discord{background:var(--c);color:#fff!important}.nav-discord:hover{background:#ff6a85!important}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1rem}.dc-count{color:#bdb8e8;font-size:.9rem;font-weight:600}
.btn-discord{background:var(--v);box-shadow:0 4px 0 #4523b8}.btn-discord:active{box-shadow:0 2px 0 #4523b8}
.discord-card{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center;justify-content:space-between;border-color:var(--v);background:linear-gradient(120deg,rgba(108,59,255,.25),var(--n2) 60%)}.discord-card>div{flex:1 1 320px}
.mode-link{text-decoration:none;color:var(--l);transition:transform .15s}.mode-link:hover{transform:translateY(-3px);border-color:var(--c);color:var(--l)}.mode-link p{margin:0;color:#bdb8e8}
.mode ul{padding-left:1.1rem}.mode li{margin:.25rem 0}.tagline{color:var(--c);font-style:italic;margin-top:-.3rem}
.foot-links{flex-wrap:wrap}.foot-links a{color:var(--l)}
.addr{overflow-wrap:anywhere}

/* player profiles */
.sr{position:absolute;left:-9999px}
.psearch{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.psearch input{flex:1;min-width:12rem;padding:.7rem .9rem;border-radius:.6rem;border:1px solid #3a3560;background:#1b1b38;color:#EDEBFF;font:inherit}
.phead{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;padding-top:2rem}.pskin{image-rendering:pixelated;border-radius:.8rem;border:3px solid #6C3BFF;box-shadow:0 0 0 4px #121225,0 0 30px #6C3BFF66;background:#1b1b38}
.phead h1{margin:.1rem 0}.ptitle{color:var(--c);font-weight:700;margin:.1rem 0}.badges{display:flex;gap:.4rem;flex-wrap:wrap;margin:.5rem 0}
.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;background:#24244a;color:#EDEBFF;font-size:.85rem;border:1px solid #3a3560;text-decoration:none}
.badge.discord{border-color:#5865F2;color:#aab2ff}.badge.banned{border-color:#FF4D6D;color:#FF4D6D}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.pcard.wide{grid-column:1/-1}
.pstats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.6rem}.pstat{background:#1b1b38;border-radius:.6rem;padding:.6rem;text-align:center}
.pv{display:block;font-size:1.3rem;font-weight:800;color:#FFD23F}.pl{font-size:.8rem;color:#A9A4D6}
.plist{list-style:none;padding:0;margin:.4rem 0}.plist li{padding:.25rem 0;border-bottom:1px solid #24244a}
.tbl{overflow-x:auto}.tbl table{width:100%;border-collapse:collapse}.tbl th,.tbl td{padding:.45rem .5rem;text-align:left;border-bottom:1px solid #24244a}.tbl th{color:#A9A4D6;font-weight:600}
.board a{color:inherit;text-decoration:none}.board a:hover{color:#FFD23F;text-decoration:underline}
@media (max-width:520px){.pstats{grid-template-columns:repeat(2,1fr)}.phead{justify-content:center;text-align:center}.badges{justify-content:center}}
.badge.rank{border-color:#EDEBFF}.r-member,.r-helper{border-color:#6C3BFF!important;color:#b7a3ff}.r-vip,.r-legend,.r-owner{border-color:#FFD23F!important;color:#FFD23F}.r-mvp,.r-mod,.r-admin{border-color:#FF4D6D!important;color:#FF4D6D}.ptitle{color:#FFD23F}