@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800;1,900&family=Montserrat:wght@500;600;700;800;900&display=swap');
:root{--yellow:#ffe500;--blue:#13bfff;--pink:#ff20d6;--orange:#ff7a00;--green:#39ed70;--red:#ff304f;--purple:#8b39ff;--panel:rgba(5,9,17,.88);--line:rgba(255,255,255,.13)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#02050a;color:#fff;font-family:Montserrat,Arial,sans-serif}body{overflow-x:hidden}
#universe{position:fixed;inset:0;z-index:0}.nebula,.vignette{position:fixed;pointer-events:none}.dashboard{position:relative;z-index:3;min-height:100vh;display:grid;grid-template-columns:230px 1fr}
.sidebar{position:sticky;top:0;height:100vh;padding:22px 17px;background:linear-gradient(180deg,rgba(3,9,17,.96),rgba(3,7,13,.90));border-right:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px)}
.side-logo{width:190px;margin:0 auto 25px}.side-logo img{width:100%;display:block}.nav{display:grid;gap:7px}.nav a{display:flex;align-items:center;gap:13px;min-height:48px;padding:0 14px;color:#b9c3cf;text-decoration:none;font-family:'Barlow Condensed';font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.nav a:hover,.nav a.active{background:var(--yellow);color:#050505}.nav .ico{width:25px;text-align:center;font-size:18px}.motto{position:absolute;left:24px;bottom:28px;font-family:'Barlow Condensed';font-weight:800;font-style:italic;font-size:20px;line-height:1.05}.motto:after{content:"";display:block;width:52px;height:6px;background:var(--yellow);margin-top:12px;transform:skewX(-18deg)}
.main{padding:18px 22px 40px;min-width:0}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:16px}.unit,.user-mini{background:rgba(5,10,18,.84);border:1px solid var(--line);padding:10px 14px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.unit small,.user-mini small{display:block;color:#818c9b;font-size:9px;text-transform:uppercase}.unit b,.user-mini b{font-family:'Barlow Condensed';font-size:16px;text-transform:uppercase}.user-mini{display:flex;align-items:center;gap:10px}.avatar-mini{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#111;font-weight:900}
.worlds{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px}.world{position:relative;min-height:126px;padding:16px 8px 12px;text-align:center;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 17%,#07101c 83%),rgba(4,8,14,.92));box-shadow:inset 0 0 28px color-mix(in srgb,var(--c) 12%,transparent);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.world.active{box-shadow:0 0 22px color-mix(in srgb,var(--c) 30%,transparent),inset 0 0 30px color-mix(in srgb,var(--c) 18%,transparent)}.world-icon{width:50px;height:50px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;background:#05080c;border:2px solid var(--c);box-shadow:0 0 16px var(--c);font-size:25px}.world b{display:block;font-family:'Barlow Condensed';font-size:14px;line-height:.95;text-transform:uppercase}.world small{display:block;margin-top:5px;color:#aab4c0;font-size:8px;text-transform:uppercase}
.grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.85fr);gap:14px}.panel{background:linear-gradient(145deg,rgba(7,13,23,.94),rgba(2,7,14,.89));border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.25);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.profile{padding:22px;border-color:rgba(255,229,0,.45);box-shadow:0 0 22px rgba(255,229,0,.08)}.profile-top{display:grid;grid-template-columns:115px 1fr;gap:20px;align-items:center}.avatar{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#29374a,#080c13 70%);border:4px solid var(--yellow);box-shadow:0 0 24px rgba(255,229,0,.4);font-size:47px}.name h1{margin:0;font-family:'Barlow Condensed';font-size:39px;font-weight:900;font-style:italic;line-height:.85;text-transform:uppercase}.name h1 span{color:var(--yellow)}.name p{margin:9px 0 0;color:#a9b3c0;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.level-line{display:grid;grid-template-columns:84px 1fr;gap:15px;align-items:center;margin-top:18px}.level{height:74px;display:grid;place-items:center;text-align:center;background:linear-gradient(#111824,#070b11);border:2px solid var(--yellow);clip-path:polygon(50% 0,95% 20%,88% 80%,50% 100%,12% 80%,5% 20%)}.level small{font-size:9px}.level strong{font-family:'Barlow Condensed';font-size:32px;line-height:.8;color:var(--yellow)}.xp-row{display:flex;justify-content:space-between;font-family:'Barlow Condensed';font-weight:800}.xp-row strong{color:var(--blue);font-size:22px}.bar{height:15px;margin-top:7px;border:1px solid #637080;border-radius:10px;background:#0a0f17;overflow:hidden}.bar i{display:block;height:100%;width:84.5%;background:linear-gradient(90deg,var(--yellow),#fff200);box-shadow:0 0 15px rgba(255,229,0,.4)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.stat{padding:14px 16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);display:flex;align-items:center;gap:12px}.stat .coin{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#f6b900;color:#171006;border:3px solid #ffe873;font-size:22px}.stat.purple{border-color:rgba(153,65,255,.5);box-shadow:inset 0 0 22px rgba(117,37,255,.12)}.stat strong{display:block;font-family:'Barlow Condensed';font-size:30px;line-height:.8}.stat small{font-size:10px;font-weight:800;color:var(--yellow)}
.myworld{padding:22px;position:relative;overflow:hidden;border-color:rgba(255,229,0,.35);min-height:100%}.myworld:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-80px;top:-80px;background:radial-gradient(circle,rgba(255,229,0,.18),transparent 65%)}.tag{display:inline-block;background:var(--yellow);color:#080808;padding:5px 13px;font-family:'Barlow Condensed';font-size:12px;font-weight:900;text-transform:uppercase;transform:skewX(-8deg)}.myworld h2{font-family:'Barlow Condensed';font-size:36px;font-style:italic;line-height:.88;margin:20px 0 8px;text-transform:uppercase}.myworld h2 span{color:var(--yellow)}.myworld p{color:#aeb8c5;font-size:11px;line-height:1.55}.world-emblem{width:105px;height:125px;margin:20px 0 10px;display:grid;place-items:center;text-align:center;border:3px solid var(--yellow);background:#070a0e;clip-path:polygon(50% 0,95% 14%,90% 77%,50% 100%,10% 77%,5% 14%);font-family:'Barlow Condensed';font-weight:900;color:var(--yellow);font-size:15px}.world-emblem b{font-size:38px}.section{margin-top:14px;padding:18px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-title h3{margin:0;font-family:'Barlow Condensed';font-size:23px;font-style:italic;text-transform:uppercase}.section-title h3 span{color:var(--yellow)}.tabs{display:flex;gap:7px;margin-bottom:12px}.tabs button{border:1px solid rgba(255,255,255,.1);background:#0c131e;color:#aeb8c4;padding:7px 18px;font-size:10px;font-weight:800;text-transform:uppercase}.tabs button.active{background:var(--yellow);color:#080808}.challenge{display:grid;grid-template-columns:42px 1fr 105px 128px;align-items:center;gap:12px;padding:11px;margin-top:8px;border:1px solid rgba(255,255,255,.1);background:#08111b}.challenge-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--green);color:var(--green);box-shadow:0 0 12px rgba(57,237,112,.16)}.challenge b{font-size:12px}.challenge p{margin:3px 0 0;color:#85909e;font-size:9px}.mini-progress{height:7px;border:1px solid #5b6674;border-radius:5px;overflow:hidden}.mini-progress i{display:block;height:100%;background:var(--green)}.reward{display:flex;gap:6px;justify-content:flex-end}.reward span{padding:5px 7px;border:1px solid var(--blue);color:var(--blue);font-size:10px;font-weight:900}.reward span:last-child{border-color:var(--yellow);color:var(--yellow)}
.ranking{padding:18px}.rank{display:grid;grid-template-columns:30px 1fr auto;align-items:center;padding:10px 5px;border-bottom:1px solid rgba(255,255,255,.07);font-size:11px}.rank.you{margin-top:4px;border:1px solid var(--yellow);background:rgba(255,229,0,.06);padding:10px}.rank .pos{font-family:'Barlow Condensed';font-size:20px;font-weight:900;color:var(--yellow)}.rank strong:last-child{color:var(--blue)}
@media(max-width:1100px){.dashboard{grid-template-columns:82px 1fr}.side-logo{width:58px}.nav a{justify-content:center}.nav a span:not(.ico),.motto{display:none}.worlds{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.dashboard{display:block}.sidebar{position:relative;height:auto;display:flex;align-items:center;padding:10px}.side-logo{width:90px;margin:0 12px 0 0}.nav{display:flex;overflow:auto}.nav a{min-width:48px}.main{padding:12px}.grid{grid-template-columns:1fr}.worlds{grid-template-columns:repeat(2,1fr)}.challenge{grid-template-columns:38px 1fr}.challenge>.mini-progress,.challenge>.reward{grid-column:2}.profile-top{grid-template-columns:85px 1fr}.avatar{width:80px;height:80px}.name h1{font-size:31px}}