:root{--bg:#090e15;--panel:#111923;--panel2:#17222e;--line:#293541;--gold:#d9b476;--muted:#8592a2;--white:#edf1f4;--green:#66c6a0;--red:#ed817a;--blue:#74a4db}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--white);font-family:Inter,system-ui,sans-serif;font-size:13px;min-height:100vh;background:radial-gradient(ellipse at 70% -18%,#1b3245 0,transparent 50%),var(--bg)}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.app{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid #26313b;background:#0c131c;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 14px;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:2px 9px 24px;border-bottom:1px solid var(--line)}.brandmark{width:37px;height:41px;display:grid;place-items:center;border:1px solid #a28457;clip-path:polygon(50% 0,100% 19%,100% 80%,50% 100%,0 80%,0 19%);font-size:22px;color:var(--gold);font-family:Georgia}.brand b{display:block;font-family:'Barlow Condensed';font-size:25px;letter-spacing:2px;line-height:.9}.brand small{display:block;color:var(--gold);letter-spacing:5px;font-size:10px;margin-top:6px}.navhead{font-size:10px;letter-spacing:2px;color:#657384;margin:28px 12px 11px;font-weight:800}.nav{display:flex;flex-direction:column;gap:4px}.nav button{color:#98a7b7;display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:13px 14px;border:1px solid transparent;border-radius:7px;background:transparent;font-weight:600}.nav button:hover{background:#192530;color:#fff}.nav button.active{background:#26313a;color:#f3d4a2;border-color:#594b38}.nav svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none}.sidebar-bottom{margin-top:auto;border:1px solid #37402e;border-radius:8px;background:linear-gradient(130deg,#222b21,#162023);padding:15px}.sidebar-bottom strong{font-size:12px;color:#ead2ad}.sidebar-bottom p{font-size:11px;line-height:1.65;color:#9ba698;margin-top:6px}.main{min-width:0}.top{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#0c131bcc}.crumb{font-size:11px;color:#8d9cab;letter-spacing:1.4px;text-transform:uppercase}.topright{display:flex;align-items:center;gap:19px}.wallet{color:var(--gold);font-weight:800}.avatar{background:#273646;border:1px solid #495569;color:#e8cfab;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800}.world{color:#b1becb;font-size:11px}.content{padding:30px 36px 90px;max-width:1600px;margin:auto}.eyebrow{color:var(--gold);text-transform:uppercase;font-weight:800;font-size:10px;letter-spacing:2.5px}.headrow{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.headrow h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;letter-spacing:1px;line-height:1.08;margin-top:7px;font-weight:700;text-transform:uppercase}.subtitle{color:#9ba7b4;line-height:1.7;margin-top:7px}.chip{border:1px solid #536048;border-radius:5px;padding:9px 13px;color:#bed9ae;background:#1b2824;font-size:11px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.metric,.panel{background:linear-gradient(145deg,#18222d,#101821);border:1px solid #2d3944;border-radius:9px}.metric{padding:20px 21px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-27px;bottom:-39px;width:100px;height:100px;border:1px solid #ffffff0a;border-radius:50%}.metric label{display:block;font-size:10px;color:#90a0ae;text-transform:uppercase;letter-spacing:1.3px;font-weight:700}.metric strong{display:block;font-family:'Barlow Condensed';font-size:31px;margin-top:8px;font-weight:700;letter-spacing:.5px}.metric small{font-size:10px;color:#8b9ba8}.metric.gold strong{color:var(--gold)}.metric.green strong{color:var(--green)}.metric.red strong{color:var(--red)}.dashgrid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,1fr);gap:16px}.panel{overflow:hidden}.panelhead{padding:20px 22px;border-bottom:1px solid #2d3944;display:flex;align-items:center;justify-content:space-between;gap:15px}.panelhead h2{font-family:'Barlow Condensed';font-size:22px;letter-spacing:.7px;text-transform:uppercase}.panelhead small{color:var(--muted);font-size:11px}.map{position:relative;min-height:445px;overflow:hidden;background:radial-gradient(ellipse at 52% 42%,#263e4a,#14242e 55%,#101a24);isolation:isolate}.map:before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(115deg,transparent 47%,#698092 48%,#698092 49%,transparent 50%),linear-gradient(25deg,transparent 47%,#506578 48%,#506578 49%,transparent 50%);background-size:82px 64px;transform:rotate(-8deg) scale(1.4)}.map svg{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.map-pin{position:absolute;transform:translate(-50%,-50%);z-index:2;border:1px solid #667787;background:#101a22e8;box-shadow:0 6px 20px #0008;padding:9px 12px;color:#dce5eb;border-radius:5px;text-align:left;font-size:11px;transition:.2s}.map-pin:before{content:"";display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:8px;box-shadow:0 0 12px #d9b476}.map-pin:hover,.map-pin.selected{border-color:var(--gold);background:#28323b;transform:translate(-50%,-50%) scale(1.05)}.map-pin span{display:block;color:#8399aa;font-size:9px;margin:4px 0 0 16px}.map-pin.enemy:before{background:#df776c}.mapfoot{padding:13px 20px;color:#8796a4;font-size:11px;display:flex;gap:13px;flex-wrap:wrap;border-top:1px solid #2d3944}.legend{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:6px}.feed{padding:4px 20px}.feeditem{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #25313b;align-items:start}.feeditem:last-child{border:0}.feedicon{display:grid;place-items:center;background:#23313c;color:var(--gold);border-radius:6px;width:33px;height:33px;flex:none}.feeditem strong{display:block;font-size:12px;margin-bottom:5px}.feeditem p{font-size:11px;color:#98a6b2;line-height:1.5}.sectionspace{margin-top:18px}.sectiontitle{font-family:'Barlow Condensed';font-size:25px;margin:27px 0 13px;text-transform:uppercase;letter-spacing:1px}.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.card{background:#131e28;border:1px solid #2c3945;border-radius:9px;overflow:hidden}.cardart{height:150px;background:linear-gradient(125deg,#2d3540,#111925);position:relative;display:grid;place-items:center;font-size:65px;overflow:hidden}.cardart:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 45%,#d2ae7040,transparent 52%)}.cardbody{padding:17px}.cardtitle{font-size:15px;font-weight:800}.carddesc{color:#91a0ae;font-size:11px;line-height:1.65;margin:8px 0 14px;min-height:34px}.cardfoot{display:flex;justify-content:space-between;align-items:center;gap:8px}.price{color:var(--gold);font-weight:800}.btn{background:linear-gradient(135deg,#d8b577,#ae8650);color:#17191e;border:0;border-radius:5px;padding:11px 14px;font-size:11px;font-weight:800;letter-spacing:.4px}.btn:hover:not(:disabled){filter:brightness(1.13)}.btn.outline{border:1px solid #647181;background:#1c2a35;color:#e4eaf0}.btn.full{width:100%}.btn.red{background:#783b3b;color:#fff}.info{padding:15px 18px;border:1px solid #3c453e;background:#202a25;border-radius:7px;color:#c2ceb8;line-height:1.7;font-size:12px}.tablewrap{overflow:auto}.gtable{border-collapse:collapse;width:100%;text-align:left;min-width:550px}.gtable th{color:#91a0ac;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700;background:#17232d}.gtable th,.gtable td{padding:16px 19px;border-bottom:1px solid #2b3640}.gtable td{font-size:12px}.rarity{font-weight:800;font-size:10px;letter-spacing:.5px}.rarity.legendary{color:#e4b866}.rarity.epic{color:#c18af1}.rarity.rare{color:#72aef8}.rarity.common{color:#b5bec7}.rarity.mythic{color:#ff7988}.bar{height:6px;background:#303b46;border-radius:6px;overflow:hidden}.bar span{display:block;height:100%;background:#c3a064;border-radius:6px}.formline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.field{background:#111a24;border:1px solid #405060;color:#e9eef2;border-radius:5px;padding:11px;min-width:120px}.muted{color:#9cabb8}.notice{font-size:11px;color:#8494a3;line-height:1.6}.mode{background:#c8a46d20;color:#e0ba7a;border:1px solid #705c3e;border-radius:4px;padding:6px 9px;font-size:10px;font-weight:800}.bottomnav{display:none}.toast{position:fixed;bottom:22px;right:24px;z-index:80;padding:15px 20px;background:#22372f;border:1px solid #5a9777;color:#e4f8e9;border-radius:7px;box-shadow:0 20px 60px #0008;max-width:340px;line-height:1.5;animation:appear .24s ease}.toast.error{background:#3a2329;border-color:#99535a;color:#ffd8dd}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}.hero{padding:29px;background:linear-gradient(120deg,#222e3c,#131b24);border:1px solid #36434f;border-radius:9px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero h2{font-family:'Barlow Condensed';font-size:30px;margin:6px 0}.hero p{color:#a2b0bd;line-height:1.7;max-width:520px}.itemrow{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:15px 20px;border-bottom:1px solid #293641}.itemrow:last-child{border:0}.itemicon{width:46px;height:46px;border-radius:7px;background:#2c3540;display:grid;place-items:center;font-size:27px}.tag{background:#253544;color:#b8cbdc;border:1px solid #455564;padding:5px 8px;border-radius:4px;font-size:10px}.progress{display:flex;align-items:center;gap:10px}.progress .bar{flex:1}.logo-footer{color:#53606f;font-size:10px;letter-spacing:.5px;margin-top:36px}.actions{display:flex;flex-wrap:wrap;gap:9px}.statline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.statline>div{background:#192631;border:1px solid #344452;border-radius:6px;padding:15px}.statline strong{display:block;font-family:'Barlow Condensed';font-size:24px;color:var(--gold)}.statline span{color:#97a7b5;font-size:10px}.cityback{position:absolute;inset:0;opacity:.5;background:linear-gradient(160deg,#ffffff09,transparent 35%),linear-gradient(90deg,transparent 49%,#d3bd7144 50%,transparent 51%);pointer-events:none}.standings{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ranking{padding:18px;background:#151f29;border:1px solid #33414e;border-radius:8px}
@media(max-width:1080px){.sidebar{width:76px;padding:19px 9px}.brand{padding:0 0 23px;justify-content:center}.brand>div:nth-child(2),.navhead,.nav button span,.sidebar-bottom{display:none}.app{grid-template-columns:76px minmax(0,1fr)}.nav button{justify-content:center}.content{padding:25px}.top{padding:0 25px}.dashgrid{grid-template-columns:1fr}.map{min-height:390px}}
@media(max-width:680px){.app{display:block}.sidebar{display:none}.top{height:66px;padding:0 16px}.topright{gap:10px}.world{display:none}.content{padding:21px 14px 95px}.headrow{align-items:start}.headrow h1{font-size:36px}.headrow .chip{display:none}.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:15px}.metric strong{font-size:27px}.dashgrid{gap:11px}.map{min-height:345px}.panelhead{padding:16px}.cards3{grid-template-columns:1fr}.cardart{height:125px}.carddesc{min-height:auto}.hero{padding:20px}.hero h2{font-size:26px}.bottomnav{display:flex;position:fixed;z-index:40;bottom:0;left:0;right:0;background:#0e1720f5;border-top:1px solid #354452;justify-content:space-around;padding:9px 4px calc(9px + env(safe-area-inset-bottom))}.bottomnav button{background:none;border:0;color:#9ba9b9;min-width:51px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px}.bottomnav button.active{color:var(--gold)}.bottomnav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}.standings{grid-template-columns:1fr}.map-pin{font-size:10px;padding:7px}.statline{grid-template-columns:1fr 1fr}}