:root{color-scheme:dark;--bg:#090b0b;--panel:#151a16;--line:#30382c;--lime:#e6ff00;--muted:#a9b1a6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f7f2;font:16px/1.6 system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;color:inherit;background:#1b211b;padding:11px 17px;font-weight:650}button:hover{border-color:var(--lime)}button:disabled{opacity:.45;cursor:wait}a{color:var(--lime)}:focus-visible{outline:2px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}header{max-width:1280px;margin:auto;display:flex;align-items:center;gap:22px;padding:18px 28px;border-bottom:1px solid var(--line)}header img{object-fit:contain}header span{font-size:11px;letter-spacing:.16em;color:var(--muted);margin-left:auto}header button{font-size:13px}main{max-width:1180px;min-height:75vh;margin:auto;padding:28px}h1{font-size:clamp(32px,5vw,62px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 25px}h2{font-size:26px;line-height:1.2;margin:0 0 18px}h3{margin:0 0 10px}em{color:var(--lime);font-style:normal}p{color:var(--muted)}.eyebrow{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.18em}.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:start;padding:35px 0}.intro img{display:block;margin:20px auto 0;height:290px;width:auto;object-fit:contain}.intro>p{max-width:440px}.card{background:linear-gradient(140deg,#182019,var(--panel));border:1px solid var(--line);border-radius:22px;padding:28px;min-width:0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.tabs button{background:transparent;color:var(--muted)}.tabs button[aria-pressed=true]{color:#121600;background:var(--lime);border-color:var(--lime)}label{display:grid;gap:7px;font-size:14px;margin-bottom:17px;font-weight:650}input,select{width:100%;min-height:49px;border:1px solid #414a3d;border-radius:9px;background:#090d0a;color:white;padding:10px 13px}input[type=checkbox]{width:20px;min-height:20px}.check{display:flex;gap:12px;align-items:center}.primary{background:var(--lime);color:#101500;border-color:var(--lime)}form>.primary{width:100%;margin-top:5px}.auth-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.auth-links button{border:0;padding:5px 0;margin-right:18px;color:var(--lime);background:transparent;font-size:13px}.small{font-size:12px}.message{padding:16px 20px;border:1px solid #636d2c;background:#242916;border-radius:12px;margin-bottom:22px;white-space:pre-line}.message.error{border-color:#a85555;background:#301a1a;color:#ffc4c4}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.page-heading h1{font-size:42px}.app-tabs{border-bottom:1px solid var(--line);padding-bottom:18px;gap:7px}.app-tabs button{font-size:14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.stat{padding:18px;background:#090d0a;border-radius:12px}.stat strong{display:block;color:var(--lime);font-size:28px}.stat span{font-size:11px;color:var(--muted)}.mascot{display:flex;align-items:center;gap:24px}.mascot img{width:140px;height:205px;object-fit:contain}.pill{display:inline-block;border:1px solid #687529;color:var(--lime);padding:4px 10px;border-radius:30px;font-size:12px}.list{display:grid;gap:12px}.list-item{padding:18px;border:1px solid var(--line);border-radius:12px;background:#0c100c}.list-item p{margin:5px 0}.list-item strong{overflow-wrap:anywhere}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.empty{padding:28px 0;color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.rank{display:flex;gap:16px;align-items:center}.rank>b{font-size:25px;color:var(--lime);min-width:32px}.rank>span{margin-left:auto;white-space:nowrap}.scroll-table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:11px}footer{max-width:1180px;margin:35px auto;padding:20px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.skip{position:absolute;top:-100px}.skip:focus{top:5px;z-index:10;background:#000;padding:10px}.loading{opacity:.6;pointer-events:none}progress{width:100%;accent-color:var(--lime);height:9px}#status:empty{display:none}@media(max-width:760px){header{padding:14px 18px;gap:10px}header img{width:140px;height:43px}header span{display:none}header button{margin-left:auto}main{padding:20px 16px}.auth-layout{grid-template-columns:1fr;gap:20px;padding-top:5px}.intro img{display:none}.intro h1{font-size:38px}.intro>p:not(.eyebrow){font-size:14px}.card{padding:22px;border-radius:17px}.grid{grid-template-columns:1fr}.app-tabs{flex-wrap:nowrap;overflow-x:auto;padding:5px 2px 16px}.app-tabs button{white-space:nowrap}.page-heading h1{font-size:31px}.page-heading>button{font-size:12px}.stats{gap:7px}.stat{padding:13px 9px}.stat strong{font-size:23px}.mascot{gap:15px}.mascot img{width:105px;height:155px}.field-grid{grid-template-columns:1fr}.tabs{gap:7px}.tabs button{padding:10px 13px}footer{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.page-heading h1{overflow-wrap:anywhere}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{min-width:0;overflow-wrap:anywhere}@media(max-width:1000px){.grid{grid-template-columns:1fr}}

.password-strength{margin:-7px 0 20px}.password-strength p{margin:5px 0}.password-strength progress{height:10px;accent-color:#ff726d}.password-strength[data-score="2"] progress{accent-color:#ffc75a}.password-strength[data-score="3"] progress{accent-color:#e6ff00}.password-match-error{color:#ffb3af}.password-match-ok{color:#e6ff00}.verification-help{padding:18px;border:1px solid #53612c;background:#202716;border-radius:12px;margin:22px 0}.verification-help h3{font-size:18px}.verification-help p{margin-bottom:0}.email-confirmation>button{width:100%;white-space:normal}.email-confirmation strong{color:#f5f7f2;overflow-wrap:anywhere}

.install-help{margin:28px 0;padding:18px 22px;border:1px solid var(--line);border-radius:12px}.install-help summary{cursor:pointer;color:var(--lime);font-weight:650}.install-help p{max-width:72ch}#join-form input{text-transform:uppercase;letter-spacing:.12em}header{flex-wrap:wrap}input,select{min-width:0}button{overflow-wrap:anywhere}

.account-role-choice{margin-bottom:26px}.account-role-choice .eyebrow{margin-top:0}.role-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.role-options button{text-align:left;padding:17px;min-width:0}.role-options strong,.role-options span{display:block}.role-options strong{font-size:17px}.role-options span{font-size:12px;line-height:1.5;margin-top:6px;color:var(--muted);font-weight:400}.role-options button[aria-pressed=true]{border-color:var(--lime);background:#283117;box-shadow:inset 0 0 0 1px var(--lime)}header #account-role{color:var(--lime);font-weight:800}@media(max-width:400px){.role-options{grid-template-columns:1fr}}

#join-feedback{margin:18px 0 0;font-weight:650}header #account-role{display:inline-block}@media(max-width:760px){header #account-role{font-size:10px;margin-left:0}footer{flex-wrap:wrap;gap:16px}}
