:root{color-scheme:light;--paper:#f7f8f3;--ink:#223e35;--muted:#6d796e;--green:#244e3e;--line:#dfe5d9;--white:#fff;--lime:#d9e6a6;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #86a84f;outline-offset:4px}input:focus{outline:3px solid #d9e6a6;border-color:var(--green)}[hidden]{display:none!important}.site-header{max-width:1440px;margin:auto;padding:27px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:16px;align-items:center;color:var(--ink);text-decoration:none;font-family:var(--serif);font-size:23px;font-weight:bold;line-height:1.1;white-space:nowrap}.brand-caption{display:block;font:9px var(--sans);letter-spacing:2.2px;margin-top:8px;color:var(--muted)}nav{display:flex;gap:28px}.nav-link{background:none;border:0;border-bottom:2px solid transparent;padding:14px 0 11px;color:var(--muted);font-size:13px}.nav-link.active{color:var(--green);border-color:var(--green);font-weight:600}.header-account{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.5px}.text-button{background:none;border:0;padding:5px 0;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px}main{max-width:1440px;margin:auto;padding:48px 5% 70px;min-height:calc(100vh - 194px)}.eyebrow{display:block;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:1.8px;line-height:1.7}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1{font-family:var(--serif);font-size:43px;line-height:1.2;letter-spacing:-1.4px;margin:12px 0}h2{font-family:var(--serif);font-size:25px;line-height:1.3;letter-spacing:-.5px}p{color:var(--muted)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:6px 0 32px}.secondary-button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 19px;border-radius:6px;white-space:nowrap}.secondary-button:hover,.pager:hover:enabled{background:#edf0e5}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}.stat-card{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:23px 24px;display:flex;flex-direction:column;gap:5px}.stat-label{font-size:12px!important;color:var(--ink)!important}.stat-card strong{font-family:var(--serif);font-size:39px;font-weight:400;line-height:1.5;letter-spacing:-1px;overflow-wrap:anywhere}.stat-card>span:last-child{font-size:11px;color:var(--muted)}.coins-card{background:var(--green);border-color:var(--green);color:#f4f6e9}.coins-card .stat-label,.coins-card>span:last-child{color:#dae6ce!important}.activity-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:26px;align-items:start}.panel{background:var(--white);border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:25px 26px 22px}.panel-heading h2{margin-top:6px}select{background:#fff;border:1px solid var(--line);padding:9px 30px 9px 12px;border-radius:5px;font-size:12px;color:var(--ink);max-width:100%}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{padding:12px 24px;background:#f9faf6;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.5px;color:var(--muted);font-weight:500}td{padding:17px 24px;border-bottom:1px solid #edf0e8;font-size:12px}td small{display:block;font-size:10px;color:var(--muted);margin-top:3px}td strong{font-weight:600}.numeric{text-align:right;font-variant-numeric:tabular-nums}.carry-cell{display:flex;align-items:center;gap:12px}.badge{min-width:38px;padding:6px 7px;text-align:center;background:#eef3e7;border:1px solid #e0e8d8;border-radius:5px;font-size:10px;color:#476141}.badge.kuudra{background:#fbf0e4;color:#996b3b;border-color:#f0dfc9}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;font-size:11px;color:var(--muted);gap:12px}.pagination>div{display:flex;gap:7px}.pager{background:#fff;border:1px solid var(--line);border-radius:4px;padding:3px 11px;color:var(--ink)}.sidebar{display:grid;gap:20px}.split-panel{padding:25px 22px}.split-panel h2{font-size:23px;margin:6px 0 20px}.trail{display:flex;align-items:center;gap:11px;padding:16px 0;border-top:1px solid var(--line)}.trail:last-child{padding-bottom:0}.trail div{display:flex;flex-direction:column;flex:1}.trail strong{font-size:12px;font-weight:600}.trail div span{font-size:10px;color:var(--muted)}.trail b{font-weight:500;font-variant-numeric:tabular-nums}.trail-icon{width:32px;height:34px;display:grid;place-items:center;background:#edf2e4;border-radius:6px;color:#66834b;font-family:var(--serif)}.trail-icon.kuudra{background:#f8eedf;color:#9c733e}.field-note{background:#edf0e0;border:1px solid #e2e7d1;padding:24px;border-radius:9px}.field-note h2{font-size:25px;margin:12px 0 15px}.field-note p{font-size:12px;line-height:1.8;margin-top:12px;color:#67735c}.empty-state{text-align:center;padding:54px 22px}.empty-state h3{font-family:var(--serif);font-size:24px;margin:10px 0}.empty-state p{font-size:12px;line-height:1.9}.fine-print{font-size:12px;margin-top:22px;max-width:850px}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;padding:30px 3% 10px}.login-intro h1{font-size:65px;letter-spacing:-2.4px;margin:22px 0}.login-intro>p{font-size:16px;max-width:380px;line-height:1.8}.login-intro>.eyebrow{font-size:9px}.login-card{background:white;border:1px solid var(--line);border-radius:12px;padding:42px 38px;box-shadow:0 12px 35px #23422a06;max-width:480px}.login-card h2{font-size:29px;margin:14px 0}.login-card>p{font-size:13px;line-height:1.9}.login-card form{margin-top:28px}.login-card label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.login-card input{display:block;width:100%;border:1px solid #d8dfd1;padding:13px 15px;background:#fafbf7;color:var(--ink);border-radius:6px;font-size:13px}.primary-button{margin-top:14px;display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:6px;padding:14px 17px;background:var(--green);color:white;font-size:13px}.primary-button:hover{background:#173e30}.primary-button span{font-size:18px}.login-help{display:flex;align-items:center;gap:13px;margin-top:26px}.login-help p{font-size:11px;line-height:1.9}.login-note{margin-top:26px;padding-top:19px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);text-align:center}.form-error{color:#a03d2d;font-size:12px;margin-top:12px}.notice{border:1px solid #ddc4a2;background:#fff5e3;color:#775524;padding:13px 18px;border-radius:7px;margin-bottom:25px}.loading{padding:100px 20px;text-align:center;color:var(--muted)}footer{max-width:1440px;margin:auto;padding:25px 5%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer-dot{padding:0 9px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){main{padding-top:60px}.login-layout{padding-top:65px}}@media(max-width:1050px){.activity-layout{grid-template-columns:minmax(0,1fr)}.sidebar{grid-template-columns:1fr 1fr}.stats-grid{gap:10px}.stat-card{padding:20px 17px}.stat-card strong{font-size:34px}.login-layout{gap:6%;padding-left:0;padding-right:0}.login-intro h1{font-size:54px}.login-card{padding:32px 27px}.header-account{display:none}.header-account:has(button:not([hidden])){display:flex}.header-account #display-name{display:none}th,td{padding-left:18px;padding-right:18px}}@media(max-width:700px){.site-header{padding:20px 5% 0;flex-wrap:wrap;gap:15px}.brand{font-size:20px}.header-account{order:1}nav{order:2;width:100%;gap:25px}.header-account:has(button:not([hidden])){margin-left:auto}.brand-caption{font-size:8px}.nav-link{padding-top:3px}main{padding-top:30px;padding-bottom:40px}h1{font-size:34px}.page-heading{align-items:flex-start;margin-bottom:25px}.page-heading p{font-size:12px}.page-heading .secondary-button{font-size:0;padding:8px 12px}.page-heading .secondary-button::after{content:'↻';font-size:18px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.stat-card{padding:16px}.stat-card strong{font-size:33px}.stat-card>span:last-child{font-size:9px}.activity-layout{gap:20px}.sidebar{grid-template-columns:1fr}.panel-heading{padding:20px 17px}.panel-heading .eyebrow{font-size:8px}.panel-heading h2{font-size:24px}.login-layout{display:flex;flex-direction:column;gap:30px;padding-top:8px}.login-intro{width:100%}.login-intro h1{font-size:47px;margin:16px 0}.login-intro h1 br{display:none}.login-intro>p{font-size:14px}.login-card{max-width:none;width:100%;padding:29px 24px}.login-card h2{font-size:28px}.login-intro>.eyebrow{font-size:8px}footer{flex-direction:column;gap:5px}.page-heading:has(#leaderboard-sort){flex-direction:column;gap:10px}.empty-state{padding:40px 18px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}main>section{animation:arrive .25s ease}@keyframes arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

}

/* Shared dark theme for member and administrator pages. */
:root {
  color-scheme: dark;
  --paper: #0d0a12;
  --ink: #eeeaf5;
  --muted: #b3a9c2;
  --green: #7545ab;
  --line: #342a43;
  --white: #19141f;
  --lime: #b893e8;
  --serif: var(--sans);
}
body {
  min-height: 100vh;
  background:
    radial-gradient(ellipse at 80% 0, #44236140, transparent 55%),
    linear-gradient(155deg, #0a080e, #171020 55%, #0d0a12);
  background-attachment: fixed;
}
.site-header, footer { border-color: var(--line); }
.brand { color: var(--ink); font-family: var(--sans); font-size: 30px; letter-spacing: 1px; }
h1, h2, h3 { font-weight: 600; }
h1 { font-size: 36px; letter-spacing: -1px; }
.login-intro h1 { font-size: clamp(36px, 5vw, 54px); letter-spacing: -1.5px; }
.login-intro { max-width: 460px; }
.login-layout { min-height: 480px; }
.login-card, .panel, .stat-card { background: var(--white); box-shadow: 0 12px 32px #00000024; }
.login-card h2 { margin-top: 0; }
.nav-link, .header-account, .header-account .text-button { color: var(--muted); }
.nav-link.active { color: #ddc7ff; border-color: #ac80dd; }
.page-heading p, .login-intro > p, .eyebrow { color: var(--muted); }
.stat-card strong { font-weight: 500; }
.coins-card { background: linear-gradient(130deg, #2a193c, #352146); border-color: #53326c; }
.coins-card .stat-label, .coins-card > span:last-child { color: #dcc8ed !important; }
select, .login-card input, .pager { background: #110d18; color: var(--ink); border-color: var(--line); }
input::placeholder, textarea::placeholder { color: #9c91ad; opacity: 1; }
.secondary-button { background: #21182c; color: var(--ink); border-color: #443353; }
.secondary-button:hover, .pager:hover:enabled { background: #30223f; }
.primary-button { background: var(--green); color: #fff; }
.primary-button:hover { background: #8754bc; }
button:focus-visible, a:focus-visible, select:focus-visible { outline-color: #c298f3; }
input:focus, textarea:focus { outline: 2px solid #ac80dd; outline-offset: 2px; border-color: #ac80dd; }
th { background: #14101b; }
td { border-bottom-color: #2b2336; }
.badge, .trail-icon { background: #2b1d3b; border-color: #49315e; color: #d8b4fb; }
.badge.kuudra, .trail-icon.kuudra { background: #33241c; border-color: #544031; color: #e5bc8e; }
.field-note { background: #1c1525; border-color: var(--line); }
.field-note p { color: var(--muted); }
.field-note h2 { font-size: 20px; }
.form-error { color: #ffacba; }
.notice { background: #30231e; color: #efc9a3; border-color: #664937; }
footer { color: #a59aae; }
@media (max-width: 700px) {
  .login-layout { min-height: 0; align-items: stretch; }
  .login-intro { max-width: none; }
  .login-intro h1 { font-size: 36px; }
}