
:root{--bg:#07101d;--panel:#0d1a2b;--panel2:#122239;--text:#f3f7ff;--muted:#aab8ce;--line:rgba(255,255,255,.12);--gold:#f0b84a}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at top,#16294a,#07101d 55%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.side{background:rgba(6,13,25,.92);border-right:1px solid var(--line);padding:24px;position:sticky;top:0;height:100vh}.brand{font-size:24px;font-weight:800;margin-bottom:28px}.brand span{color:var(--gold)}
nav a,.side-foot a{display:block;color:var(--text);text-decoration:none;padding:12px 14px;border-radius:14px;margin:6px 0;background:transparent}nav a:hover,nav a.active{background:rgba(240,184,74,.14);color:#fff}.side-foot{position:absolute;bottom:20px;left:24px;right:24px;color:var(--muted);font-size:13px}.side-foot a{display:inline-block;margin-right:6px;padding:6px 8px}
.main{padding:30px}.top{margin-bottom:20px}.top h1{margin:0;font-size:32px}.card,.module,.login-card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 60px rgba(0,0,0,.25)}.card{padding:22px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}.module{padding:20px;text-decoration:none;color:var(--text)}.module strong{display:block;font-size:18px;margin-bottom:8px}.module span{color:var(--muted);font-size:13px}
.login-body{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,92vw);padding:28px}.login-card h1{margin-top:0}.login-card label{display:block;margin:16px 0;color:var(--muted)}input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:#07101d;color:var(--text);margin-top:6px}button{width:100%;padding:13px 16px;border:0;border-radius:14px;background:var(--gold);color:#1d1400;font-weight:800}.alert{padding:12px;border-radius:12px;background:#642626;color:#fff}.hint{color:var(--muted);font-size:13px}
@media(max-width:840px){.shell{grid-template-columns:1fr}.side{position:relative;height:auto}.side-foot{position:relative;bottom:auto;left:auto;right:auto;margin-top:20px}.main{padding:18px}}
.table-wrap{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:#fff;background:rgba(255,255,255,.05)}select,input{max-width:100%}.inline-form{display:flex;gap:8px;align-items:center;margin:4px 0}.inline-form select,.inline-form input{width:auto;min-width:160px;margin:0}.inline-form button{width:auto;padding:10px 14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:end}.form-grid label{color:var(--muted)}.form-grid button{height:46px}.ok{background:rgba(61,135,84,.25)}code{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:6px}

/* Build 5: Gamified public frontend */
.public-body{background:radial-gradient(circle at 10% 0%,rgba(240,184,74,.2),transparent 30%),radial-gradient(circle at 80% 10%,rgba(84,138,255,.16),transparent 30%),#07101d;min-height:100vh}.public-hero{max-width:1180px;margin:0 auto;padding:24px 20px;display:flex;gap:18px;align-items:center;justify-content:space-between}.public-brand{font-size:28px;font-weight:900;color:#fff;text-decoration:none}.public-brand span{color:var(--gold)}.public-hero p{margin:4px 0 0;color:var(--muted)}.public-nav{display:flex;gap:8px;flex-wrap:wrap}.public-nav a,.mini-btn{color:#fff;text-decoration:none;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line)}.public-nav a.active,.public-nav a:hover,.mini-btn:hover{background:rgba(240,184,74,.18)}.public-lang a{color:#fff;text-decoration:none;margin-left:6px;font-weight:800}.public-main{max-width:1180px;margin:0 auto;padding:0 20px 36px}.public-footer{max-width:1180px;margin:0 auto;padding:22px 20px;color:var(--muted)}.game-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px;overflow:hidden;position:relative}.game-hero:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:rgba(240,184,74,.12)}.game-hero h1{font-size:42px;margin:10px 0}.game-hero p{color:var(--muted);max-width:680px}.eyebrow{display:inline-block;padding:7px 11px;border-radius:999px;background:rgba(240,184,74,.16);border:1px solid rgba(240,184,74,.28);color:#ffd98b;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.hero-score{position:relative;z-index:1;min-width:190px;text-align:center;border-radius:24px;padding:22px;background:rgba(0,0,0,.22);border:1px solid var(--line)}.hero-score strong{display:block;font-size:38px}.hero-score span{color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:18px 0}.stat-card,.player-card,.run-card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 18px 60px rgba(0,0,0,.22)}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{display:block;font-size:30px;margin:6px 0}.stat-card em{font-style:normal;color:#ffd98b;font-size:13px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.podium-list{display:grid;gap:10px}.podium-list a{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:16px;text-decoration:none;color:#fff;background:rgba(255,255,255,.06);border:1px solid var(--line)}.podium-list span{color:var(--muted)}.player-grid,.run-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px}.player-card,.run-card{display:block;text-decoration:none;color:#fff}.player-card span,.run-card span{display:inline-block;color:#ffd98b;font-weight:900;margin-bottom:8px}.player-card strong,.run-card strong{display:block;font-size:18px}.player-card em,.run-card em{display:block;margin-top:8px;color:var(--muted);font-style:normal}.player-hero .hero-score strong{font-size:34px}a{color:#ffd98b}@media(max-width:760px){.public-hero,.game-hero{display:block}.public-nav{margin:16px 0}.hero-score{text-align:left;margin-top:16px}.two-col{grid-template-columns:1fr}.game-hero h1{font-size:32px}.podium-list a{display:block}.podium-list span{display:block;margin-top:5px}}

/* Build 6: Unified Portal */
.portal-body .public-main{max-width:1180px}
.portal-hero{border-bottom:1px solid rgba(255,255,255,.08)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.75rem 1rem;border-radius:14px;text-decoration:none;font-weight:800;border:1px solid rgba(255,255,255,.12)}
.btn.primary{background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff;box-shadow:0 16px 45px rgba(6,182,212,.18)}
.module-status{display:inline-flex;padding:.25rem .55rem;border-radius:999px;background:rgba(34,197,94,.14);color:#bbf7d0;font-size:.8rem;font-weight:800}

/* Build 7 Systempflege */
.system-ok{color:#7ee787;font-weight:800}.system-warn{color:#ffd166;font-weight:800}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px}.stat span{display:block;color:#aab4c8;font-size:.86rem;margin-bottom:6px}.stat strong{font-size:1.25rem}@media(max-width:900px){.grid-4{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid-4{grid-template-columns:1fr}}
.notice-list{display:grid;gap:12px;margin-top:14px}.notice{display:block;text-decoration:none;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.04);color:inherit}.notice strong{display:block;margin-bottom:4px}.notice span{opacity:.9}.notice-error{border-color:rgba(255,90,90,.55)}.notice-warning{border-color:rgba(255,190,80,.55)}.notice-info{border-color:rgba(90,170,255,.45)}.notice-ok{border-color:rgba(90,220,150,.45)}.small-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat{border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:16px;background:rgba(255,255,255,.04)}.stat strong{display:block;font-size:28px}.stat span{opacity:.85}

/* Build 17: Final User UI */
.user-ui-v17{background:radial-gradient(circle at 8% -5%,rgba(240,184,74,.22),transparent 34%),radial-gradient(circle at 86% 2%,rgba(124,58,237,.22),transparent 36%),linear-gradient(180deg,#07101d,#091421 72%,#050b14);color:var(--text)}
.u17-topbar{max-width:1220px;margin:0 auto;padding:18px 20px;display:grid;grid-template-columns:220px 1fr auto;gap:16px;align-items:center;position:sticky;top:0;z-index:20;background:rgba(7,16,29,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.u17-brand{text-decoration:none;color:#fff;display:grid;gap:0}.u17-brand span{font-size:26px;font-weight:950;letter-spacing:.02em}.u17-brand small{color:var(--gold);font-weight:800}.u17-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.u17-nav a,.u17-lang a{color:#fff;text-decoration:none;border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:999px;padding:10px 13px;font-weight:800}.u17-nav a.active,.u17-nav a:hover,.u17-lang a.active{background:linear-gradient(135deg,rgba(240,184,74,.28),rgba(124,58,237,.18));border-color:rgba(240,184,74,.36)}.u17-lang{display:flex;gap:6px}.u17-lang a{font-size:12px;padding:8px 9px}.u17-main{max-width:1220px;margin:0 auto;padding:22px 20px 44px}.u17-footer{max-width:1220px;margin:0 auto;padding:24px 20px 34px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}
.u17-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:stretch;margin:10px 0 18px}.u17-hero-copy,.u17-goal-card,.u17-card,.u17-stats article,.u17-player-card,.u17-run-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));box-shadow:0 22px 70px rgba(0,0,0,.28);border-radius:26px}.u17-hero-copy{padding:34px;position:relative;overflow:hidden}.u17-hero-copy:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-120px;background:rgba(240,184,74,.12)}.u17-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(240,184,74,.32);background:rgba(240,184,74,.14);color:#ffe0a0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.u17-hero h1,.u17-page-title h1{font-size:clamp(34px,5vw,58px);line-height:.98;margin:16px 0 12px}.u17-hero p,.u17-page-title p,.u17-muted{color:var(--muted)}.u17-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.u17-btn,.u17-mini{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;border:1px solid var(--line);background:rgba(255,255,255,.08);border-radius:999px;padding:11px 15px;font-weight:900}.u17-btn.primary{background:linear-gradient(135deg,var(--gold),#ffd98b);color:#1f1500}.u17-mini{padding:8px 11px;font-size:13px}.u17-goal-card{padding:24px;text-align:center;display:grid;align-content:center}.u17-goal-card span,.u17-stats span{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.u17-goal-card strong{display:block;font-size:42px;margin-top:8px}.u17-goal-card em{font-style:normal;color:#ffe0a0}.u17-progress,.u17-big-progress{height:13px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin:18px 0 10px}.u17-progress i,.u17-big-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--accent2))}.u17-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.u17-stats article{padding:18px}.u17-stats strong{display:block;font-size:32px;margin:6px 0}.u17-stats small{color:#ffe0a0}.u17-layout.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.u17-card{padding:22px;margin-bottom:16px}.u17-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.u17-card-head h2,.u17-card h2{margin:0}.u17-card-head a{color:#ffe0a0;font-weight:900;text-decoration:none}.u17-podium{display:grid;gap:10px}.u17-podium.big{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.u17-podium a{display:grid;gap:6px;text-decoration:none;color:#fff;padding:18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.06)}.u17-podium .rank-1{background:linear-gradient(180deg,rgba(240,184,74,.24),rgba(255,255,255,.04));border-color:rgba(240,184,74,.42)}.u17-podium .rank-2{background:linear-gradient(180deg,rgba(190,210,255,.18),rgba(255,255,255,.04))}.u17-podium .rank-3{background:linear-gradient(180deg,rgba(205,130,70,.18),rgba(255,255,255,.04))}.u17-podium span{font-size:26px;font-weight:950;color:#ffe0a0}.u17-podium b{font-size:19px}.u17-podium small,.u17-list span,.u17-player-card small,.u17-run-card small{color:var(--muted)}.u17-list{display:grid;gap:9px}.u17-list a{display:flex;justify-content:space-between;gap:12px;text-decoration:none;color:#fff;border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:16px;padding:13px 14px}.u17-bigtext{color:#dfe8f7;font-size:17px;line-height:1.6}.u17-copybox{margin-top:14px}.u17-copybox summary{cursor:pointer;color:#ffe0a0;font-weight:900}.u17-copybox textarea{width:100%;min-height:180px;margin-top:12px;border-radius:16px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:#fff;padding:14px}.u17-page-title{margin:18px 0}.u17-search{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.u17-search input,.u17-search select{width:auto;min-width:240px;margin:0}.u17-search label{color:var(--muted);font-weight:800}.u17-search button{width:auto}.u17-player-grid,.u17-run-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.u17-player-card,.u17-run-card{text-decoration:none;color:#fff;padding:18px;display:grid;gap:7px}.u17-player-card.legend{border-color:rgba(240,184,74,.48);background:linear-gradient(180deg,rgba(240,184,74,.21),rgba(255,255,255,.035))}.u17-player-card.hero{border-color:rgba(190,210,255,.34)}.u17-player-card.elite{border-color:rgba(205,130,70,.34)}.u17-rank,.u17-run-card span{color:#ffe0a0;font-weight:950}.u17-player-card strong,.u17-run-card strong{font-size:20px}.u17-player-card em{color:#ffe0a0;font-style:normal}.u17-source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.u17-source-grid article{padding:16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.055)}.u17-source-grid span{color:var(--muted);font-weight:800}.u17-source-grid strong{display:block;font-size:25px;margin:6px 0}.u17-chip{display:inline-block;border-radius:999px;padding:6px 10px;background:rgba(240,184,74,.14);border:1px solid rgba(240,184,74,.28);color:#ffe0a0;font-weight:900}.u17-table th,.u17-table td{white-space:nowrap}.u17-big-progress{height:22px}.player .u17-hero-copy{min-height:260px}
@media(max-width:980px){.u17-topbar{grid-template-columns:1fr}.u17-nav{justify-content:flex-start}.u17-hero,.u17-layout.two{grid-template-columns:1fr}.u17-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.u17-podium.big{grid-template-columns:1fr}.u17-footer{display:block}.u17-main{padding-top:12px}}
@media(max-width:620px){.u17-topbar{position:relative}.u17-nav a{font-size:13px;padding:9px 10px}.u17-stats{grid-template-columns:1fr}.u17-hero-copy,.u17-card,.u17-goal-card{padding:18px;border-radius:20px}.u17-list a{display:block}.u17-search input,.u17-search select,.u17-search button{width:100%;min-width:0}.u17-hero h1,.u17-page-title h1{font-size:34px}}

/* Build 18: Epic Clan Theme for Total Battle style user frontend */
.user-ui-v18{
  --epic-gold:#f7c65a;
  --epic-red:#b13a2d;
  --epic-purple:#6d3cff;
  --epic-ember:#ff7a35;
  background:
    radial-gradient(circle at 12% 0%,rgba(247,198,90,.28),transparent 30%),
    radial-gradient(circle at 88% 10%,rgba(177,58,45,.20),transparent 32%),
    radial-gradient(circle at 50% 120%,rgba(109,60,255,.18),transparent 35%),
    linear-gradient(180deg,#080b13,#101827 55%,#05070d);
}
.user-ui-v18 .u17-topbar{border-bottom-color:rgba(247,198,90,.20);box-shadow:0 12px 50px rgba(0,0,0,.30)}
.user-ui-v18 .u17-brand span:before{content:"⚔️ ";}
.user-ui-v18 .u17-brand small{color:var(--epic-gold);text-transform:uppercase;letter-spacing:.08em}
.user-ui-v18 .u17-nav a.active,.user-ui-v18 .u17-nav a:hover,.user-ui-v18 .u17-lang a.active{background:linear-gradient(135deg,rgba(247,198,90,.30),rgba(177,58,45,.22));border-color:rgba(247,198,90,.46)}
.user-ui-v18 .u17-hero-copy,.user-ui-v18 .u17-goal-card,.user-ui-v18 .u17-card,.user-ui-v18 .u17-stats article,.user-ui-v18 .u17-player-card,.user-ui-v18 .u17-run-card{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(247,198,90,.035));border-color:rgba(247,198,90,.18)}
.user-ui-v18 .epic-hero .u17-hero-copy:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(177,58,45,.16),transparent 38%,rgba(247,198,90,.10));pointer-events:none}
.user-ui-v18 .u17-kicker{background:linear-gradient(135deg,rgba(247,198,90,.22),rgba(177,58,45,.18));border-color:rgba(247,198,90,.42);color:#ffe6a6}
.user-ui-v18 .u17-hero h1,.user-ui-v18 .u17-page-title h1{text-shadow:0 0 34px rgba(247,198,90,.16)}
.user-ui-v18 .u17-btn.primary{background:linear-gradient(135deg,var(--epic-gold),#ffe19b 55%,var(--epic-ember));box-shadow:0 16px 45px rgba(247,198,90,.18)}
.user-ui-v18 .epic-seal{position:relative;overflow:hidden}
.user-ui-v18 .epic-seal:before{content:"🏰";position:absolute;right:18px;top:12px;font-size:44px;opacity:.16}
.user-ui-v18 .epic-seal strong{color:#fff;text-shadow:0 0 28px rgba(247,198,90,.22)}
.user-ui-v18 .u17-progress i,.user-ui-v18 .u17-big-progress i{background:linear-gradient(90deg,var(--epic-red),var(--epic-ember),var(--epic-gold));box-shadow:0 0 18px rgba(247,198,90,.35)}
.user-ui-v18 .epic-stats article:nth-child(1) span:before{content:"📦 ";}
.user-ui-v18 .epic-stats article:nth-child(2) span:before{content:"🏆 ";}
.user-ui-v18 .epic-stats article:nth-child(3) span:before{content:"⚔️ ";}
.user-ui-v18 .epic-stats article:nth-child(4) span:before{content:"⚡ ";}
.user-ui-v18 .epic-podium .rank-1{border-color:rgba(247,198,90,.65);box-shadow:0 0 38px rgba(247,198,90,.15);background:linear-gradient(180deg,rgba(247,198,90,.28),rgba(255,255,255,.05))}
.user-ui-v18 .epic-podium .rank-1 span:before{content:"👑 ";}
.user-ui-v18 .epic-podium .rank-2 span:before{content:"🛡️ ";}
.user-ui-v18 .epic-podium .rank-3 span:before{content:"🔥 ";}
.user-ui-v18 .u17-player-card.legend{box-shadow:0 0 32px rgba(247,198,90,.14)}
.user-ui-v18 .u17-player-card.legend .u17-rank:before{content:"👑 ";}
.user-ui-v18 .u17-player-card.hero .u17-rank:before{content:"🛡️ ";}
.user-ui-v18 .u17-player-card.elite .u17-rank:before{content:"🔥 ";}
.user-ui-v18 .u17-player-card.fighter .u17-rank:before{content:"⚔️ ";}
.user-ui-v18 .u17-chip{background:linear-gradient(135deg,rgba(247,198,90,.18),rgba(177,58,45,.16));border-color:rgba(247,198,90,.35)}
.user-ui-v18 .u17-list a:hover,.user-ui-v18 .u17-player-card:hover,.user-ui-v18 .u17-run-card:hover{transform:translateY(-2px);border-color:rgba(247,198,90,.40);transition:.18s ease}
.user-ui-v18 .u17-run-card span:before{content:"⚡ ";}
.user-ui-v18 .u17-card-head h2:before{content:"✦ ";color:var(--epic-gold)}

/* Build 20: Modern Gaming Clean UI Rework */
.user-ui-v20{
  --m-bg:#090f1d;
  --m-bg2:#0f172a;
  --m-panel:rgba(15,23,42,.78);
  --m-panel2:rgba(30,41,59,.72);
  --m-line:rgba(148,163,184,.18);
  --m-text:#eef5ff;
  --m-muted:#94a3b8;
  --m-blue:#38bdf8;
  --m-violet:#8b5cf6;
  --m-green:#22c55e;
  --m-gold:#facc15;
  background:
    radial-gradient(circle at 18% -10%,rgba(56,189,248,.22),transparent 34%),
    radial-gradient(circle at 85% 0%,rgba(139,92,246,.20),transparent 30%),
    linear-gradient(180deg,var(--m-bg),#0b1222 42%,#070b14);
  color:var(--m-text);
}
.user-ui-v20 .u17-topbar{
  max-width:1260px;margin:14px auto 0;border:1px solid var(--m-line);border-radius:24px;
  background:rgba(15,23,42,.78);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.32);
  padding:14px 16px;position:sticky;top:12px;z-index:20;
}
.user-ui-v20 .u17-brand span:before{content:""}
.user-ui-v20 .u17-brand{gap:10px}
.user-ui-v20 .u17-brand span{font-size:20px;letter-spacing:.02em;background:linear-gradient(135deg,#fff,var(--m-blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.user-ui-v20 .u17-brand small{color:var(--m-muted);letter-spacing:.09em;text-transform:uppercase;font-size:10px}
.user-ui-v20 .u17-brand:before{content:"";width:36px;height:36px;border-radius:14px;background:linear-gradient(135deg,var(--m-blue),var(--m-violet));box-shadow:0 0 35px rgba(56,189,248,.25)}
.user-ui-v20 .u17-nav{gap:6px;background:rgba(2,6,23,.35);padding:6px;border-radius:18px;border:1px solid rgba(148,163,184,.10)}
.user-ui-v20 .u17-nav a,.user-ui-v20 .u17-lang a{
  border:0;background:transparent;color:#cbd5e1;border-radius:14px;padding:9px 12px;font-weight:800;
}
.user-ui-v20 .u17-nav a:hover,.user-ui-v20 .u17-nav a.active,.user-ui-v20 .u17-lang a.active{
  background:linear-gradient(135deg,rgba(56,189,248,.16),rgba(139,92,246,.16));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.user-ui-v20 .u17-main{max-width:1260px;padding:28px 18px 48px}
.user-ui-v20 .u17-hero{grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:18px;margin-top:18px}
.user-ui-v20 .u17-hero-copy,.user-ui-v20 .u17-goal-card,.user-ui-v20 .u17-card,.user-ui-v20 .u17-stats article,.user-ui-v20 .u17-player-card,.user-ui-v20 .u17-run-card{
  border:1px solid var(--m-line);background:linear-gradient(180deg,rgba(30,41,59,.82),rgba(15,23,42,.70));box-shadow:0 20px 70px rgba(0,0,0,.30);border-radius:28px;
}
.user-ui-v20 .u17-hero-copy{padding:34px;min-height:310px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.user-ui-v20 .u17-hero-copy:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,rgba(56,189,248,.18),transparent 38%),radial-gradient(circle at 18% 90%,rgba(139,92,246,.15),transparent 34%);pointer-events:none}
.user-ui-v20 .u17-hero-copy:after{display:none}
.user-ui-v20 .u17-kicker{width:max-content;max-width:100%;border:1px solid rgba(56,189,248,.30);background:rgba(56,189,248,.10);color:#bae6fd;border-radius:999px;padding:8px 12px;font-size:11px;letter-spacing:.08em}
.user-ui-v20 .u17-hero h1,.user-ui-v20 .u17-page-title h1{font-size:clamp(38px,5.2vw,72px);letter-spacing:-.06em;line-height:.92;margin:18px 0 12px;text-shadow:none}
.user-ui-v20 .u17-hero p,.user-ui-v20 .u17-page-title p,.user-ui-v20 .u17-muted{color:var(--m-muted)}
.user-ui-v20 .u17-btn,.user-ui-v20 .u17-mini{border:1px solid var(--m-line);background:rgba(15,23,42,.65);color:#e2e8f0;border-radius:14px;padding:11px 14px}
.user-ui-v20 .u17-btn.primary{background:linear-gradient(135deg,var(--m-blue),var(--m-violet));color:white;box-shadow:0 18px 55px rgba(56,189,248,.18)}
.user-ui-v20 .u17-goal-card{text-align:left;padding:26px;align-content:stretch;display:flex;flex-direction:column;justify-content:space-between;min-height:310px}
.user-ui-v20 .u17-goal-card span,.user-ui-v20 .u17-stats span{color:#a5b4fc;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.user-ui-v20 .u17-goal-card strong{font-size:56px;letter-spacing:-.06em;margin:16px 0 0;line-height:.9}
.user-ui-v20 .u17-goal-card em{font-style:normal;color:#cbd5e1;font-weight:800;margin-top:6px}
.user-ui-v20 .epic-seal:before{content:"";right:22px;top:20px;width:58px;height:58px;border-radius:22px;background:linear-gradient(135deg,rgba(56,189,248,.22),rgba(139,92,246,.22));opacity:1}
.user-ui-v20 .u17-progress,.user-ui-v20 .u17-big-progress{height:10px;background:rgba(148,163,184,.15);border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.user-ui-v20 .u17-progress i,.user-ui-v20 .u17-big-progress i{background:linear-gradient(90deg,var(--m-blue),var(--m-violet));box-shadow:0 0 22px rgba(56,189,248,.35)}
.user-ui-v20 .u17-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.user-ui-v20 .u17-stats article{padding:20px;min-height:138px;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease}
.user-ui-v20 .u17-stats article:hover,.user-ui-v20 .u17-card:hover,.user-ui-v20 .u17-player-card:hover,.user-ui-v20 .u17-run-card:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.34)}
.user-ui-v20 .u17-stats strong{font-size:38px;letter-spacing:-.05em;margin:10px 0 4px}
.user-ui-v20 .u17-stats small{color:#cbd5e1}
.user-ui-v20 .epic-stats article:nth-child(1) span:before,.user-ui-v20 .epic-stats article:nth-child(2) span:before,.user-ui-v20 .epic-stats article:nth-child(3) span:before,.user-ui-v20 .epic-stats article:nth-child(4) span:before{content:""}
.user-ui-v20 .u17-card{padding:22px}
.user-ui-v20 .u17-card-head{margin-bottom:16px}
.user-ui-v20 .u17-card-head h2:before{content:""}
.user-ui-v20 .u17-card-head h2,.user-ui-v20 .u17-card h2{font-size:20px;letter-spacing:-.02em}
.user-ui-v20 .u17-card-head a{color:#7dd3fc;text-decoration:none}
.user-ui-v20 .u17-podium{gap:10px}
.user-ui-v20 .u17-podium a{border:1px solid var(--m-line);background:rgba(15,23,42,.58);border-radius:20px;padding:16px}
.user-ui-v20 .u17-podium .rank-1,.user-ui-v20 .u17-podium .rank-2,.user-ui-v20 .u17-podium .rank-3{background:linear-gradient(180deg,rgba(30,41,59,.95),rgba(15,23,42,.60));border-color:rgba(56,189,248,.18);box-shadow:none}
.user-ui-v20 .epic-podium .rank-1 span:before,.user-ui-v20 .epic-podium .rank-2 span:before,.user-ui-v20 .epic-podium .rank-3 span:before{content:""}
.user-ui-v20 .u17-podium span{font-size:22px;color:#7dd3fc}
.user-ui-v20 .u17-podium b{font-size:18px}
.user-ui-v20 .u17-list{gap:10px}
.user-ui-v20 .u17-list a{border:1px solid var(--m-line);background:rgba(15,23,42,.52);border-radius:18px;padding:14px 15px;color:#f8fafc}
.user-ui-v20 .u17-list span{color:#a5b4fc}
.user-ui-v20 .u17-bigtext{font-size:16px;color:#dbeafe;line-height:1.65}
.user-ui-v20 .u17-page-title{padding:30px 0 6px}
.user-ui-v20 .u17-search{background:rgba(15,23,42,.52);border:1px solid var(--m-line);border-radius:24px;padding:16px;margin-bottom:16px}
.user-ui-v20 input,.user-ui-v20 select,.user-ui-v20 textarea{background:rgba(2,6,23,.50);border:1px solid var(--m-line);border-radius:14px;color:#fff}
.user-ui-v20 button{background:linear-gradient(135deg,var(--m-blue),var(--m-violet));color:#fff;border-radius:14px}
.user-ui-v20 .u17-player-grid,.user-ui-v20 .u17-run-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.user-ui-v20 .u17-player-card,.user-ui-v20 .u17-run-card{padding:18px;gap:9px;transition:transform .18s ease,border-color .18s ease}
.user-ui-v20 .u17-player-card.legend,.user-ui-v20 .u17-player-card.hero,.user-ui-v20 .u17-player-card.elite,.user-ui-v20 .u17-player-card.fighter{border-color:var(--m-line);box-shadow:none;background:linear-gradient(180deg,rgba(30,41,59,.82),rgba(15,23,42,.70))}
.user-ui-v20 .u17-player-card.legend{border-color:rgba(250,204,21,.28)}
.user-ui-v20 .u17-rank,.user-ui-v20 .u17-run-card span,.user-ui-v20 .u17-chip{color:#7dd3fc}
.user-ui-v20 .u17-player-card.legend .u17-rank:before,.user-ui-v20 .u17-player-card.hero .u17-rank:before,.user-ui-v20 .u17-player-card.elite .u17-rank:before,.user-ui-v20 .u17-player-card.fighter .u17-rank:before,.user-ui-v20 .u17-run-card span:before{content:""}
.user-ui-v20 .u17-source-grid article{background:rgba(15,23,42,.58);border:1px solid var(--m-line);border-radius:18px}
.user-ui-v20 .u17-source-grid strong{font-size:28px;letter-spacing:-.04em}
.user-ui-v20 .u17-chip{background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.22)}
.user-ui-v20 .table-wrap{border:1px solid var(--m-line);border-radius:20px;overflow:auto;background:rgba(15,23,42,.45)}
.user-ui-v20 table{border-collapse:separate;border-spacing:0}
.user-ui-v20 th{background:rgba(2,6,23,.45);color:#cbd5e1;text-transform:uppercase;font-size:12px;letter-spacing:.07em}
.user-ui-v20 th,.user-ui-v20 td{border-bottom:1px solid rgba(148,163,184,.12);padding:14px}
.user-ui-v20 tr:last-child td{border-bottom:0}
.user-ui-v20 .u17-footer{max-width:1260px;border-top:1px solid var(--m-line);color:var(--m-muted)}
@media(max-width:980px){.user-ui-v20 .u17-topbar{margin:8px 8px 0;top:8px}.user-ui-v20 .u17-hero{grid-template-columns:1fr}.user-ui-v20 .u17-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.user-ui-v20 .u17-goal-card{min-height:auto}.user-ui-v20 .u17-layout.two{grid-template-columns:1fr}}
@media(max-width:620px){.user-ui-v20 .u17-topbar{border-radius:18px}.user-ui-v20 .u17-main{padding:14px 12px 34px}.user-ui-v20 .u17-hero-copy{min-height:auto}.user-ui-v20 .u17-hero h1,.user-ui-v20 .u17-page-title h1{font-size:38px}.user-ui-v20 .u17-stats{grid-template-columns:1fr}.user-ui-v20 .u17-stats article{min-height:112px}.user-ui-v20 .u17-goal-card strong{font-size:44px}.user-ui-v20 .u17-nav{overflow:auto;justify-content:flex-start}.user-ui-v20 .u17-lang{justify-content:flex-start}}
