:root{--bg:#080d12;--surface:#101820;--surface2:#16212b;--surface3:#1b2934;--text:#f4f8fb;--muted:#94a5b2;--muted2:#6f818f;--accent:#63c5e8;--accent2:#9be5fb;--line:rgba(199,230,244,.1);--success:#55c98f;--gold:#d8b56a;--shadow:0 24px 70px rgba(0,0,0,.26)}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(900px 500px at 50% -180px,rgba(99,197,232,.12),transparent 70%),linear-gradient(180deg,#0a1016 0%,#080d12 60%);color:var(--text)}button,input{font:inherit}button{outline:none}button:focus-visible{box-shadow:0 0 0 3px rgba(99,197,232,.2)}
.top{height:76px;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(8,13,18,.86);backdrop-filter:blur(22px)}.topInner{width:min(calc(100% - 48px),1440px);height:100%;margin:auto;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--text);cursor:pointer;font-weight:900;letter-spacing:.13em}.brand span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#8de4ff,#3f93b4);color:#061017;box-shadow:0 8px 24px rgba(99,197,232,.16)}.brand b{font-size:13px}.top nav{display:flex;gap:4px;margin-left:48px}.top nav button,.tools button,.textButton{border:0;background:transparent;color:var(--muted);cursor:pointer}.top nav button{height:42px;padding:0 15px;border-radius:11px}.top nav button:hover,.top nav button.active{color:var(--text);background:rgba(255,255,255,.055)}.tools{margin-left:auto;display:flex;align-items:center;gap:5px}.tools button{width:44px;height:44px;border-radius:12px;font-size:19px}.tools button:hover{background:rgba(255,255,255,.05);color:var(--text)}.avatar{display:grid!important;place-items:center;border-radius:50%!important;background:linear-gradient(145deg,#314b5c,#17242d)!important;color:#e5f8ff!important;font-size:11px!important;font-weight:900}.avatar.big{width:58px;height:58px}.avatar.huge{width:96px;height:96px;font-size:21px!important}
main{width:min(calc(100% - 48px),1440px);margin:auto;padding:48px 0 120px}.eyebrow,.panel small,.tourCard small{font-size:11px;line-height:1.2;letter-spacing:.13em;color:#83cee9;font-weight:850}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 14px rgba(85,201,143,.58);margin-right:7px}.welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:2px 0 30px;padding:0 2px}.welcome h1{margin:7px 0 8px;font-size:40px;line-height:1.06;letter-spacing:-.035em}.welcome p{max-width:720px;margin:0;color:var(--muted);font-size:16px;line-height:1.55}.welcomeStatus{display:flex;align-items:center;white-space:nowrap;color:#b8c6cf;font-size:13px;padding-bottom:5px}
.homeLead{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.72fr);gap:20px}.feature,.panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(19,29,38,.96),rgba(13,21,28,.98));box-shadow:var(--shadow)}.feature{min-height:460px;padding:34px 36px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(110deg,rgba(9,18,25,.98),rgba(13,30,40,.92)),radial-gradient(circle at 80% 12%,rgba(99,197,232,.22),transparent 33%)}.feature:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-220px;bottom:-330px;border:1px solid rgba(154,229,251,.12);box-shadow:0 0 0 60px rgba(99,197,232,.025),0 0 0 120px rgba(99,197,232,.015)}.featureGlow{position:absolute;inset:auto 8% -25% 14%;height:55%;background:radial-gradient(ellipse,rgba(99,197,232,.14),transparent 67%);filter:blur(14px);pointer-events:none}.featureTop,.panelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;position:relative;z-index:1}.featureTop p{margin:9px 0 0;color:var(--muted);font-size:13px}.featureDate{color:#c8d4dc;font-size:14px;padding-top:6px}.featureBody{position:relative;z-index:1;max-width:780px}.featureBody h1{font-size:58px;line-height:.98;letter-spacing:-.045em;margin:8px 0 10px}.featureLake{font-size:19px!important;color:#c7dce7!important;margin:0 0 18px!important}.featureText{max-width:620px;color:var(--muted);font-size:15px;line-height:1.55;margin:0}.featureActions,.panelActions{display:flex;gap:10px;position:relative;z-index:1}.badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850;letter-spacing:.1em}.badge.accent{background:rgba(99,197,232,.12);color:#a9e9ff;border:1px solid rgba(99,197,232,.18)}.badge.online{background:rgba(85,201,143,.09);color:#8ee0b5;border:1px solid rgba(85,201,143,.15)}
.primary,.secondary,.ghost{min-height:46px;border-radius:12px;padding:0 17px;font-weight:760;cursor:pointer}.primary{border:1px solid transparent;background:linear-gradient(180deg,#75d2f0,#58badc);color:#061017;box-shadow:0 10px 24px rgba(99,197,232,.13)}.primary:hover{filter:brightness(1.05)}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text)}.secondary:hover,.ghost:hover{background:rgba(255,255,255,.065)}.ghost{border:1px solid transparent;background:transparent;color:#b8c6cf}.wide{width:100%}
.livePanel{padding:26px;min-height:460px;display:flex;flex-direction:column}.livePanel h2,.progressCard h2,.achievementCard h2{font-size:28px;margin:8px 0 0;letter-spacing:-.025em}.sub{color:var(--muted);margin:10px 0 20px;font-size:14px}.liveLeaders{display:flex;flex-direction:column;gap:8px}.liveLeaders>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:48px;padding:0 12px;background:rgba(255,255,255,.033);border-radius:12px}.liveLeaders b{color:#8496a3;font-size:12px}.liveLeaders span{font-weight:700}.liveLeaders strong{font-size:13px;color:#dce8ee}.livePanel .panelActions{margin-top:auto;padding-top:20px}.demoNote{display:block!important;color:#60737f!important;letter-spacing:0!important;font-weight:500!important;font-size:10px!important;line-height:1.4;margin-top:14px}.empty{color:var(--muted);display:block!important;padding:15px!important}
.homePersonal{display:grid;grid-template-columns:1.1fr .95fr .8fr;gap:20px;margin-top:20px}.homePersonal>.panel{min-height:290px;padding:26px}.levelOrb{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(99,197,232,.18),rgba(99,197,232,.05));border:1px solid rgba(99,197,232,.2);font-size:21px;font-weight:900;color:#b9eeff}.levelLine{display:flex;justify-content:space-between;gap:20px;margin-top:30px;color:var(--muted);font-size:12px}.levelLine strong{color:#d7e3e9;font-size:12px}.progress{height:8px;background:#091017;border-radius:999px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#5bbfe3,#8ee0c1)}.progressMeta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:24px}.achievementCard{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.achievementCard p{color:var(--muted);font-size:13px;line-height:1.5;max-width:75%}.medal{position:absolute;right:24px;top:35px;width:82px;height:82px;display:grid;place-items:center;border-radius:50%;font-size:38px;color:#f1d592;background:radial-gradient(circle at 34% 30%,rgba(239,211,142,.26),rgba(216,181,106,.06) 68%);border:1px solid rgba(216,181,106,.2);box-shadow:0 0 40px rgba(216,181,106,.08)}.achievementCard .ghost{text-align:left;padding-left:0}.quickCard{display:flex;flex-direction:column;gap:8px}.quickCard>.eyebrow{margin-bottom:4px}.quickCard button{display:grid;grid-template-columns:1fr auto;grid-template-areas:"a c" "b c";text-align:left;gap:3px;border:1px solid transparent;background:rgba(255,255,255,.025);border-radius:12px;padding:13px 14px;color:var(--text);cursor:pointer}.quickCard button:hover{border-color:var(--line);background:rgba(255,255,255,.05)}.quickCard button b{grid-area:a}.quickCard button span{grid-area:b;color:var(--muted);font-size:11px}.quickCard button em{grid-area:c;align-self:center;color:#6f818f;font-style:normal}.section{margin-top:52px}.sectionHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.sectionHead h2{margin:6px 0 0;font-size:27px;letter-spacing:-.025em}.textButton{padding:8px 0;font-size:13px}.textButton:hover{color:var(--text)}.events{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.event{display:grid;grid-template-columns:52px 1fr 18px;gap:13px;align-items:center;border:1px solid var(--line);background:rgba(16,24,32,.72);border-radius:16px;padding:17px 18px;color:inherit;min-height:92px}.event>span{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#213744,#12212a);color:#9ee2f8;font-weight:900}.event div{display:flex;flex-direction:column;gap:3px}.event small{color:#7ebed6;font-size:10px;letter-spacing:.08em}.event strong{font-size:15px}.event p{margin:0;color:var(--muted);font-size:11px}.event>b{color:#5f727e}.simpleStats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.stat{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border-radius:13px;background:rgba(255,255,255,.026)}.stat span{color:var(--muted);font-size:11px}.stat strong{font-size:20px}
.pageHero{min-height:290px;padding:34px;border-radius:22px;border:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(115deg,#111b23,#0c222c);box-shadow:var(--shadow)}.pageHero h1,.profileHero h1,.title h1{font-size:48px;line-height:1.03;margin:8px 0 9px;letter-spacing:-.04em}.pageHero p,.title p,.profileHero p,.info p{color:var(--muted);margin:0}.serverStats{display:grid;grid-template-columns:repeat(3,125px);gap:8px}.serverGrid{display:grid;grid-template-columns:1.65fr .7fr;gap:20px;margin-top:20px}.serverGrid>.panel{padding:24px}.switch{display:flex;padding:3px;border-radius:10px;background:#0a1117}.switch button{border:0;background:transparent;color:var(--muted);padding:8px 11px;border-radius:8px;cursor:pointer}.switch button.active{background:var(--surface2);color:var(--text)}.table{margin-top:14px}.thead,.trow{display:grid;grid-template-columns:44px 1fr 80px 110px;align-items:center;gap:10px}.thead{padding:10px 12px;color:#687986;font-size:11px;border-bottom:1px solid var(--line)}.trow{min-height:62px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.05)}.trow.me{background:rgba(99,197,232,.055)}.player{display:flex;align-items:center;gap:10px}.player i{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#243845;color:#c8efff;font-style:normal;font-size:10px;font-weight:800}.player em{font-size:9px;font-style:normal;color:#7b8a96;border:1px solid var(--line);padding:3px 5px;border-radius:5px}.info h3{margin:0 0 8px}.info>div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.info>div span{color:var(--muted);font-size:12px}.info button{margin-top:20px}.title{margin:8px 0 28px}.tourList{display:flex;flex-direction:column;gap:14px}.tourCard{display:flex;align-items:center;justify-content:space-between;padding:24px}.tourCard.featured{background:linear-gradient(105deg,rgba(99,197,232,.09),var(--surface))}.tourCard h2{margin:6px 0;font-size:25px}.tourCard p{margin:0;color:var(--muted)}.tourCard>div:last-child{display:flex;align-items:flex-end;flex-direction:column;gap:10px;color:var(--muted)}.profileHero{min-height:300px;border-radius:22px;border:1px solid var(--line);padding:34px;display:flex;align-items:end;gap:20px;background:linear-gradient(120deg,#13232d,#0d151c);box-shadow:var(--shadow)}.profileLevel{margin-left:auto;text-align:center}.profileLevel small{display:block;color:#7fcbe7;letter-spacing:.12em}.profileLevel strong{font-size:42px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profileStats{margin:14px 0 0}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards3>.panel{padding:24px}.metric{display:flex;flex-direction:column;justify-content:end;min-height:180px}.metric span,.metric small{color:var(--muted)}.metric strong{font-size:25px;margin:6px 0}.mobile{display:none}.helpTip{position:fixed;z-index:100;max-width:210px;padding:9px 11px;border-radius:9px;background:#e8f6fb;color:#0a1319;font-size:11px;line-height:1.35;box-shadow:0 10px 30px rgba(0,0,0,.28);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}.helpTip.show{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.homeLead{grid-template-columns:1.35fr .8fr}.homePersonal{grid-template-columns:1fr 1fr}.quickCard{grid-column:1/-1;min-height:auto!important}.quickCard{display:grid;grid-template-columns:repeat(3,1fr)}.quickCard>.eyebrow{grid-column:1/-1}.serverGrid{grid-template-columns:1.4fr .7fr}}
@media(max-width:900px){.top nav{display:none}.homeLead,.serverGrid{grid-template-columns:1fr}.homePersonal{grid-template-columns:1fr 1fr}.livePanel{min-height:auto}.events{grid-template-columns:1fr}.simpleStats{grid-template-columns:repeat(2,1fr)}.cards3{grid-template-columns:1fr}.serverStats{grid-template-columns:repeat(3,1fr)}main,.topInner{width:min(calc(100% - 30px),1440px)}}
@media(max-width:700px){.top{height:62px}.topInner{width:calc(100% - 28px)}.brand span{width:32px;height:32px}.brand b{font-size:11px}.tools button{width:38px;height:38px}.tools>button:not(.avatar){display:none}main{padding:28px 0 96px}.welcome{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:22px}.welcome h1{font-size:32px}.welcome p{font-size:14px}.welcomeStatus{font-size:12px}.feature{min-height:390px;padding:24px 21px;border-radius:18px}.featureTop{flex-direction:column;gap:8px}.featureDate{padding:0}.featureBody h1{font-size:42px}.featureLake{font-size:17px!important}.featureText{font-size:13px}.featureActions{flex-direction:column}.featureActions button{width:100%}.panel{border-radius:18px}.livePanel{padding:21px}.livePanel h2,.progressCard h2,.achievementCard h2{font-size:24px}.homePersonal{grid-template-columns:1fr}.homePersonal>.panel{min-height:auto;padding:21px}.quickCard{display:flex}.medal{width:70px;height:70px;font-size:31px;right:18px;top:25px}.achievementCard p{max-width:72%}.section{margin-top:38px}.sectionHead{align-items:flex-start}.sectionHead h2{font-size:23px}.textButton{display:none}.event{grid-template-columns:44px 1fr 14px;padding:14px}.event>span{width:44px;height:44px}.simpleStats{grid-template-columns:repeat(2,1fr)}.pageHero{min-height:290px;padding:22px;align-items:flex-start;flex-direction:column}.pageHero h1,.profileHero h1,.title h1{font-size:34px}.serverStats{width:100%}.serverStats .stat{padding:10px}.thead{display:none}.trow{grid-template-columns:34px 1fr auto}.trow>span:nth-child(3){display:none}.trow>strong{font-size:13px}.tourCard{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.tourCard>div:last-child{align-items:flex-start}.profileHero{min-height:310px;align-items:flex-start;flex-direction:column;padding:22px}.avatar.huge{width:78px;height:78px}.profileLevel{margin:0;text-align:left}.mobile{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:60;left:0;right:0;bottom:0;min-height:74px;padding:6px 8px calc(5px + env(safe-area-inset-bottom));background:rgba(8,13,18,.96);border-top:1px solid var(--line);backdrop-filter:blur(20px)}.mobile button{border:0;background:transparent;color:#71808d;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}.mobile button b{font-size:18px}.mobile button small{font-size:9px}.mobile button.active{color:var(--accent)}.helpTip{display:none}}