:root{--bg:#111213;--panel:#191a1c;--soft:#242629;--ink:#f4f1e9;--muted:#989a98;--lime:#c8ff43;--orange:#ff6b3d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Outfit,Arial,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;width:244px;top:0;bottom:0;background:#17181a;padding:28px 14px 17px;border-right:1px solid #28292b;display:flex;flex-direction:column;z-index:3}.brand{color:#fff;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-1.2px;display:flex;align-items:center;gap:10px;margin:0 13px 48px}.brand>span:last-child span{color:var(--lime)}.brand-mark{width:26px;height:26px;background:var(--lime);color:#111;display:grid;place-items:center;font-family:DM Mono;font-size:17px;font-weight:500;border-radius:7px;transform:rotate(-10deg)}nav{display:grid;gap:7px}.nav-item{border:0;color:#9fa09f;background:transparent;width:100%;padding:11px 12px;border-radius:8px;display:flex;align-items:center;gap:13px;font:500 14px Outfit;text-align:left;cursor:pointer}.nav-item svg{width:18px}.nav-item.active,.nav-item:hover{background:#282a2c;color:#fff}.nav-item b{margin-left:auto;background:var(--lime);color:#1a1b1b;border-radius:20px;padding:1px 6px;font:700 11px DM Mono}.sidebar-bottom{margin-top:auto}.profile{margin-top:15px;width:100%;border:0;border-top:1px solid #292a2c;padding:17px 5px 0;background:transparent;color:white;display:flex;align-items:center;gap:9px;text-align:left}.avatar,.mini-avatar{display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:700}.avatar{width:34px;height:34px;background:linear-gradient(135deg,#d7a677,#773b29);color:#2a1a11}.profile strong{display:block;font-size:13px}.profile small{display:block;color:#8d908e;font:11px DM Mono;margin-top:3px}.profile small em{display:inline-block;width:6px;height:6px;background:#5fe36a;border-radius:50%;margin-right:4px}.profile>svg{margin-left:auto;width:18px;color:#929492}main{margin-left:244px;width:calc(100% - 244px)}.topbar{height:76px;padding:0 46px;display:flex;justify-content:space-between;align-items:center}.crumb{font:11px DM Mono;color:#838684;letter-spacing:.8px;display:flex;align-items:center;gap:7px}.crumb svg{width:13px}.crumb strong{color:#d9dad5;font-weight:500}.top-actions{display:flex;gap:15px}.icon-button,.round-button,.dots,.arrows button{border:0;background:transparent;color:#aaa;cursor:pointer}.icon-button{position:relative}.icon-button svg{width:20px}.notify:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange);position:absolute;right:1px;top:0}.hero{margin:0 38px;height:355px;border-radius:13px;position:relative;overflow:hidden;background:linear-gradient(110deg,#1b201b 0%,#3a4320 47%,#b7c360 100%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,18,14,.92) 0%,rgba(24,28,18,.67) 34%,rgba(22,27,14,.03) 70%)}.hero-copy{position:absolute;z-index:2;left:50px;top:50px;max-width:405px}.eyebrow{font:500 11px DM Mono;color:#d7f77a;letter-spacing:1.4px;display:flex;align-items:center;gap:8px}.eyebrow span{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px rgba(200,255,67,.15)}h1{font-size:56px;line-height:.92;letter-spacing:-3px;margin:18px 0 14px}h1 em{font-style:normal;color:var(--lime)}.hero-copy>p{color:#b6b9ab;font-size:15px;line-height:1.45;width:340px;margin:0}.hero-actions{display:flex;gap:10px;margin-top:26px}.play-button{border:0;background:var(--lime);color:#192010;font-weight:800;font-size:12px;padding:13px 21px;border-radius:6px;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;gap:8px}.play-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.play-button svg{width:15px;fill:currentColor}.round-button{width:43px;border:1px solid #737661;border-radius:6px;color:#e9ebdd}.round-button svg{width:18px}.version-badge{z-index:2;position:absolute;bottom:17px;right:20px;color:#e8ebd9;font:10px DM Mono;display:flex;align-items:center;gap:5px}.version-badge svg{width:13px;color:var(--lime)}.workshop-art{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#b4d16f 0 52%,#77733f 52%)}.sun{width:290px;height:290px;background:#eef6a4;border-radius:50%;position:absolute;right:75px;top:-120px;filter:blur(3px)}.mountain{position:absolute;bottom:135px;width:0;height:0;border-left:230px solid transparent;border-right:230px solid transparent;border-bottom:185px solid #8ca657}.mountain.one{right:-75px}.mountain.two{right:265px;bottom:125px;border-left-width:170px;border-right-width:170px;border-bottom-width:140px;border-bottom-color:#748d4a}.roof{position:absolute;right:-40px;bottom:153px;width:640px;height:35px;background:#352e22;transform:skewX(-37deg);box-shadow:0 8px 0 #1f1d18}.garage{position:absolute;right:0;bottom:0;width:570px;height:166px;background:#b5ad94;border-left:12px solid #665848}.garage:before{content:"";position:absolute;left:63px;top:0;width:295px;height:100%;background:#3f453d}.door-lines{position:absolute;left:63px;width:295px;height:100%;background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(213,222,198,.19) 28px 30px)}.car{position:absolute;right:130px;bottom:30px;width:250px;height:64px;border-radius:55px 76px 14px 13px;background:#ed4d25;z-index:1;box-shadow:inset 0 -10px #b53323}.car:before{content:"";position:absolute;left:62px;top:-37px;width:112px;height:47px;background:#d9e2c7;clip-path:polygon(20% 0,88% 0,100% 100%,0 100%)}.car span{width:23px;height:10px;background:#fff6b3;position:absolute;right:5px;top:26px;border-radius:10px 0 0 10px}.car b{position:absolute;width:42px;height:42px;background:#1d2120;border:8px solid #626260;border-radius:50%;bottom:-18px}.car b:nth-child(2){left:35px}.car b:nth-child(3){right:27px}.lamp{position:absolute;right:590px;bottom:116px;width:7px;height:175px;background:#3b4325}.lamp:after{content:"";position:absolute;width:43px;height:24px;border-radius:45px 45px 5px 5px;background:#454c28;top:0;left:-18px}.plant{position:absolute;bottom:0;width:21px;height:60px;background:linear-gradient(40deg,transparent 42%,#254d28 43% 51%,transparent 52%),linear-gradient(140deg,transparent 42%,#315f2f 43% 51%,transparent 52%)}.p1{right:430px}.p2{right:75px;height:85px}.content{padding:31px 46px 50px;max-width:1280px}.game-meta{display:flex;align-items:center}.game-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#ed5b2d;color:#2c1b13;margin-right:12px}.game-icon svg{width:23px}.game-meta h2{margin:0;font-size:19px;letter-spacing:-.4px}.game-meta p{margin:3px 0 0;font-size:12px;color:#929491}.online-dot{display:inline-block;background:#6fd270;width:6px;height:6px;border-radius:50%;margin-right:4px}.dots{margin-left:auto}.tabs{border-bottom:1px solid #2b2c2d;margin-top:25px;display:flex;gap:27px}.tab{padding:0 0 12px;border:0;background:transparent;color:#8f9290;font:500 13px Outfit;cursor:pointer;position:relative}.tab.active{color:#e9ece7}.tab.active:after{content:"";height:2px;background:var(--lime);position:absolute;left:0;right:0;bottom:-1px}.tab span{font:10px DM Mono;color:#20221c;background:var(--lime);padding:1px 5px;border-radius:10px;margin-left:4px}.section-heading{margin-top:30px;display:flex;align-items:end;justify-content:space-between}.section-kicker{font:10px DM Mono;color:#777b78;letter-spacing:1.2px}.section-heading h3{margin:5px 0 0;font-size:20px;letter-spacing:-.5px}.text-button{border:0;background:transparent;color:var(--lime);font:500 12px Outfit;display:flex;gap:6px;align-items:center;cursor:pointer}.text-button svg{width:14px}.modpack-card{background:var(--panel);border:1px solid #292b2c;border-radius:10px;margin-top:15px;padding:15px 17px;display:flex;align-items:center;gap:16px}.pack-thumb{height:65px;width:75px;flex:none;border-radius:7px;background:linear-gradient(135deg,#393c2e,#1f2823);color:#c8ff43;position:relative;display:grid;place-items:center}.pack-thumb:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 9px,rgba(208,255,66,.06) 10px 11px)}.pack-thumb svg{width:30px;z-index:1}.pack-thumb svg+svg{position:absolute;width:18px;color:#ff7547;right:10px;bottom:10px;z-index:2}.pack-info{flex:1}.title-line{display:flex;align-items:center;gap:8px}.title-line h4{margin:0;font-size:15px}.title-line span{font:9px DM Mono;color:#c8ff43;border:1px solid rgba(200,255,67,.35);padding:3px 5px;border-radius:3px}.pack-info p{margin:4px 0 8px;color:#8a8d8b;font-size:12px}.member-row{display:flex;align-items:center}.mini-avatar{width:19px;height:19px;border:1px solid #1b1c1e;margin-right:-4px;color:#fff;font-size:7px}.a1{background:#875651}.a2{background:#487261}.a3{background:#62559c}.member-row small{margin-left:10px;color:#929592;font-size:11px}.manage-pack{border:1px solid #3c3d3e;border-radius:5px;background:#232426;color:#ddd;font:600 10px Outfit;letter-spacing:.5px;padding:9px 12px;display:flex;align-items:center;gap:7px;cursor:pointer}.manage-pack:hover{border-color:#7d824a;color:var(--lime)}.manage-pack svg{width:13px}.recent-heading{margin-top:34px}.arrows{display:flex;gap:7px}.arrows button{border:1px solid #343536;width:29px;height:29px;border-radius:5px;display:grid;place-items:center}.arrows svg{width:15px}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:14px}.game-card{height:159px;border-radius:8px;position:relative;overflow:hidden;padding:18px;color:#fff;background-size:cover}.game-card p,.game-card h4,.game-card span{position:relative;z-index:1}.game-card p{font:10px DM Mono;letter-spacing:1px;margin:0;color:#e1e4d1}.game-card h4{font-size:21px;line-height:.95;letter-spacing:-.8px;margin:11px 0}.game-card span{position:absolute;bottom:17px;color:#e5e6e2;font-size:11px}.card-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,7,.8),rgba(0,0,0,.05))}.card-one{background:linear-gradient(130deg,#303c2a,#89a56a 54%,#2c462f)}.card-two{background:linear-gradient(130deg,#783b27,#e0622e 48%,#26313b)}.card-three{background:linear-gradient(130deg,#283745,#5690a8 52%,#c5ad64)}.toast{position:fixed;right:25px;bottom:25px;background:#eaf4d0;color:#253020;border-radius:7px;padding:13px 17px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;box-shadow:0 16px 40px #0006;transform:translateY(100px);opacity:0;transition:.3s;z-index:6}.toast.visible{transform:translateY(0);opacity:1}.toast svg{width:18px}@media(max-width:800px){.sidebar{width:68px;padding:24px 9px}.brand{margin:0 auto 40px}.brand>span:last-child,.nav-item span,.nav-item b,.profile>span,.profile>svg{display:none}.nav-item{justify-content:center}.sidebar-bottom .nav-item{display:flex}.profile{justify-content:center}.avatar{display:grid!important}main{margin-left:68px;width:calc(100% - 68px)}.topbar,.content{padding-left:22px;padding-right:22px}.hero{margin:0 18px}.workshop-art{opacity:.55}.games-grid{grid-template-columns:1fr}.game-card{height:125px}.manage-pack{font-size:0}.manage-pack svg{margin:0}h1{font-size:44px}}@media(max-width:520px){.hero-copy{left:25px}.hero-copy>p{width:260px}.version-badge{display:none}.modpack-card{align-items:flex-start}.pack-thumb{display:none}.member-row{display:none}.topbar{padding-right:17px}.tabs{gap:16px}}