:root{--font-family:"Space Grotesk", system-ui, sans-serif;--font-family-cta:"Space Grotesk", system-ui, sans-serif;--color-lime:#bff227;--color-lime-hover:#d0ff47;--color-lime-ink:#131807;--color-gold:#e8b93b;--color-card-red:#d2352f;--color-card-black:#1b1f2a;--color-success:#3ddc84;--color-app-bg:#12151f;--color-surface:#171c2a;--color-surface-elevated:#191f2e;--color-surface-border:#ffffff12;--color-surface-border-subtle:#ffffff0f;--color-surface-border-mid:#ffffff14;--color-surface-border-strong:#ffffff1f;--color-accent:#bff227;--color-accent-hover:#d0ff47;--color-accent-ink:#131807;--color-lime-bg-faint:#bff2270f;--color-lime-bg-soft:#bff22714;--color-lime-bg:#bff2271f;--color-lime-bg-strong:#bff22724;--color-lime-bg-hover:#bff22726;--color-lime-border-faint:#bff22759;--color-lime-border:#bff22780;--color-lime-border-active:#bff227b3;--color-on-dark:#edeff5;--color-muted:#8e95a9;--color-subtle:#5b6275;--color-error-text:#ff8096;--color-error-border:#ff4d6d;--color-auth-bg:#12151f;--color-background:var(--color-app-bg);--color-background-soft:var(--color-surface-elevated);--color-background-mute:var(--color-surface);--color-border:var(--color-surface-border);--color-border-hover:#ffffff1f;--color-heading:var(--color-on-dark);--color-text:var(--color-on-dark);--color-header-bar:var(--color-surface);--color-header-border:#ffffff0f;--color-online-dot:#3ddc84;--color-primary:#1486d1;--color-info:#4869ee;--color-warning:#feb32b;--color-danger:#f25353;--color-dark:#121c42;--color-secondary:#2a2b3d;--color-light:#3d4359;--color-x-light:var(--color-surface-elevated);--btn-font-size:14px;--btn-line-height:18px;--btn-paddingX:10px;--btn-paddingY:24px;--btn-sm-font-size:10px;--btn-sm-line-height:14px;--btn-sm-paddingX:5px;--btn-sm-paddingY:10px;--btn-icon-width:16px;--btn-icon-height:16px;--btn-icon-paddingX:11px;--btn-icon-paddingY:11px;--btn-sm-icon-width:10px;--btn-sm-icon-height:10px;--btn-sm-icon-paddingX:6px;--btn-sm-icon-paddingY:6px;--input-paddingY:12px;--input-paddingX:12px;--border-radius:10px;--font-size:16px;--app-max-width:800px;--section-gap:160px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-family);background:var(--color-background);color:var(--color-text)}.splash-screen{z-index:9999;background:var(--color-app-bg);background:linear-gradient(180deg, var(--color-app-bg) 0%, var(--color-auth-bg) 100%);color:var(--color-on-dark);justify-content:center;align-items:center;transition:opacity .5s ease-out;display:flex;position:fixed;inset:0}.splash-screen.fade-out{opacity:0}.splash-content{text-align:center;max-width:320px;padding:24px}.splash-logo{justify-content:center;margin-bottom:24px;display:flex}.splash-logo__image{object-fit:contain;border-radius:16px;width:72px;height:72px;box-shadow:0 0 24px #a3ff122e}.splash-title{font-family:var(--font-family-cta);letter-spacing:.04em;color:var(--color-on-dark);margin:0 0 6px;font-size:28px;font-weight:400}.splash-subtitle{font-family:var(--font-family);color:var(--color-muted);margin:0 0 28px;font-size:14px}.splash-loader{justify-content:center;display:flex}.splash-loader__spinner{border:3px solid var(--color-surface-border);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;animation:1s linear infinite splash-spin}@keyframes splash-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.splash-screen{transition:none}.splash-loader__spinner{border-top-color:var(--color-surface-border);animation:none}}@media (width<=480px){.splash-content{padding:16px}.splash-logo__image{border-radius:14px;width:64px;height:64px}.splash-title{font-size:22px}.splash-subtitle{font-size:12px}}.layout-root{background:var(--color-app-bg);height:100vh}.layout-column{width:100%;max-width:var(--app-max-width);background:var(--color-background);height:100%;color:var(--color-text);flex-direction:column;margin:0 auto;display:flex}.layout-main{box-sizing:border-box;flex:1;min-height:0;padding-top:56px;position:relative}.header{z-index:200;width:100%;max-width:var(--app-max-width);background:var(--color-surface);border-bottom:1px solid #ffffff0f;align-items:center;gap:0;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.header-logo{background:var(--color-accent);border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:28px;height:28px;display:flex}.header-logo__dot{background:var(--color-accent-ink);border-radius:50%;width:5px;height:5px}.organization{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.names{align-items:baseline;gap:0;min-width:0;display:flex}.name--brand{font-family:var(--font-family);color:var(--color-on-dark);cursor:pointer;white-space:nowrap;letter-spacing:0;background:0 0;border:none;padding:0;font-size:15px;font-weight:700}.name--brand:hover{color:var(--color-accent)}.name-sep{color:var(--color-subtle);margin:0 5px;font-size:15px;font-weight:700}.name--game{cursor:pointer;font-family:var(--font-family);color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:0;font-size:15px;font-weight:700;overflow:hidden}.name--game:hover{color:var(--color-accent)}.header_actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.header-pill{border:1px solid var(--color-lime-border-faint);background:var(--color-lime-bg);color:var(--color-accent);font-family:var(--font-family);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.header-pill:hover{background:var(--color-lime-bg-hover)}.header-pill--ping{cursor:default}.header-pill--ping:hover{background:var(--color-lime-bg)}.header-pill--offline{color:#f87171;background:#f871711a;border-color:#f8717166}.header-pill__dot{background:var(--color-success);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.header-pill__dot--good{background:#4ade80}.header-pill__dot--medium{background:#facc15}.header-pill__dot--bad{background:#f87171}.header-online{background:var(--color-lime-bg);color:var(--color-accent);white-space:nowrap;z-index:5;border-radius:999px;align-items:center;gap:5px;margin-top:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:70%;left:50%;transform:translate(-50%)}.header_wallet{border:1px solid var(--color-lime-border-faint);background:var(--color-lime-bg);color:var(--color-accent);font-family:var(--font-family);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.header_wallet:hover{background:var(--color-lime-bg-hover)}.header_wallet_icon{flex-shrink:0;width:14px;height:14px}.header_wallet_amount{text-overflow:ellipsis;max-width:120px;overflow:hidden}@media (width<=480px){.name--brand,.name-sep{display:none}}