:root{--bg:#07090d;--panel:#10141b;--panel2:#151a22;--line:#252b35;--text:#f2f1ec;--muted:#8e96a4;--gold:#d6b36a;--red:#df5a5f;--blue:#4d9de0;--violet:#9c76dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 0,#18202b 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}.grain{position:fixed;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;background:rgba(7,9,13,.88);backdrop-filter:blur(18px);z-index:10}.brand{font:800 1.55rem/1 "Barlow Condensed";letter-spacing:.11em;color:#fff;text-decoration:none}.brand span{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:10px;background:var(--gold);color:#0a0b0e;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.top-actions,.profile{display:flex;align-items:center;gap:14px}.profile{border-left:1px solid var(--line);padding-left:18px}.profile strong,.profile small{display:block}.profile small{font-size:.72rem;color:var(--muted);margin-top:3px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#4a3c27,#171a20);border:1px solid #725e39;font:700 .8rem Inter}.icon-btn{background:none;border:0;color:#c9cdd3;font-size:1rem;position:relative}.dot{width:6px;height:6px;background:var(--gold);border-radius:50%;position:absolute;right:5px;top:1px}.app-shell{display:grid;grid-template-columns:220px 1fr;max-width:1600px;margin:auto}.sidebar{min-height:calc(100vh - 76px);border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:76px;height:calc(100vh - 76px)}.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:#969daa;text-decoration:none;padding:13px 14px;border-radius:6px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:12px}.sidebar nav a span{width:20px;text-align:center;color:#737b89}.sidebar nav a b{margin-left:auto;background:#5d4525;color:#f1cf88;border-radius:12px;padding:2px 7px;font-size:.68rem}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#252116,#15181e);color:#fff}.sidebar nav a.active{box-shadow:inset 2px 0 var(--gold)}.sidebar nav a.active span{color:var(--gold)}.season{padding:16px;background:#0c0f14;border:1px solid var(--line)}.season small,.eyebrow{font:700 .68rem Inter;letter-spacing:.14em;color:var(--gold)}.season strong{display:block;font:600 1.1rem "Barlow Condensed";margin:7px 0 12px}.season p{font-size:.68rem;color:var(--muted);margin:7px 0 0}.bar,.meter{height:4px;background:#262b32;overflow:hidden}.bar i,.meter i{display:block;height:100%;background:var(--gold)}main{padding:42px clamp(24px,4vw,64px) 80px;max-width:1380px;width:100%;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.welcome h1{font:700 clamp(2.4rem,4vw,4.2rem)/.95 "Barlow Condensed";text-transform:uppercase;letter-spacing:.01em;margin:8px 0}.welcome>div>p:last-child{color:var(--muted);margin:0}.primary{background:var(--gold);color:#0c0d10;border:0;padding:14px 20px;font-weight:800;cursor:pointer;letter-spacing:.02em}.primary span{margin-left:18px}.primary:hover{background:#e6c780}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgba(15,19,25,.72);margin-bottom:22px}.stats article{padding:21px;display:flex;gap:14px;align-items:center;border-right:1px solid var(--line)}.stats article:last-child{border:0}.stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-weight:700}.stat-icon.gold{background:#332c1c;color:var(--gold)}.stat-icon.red{background:#351c20;color:var(--red)}.stat-icon.blue{background:#172a3b;color:var(--blue)}.stat-icon.violet{background:#2b2039;color:var(--violet)}.stats small{display:block;color:#747c89;font-size:.62rem;letter-spacing:.12em;font-weight:700}.stats strong{display:block;margin:5px 0 4px;font:600 1.25rem "Barlow Condensed"}.stats em{color:#6cae7c;font-size:.68rem;font-style:normal}.stats .meter{width:100px}.stats .red-meter i{background:var(--red)}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:22px}.panel{background:rgba(16,20,27,.9);border:1px solid var(--line)}.missions{padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h2{font:600 1.45rem "Barlow Condensed";margin:4px 0}.link-btn{background:none;border:0;color:var(--gold);font-size:.74rem;font-weight:700;cursor:pointer}.mission{display:grid;grid-template-columns:55px 1fr auto;gap:17px;align-items:center;padding:20px 10px;border-top:1px solid var(--line);position:relative}.mission:first-of-type{margin-top:14px}.mission:hover,.mission.selected{background:linear-gradient(90deg,rgba(214,179,106,.08),transparent)}.mission.selected:before{content:"";position:absolute;left:-24px;height:60%;width:2px;background:var(--gold)}.mission-mark{font:600 1.8rem "Barlow Condensed";color:#48505c}.mission h3{font:600 1.2rem "Barlow Condensed";margin:7px 0 4px}.mission p{color:var(--muted);font-size:.75rem;margin:0 0 10px}.tag{font-size:.58rem;font-weight:800;letter-spacing:.1em;padding:3px 6px;border-radius:2px}.tag.easy{color:#63c889;background:#173126}.tag.medium{color:#e5bd67;background:#352d1c}.tag.hard{color:#eb777b;background:#361d21}.time{font-size:.65rem;color:#7c8491;margin-left:9px}.rewards{display:flex;gap:18px;color:#b6bbc4;font-size:.68rem;font-weight:600}.play{width:38px;height:38px;border:1px solid #5f543d;background:#201d17;color:var(--gold);cursor:pointer}.play:hover{background:var(--gold);color:#080a0d}.right-column{display:grid;gap:22px;align-content:start}.character{padding:25px;display:grid;grid-template-columns:70px 1fr;gap:15px}.level-ring{width:66px;height:66px;border:2px solid var(--gold);border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:0 0 0 6px #191a18}.level-ring span{font:700 1.5rem "Barlow Condensed"}.level-ring small{font-size:.47rem;color:var(--muted);letter-spacing:.08em}.character .title{color:var(--muted);font-size:.75rem;margin:0}.xp{grid-column:1/-1;margin-top:10px}.xp>div:first-child{display:flex;justify-content:space-between;font-size:.65rem;color:var(--muted);margin-bottom:8px}.mini-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:8px;padding-top:17px}.mini-stats div{text-align:center;border-right:1px solid var(--line)}.mini-stats div:last-child{border:0}.mini-stats small{display:block;font-size:.56rem;letter-spacing:.1em;color:var(--muted)}.mini-stats strong{font:600 1.1rem "Barlow Condensed"}.activity{padding:22px}.live{color:#76c88d;font-size:.55rem;font-weight:800;letter-spacing:.1em}.activity ul{list-style:none;padding:0;margin:12px 0 0}.activity li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.event{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:.75rem}.event.win{background:#173126;color:#64c889}.event.cash{background:#332c1c;color:var(--gold)}.event.gang{background:#28203a;color:#a686dc}.activity strong{font-size:.73rem}.activity p,.activity time{font-size:.6rem;color:var(--muted);margin:4px 0 0}.mobile-nav{display:none}.toast{position:fixed;right:24px;bottom:24px;background:#171c23;border:1px solid #635737;border-left:3px solid var(--gold);padding:15px 18px;box-shadow:0 20px 40px #0008;transform:translateY(120px);opacity:0;transition:.3s;z-index:20;font-size:.82rem}.toast.show{transform:none;opacity:1}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}.content-grid{grid-template-columns:1fr}.right-column{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{height:64px;padding:0 16px}.profile>div:last-child{display:none}.app-shell{display:block}.sidebar{display:none}main{padding:28px 15px 100px}.welcome{display:block}.welcome .primary{width:100%;margin-top:24px}.stats{grid-template-columns:1fr 1fr}.stats article{padding:15px;gap:9px}.stat-icon{width:32px;height:32px}.stats strong{font-size:1rem}.stats .meter{width:75px}.content-grid{display:block}.missions{padding:18px}.mission{grid-template-columns:42px 1fr auto;padding:17px 4px}.mission-mark{font-size:1.35rem}.mission p{display:none}.mission.selected:before{left:-18px}.rewards{display:grid;gap:4px}.right-column{display:grid;grid-template-columns:1fr;margin-top:16px}.activity{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#0d1117;border-top:1px solid var(--line);z-index:15;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:grid;text-align:center;gap:4px;color:#7f8793;text-decoration:none;font-size:.58rem;padding:11px 2px}.mobile-nav a span{font-size:1rem}.mobile-nav a.active{color:var(--gold)}}