:root{--bg:#101410;--panel:#171d18;--line:#2b352d;--muted:#89938a;--text:#edf1e9;--green:#9ade69;--green2:#6ca744}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;border-right:1px solid #232c24;padding:28px 18px;display:flex;flex-direction:column;background:#111612;z-index:2}.brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:2px;font-size:13px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#25341f;color:var(--green);font-size:22px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-top:4px}.sidebar nav{margin-top:56px}.nav-label,.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--muted);font-weight:700}.nav-label{display:block;padding:0 12px 14px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px;border-radius:9px;color:#aab3aa;margin:3px 0;font-size:16px}.nav-link span{font-size:13px}.nav-link.active,.nav-link:hover{background:#202a21;color:var(--green)}.side-bottom{margin-top:auto}.sync{font-size:11px;color:#a8b4a8;padding:12px 5px;border-top:1px solid var(--line)}.sync i{display:inline-block;width:7px;height:7px;background:#8dd36c;border-radius:50%;margin-right:8px}.text-button{background:none;border:0;color:var(--muted);font-size:11px;cursor:pointer}main{max-width:1220px;margin-left:235px;padding:32px 42px}.topbar,.section-head{display:flex;align-items:center;justify-content:space-between}.topbar{margin-bottom:24px}.topbar h1{font-size:25px;letter-spacing:-.7px;margin:6px 0 0}.primary{background:var(--green);color:#172013;border:0;border-radius:8px;padding:12px 16px;font-weight:750;cursor:pointer}.primary:hover{background:#b0ec83}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px}.hero{min-height:278px;position:relative;overflow:hidden;padding:32px 36px;background:radial-gradient(ellipse at 76% 44%,#293b27 0,#1c291e 25%,#171e18 61%);display:flex;align-items:center}.hero-copy{position:relative;z-index:1}.green{color:var(--green)}.hero h2{font-size:36px;line-height:1.1;letter-spacing:-1.5px;margin:16px 0 10px}.hero h2 em{font-style:normal;color:var(--green)}.hero p{color:#acb5ac;margin:0 0 21px}.outline{border:1px solid #53614f;border-radius:7px;background:#ffffff08;color:var(--text);padding:10px 13px;cursor:pointer}.outline span{color:var(--green);margin-left:10px}.hero-person{position:absolute;right:15%;bottom:-8px;width:230px;height:240px;display:flex;justify-content:center;align-items:end}.hero-person .avatar{transform:scale(1.46);transform-origin:bottom}.hero-level{position:absolute;right:31px;top:26px;text-align:center;color:var(--muted);font-size:9px;letter-spacing:1.5px}.hero-level strong{display:block;color:var(--green);font-size:23px;letter-spacing:0;margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.stat{padding:17px 18px}.stat>span{font-size:9px;letter-spacing:1.3px;color:var(--muted);font-weight:700}.stat strong{display:block;font-size:27px;margin:8px 0 3px;letter-spacing:-.7px}.stat small{font-size:10px;color:#8f9a90}.stat .rank-value{font-size:20px;color:var(--green);padding:4px 0}.progress-panel{padding:20px 22px}.section-head h3{margin:5px 0 0;font-size:17px}.progress-numbers{font-size:12px;color:#c1c9bf}.progress-track{height:8px;background:#2b342d;border-radius:10px;margin:18px 0 10px;overflow:hidden}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,#6ca744,var(--green));border-radius:10px;transition:width .4s}.progress-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.list-panel{padding:20px}.subtle-link{color:var(--green);font-size:11px}.quest-row,.activity-row,.achievement-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0 2px;margin-top:12px}.quest-icon,.activity-icon,.achievement-icon{width:34px;height:34px;border-radius:10px;background:#253225;display:grid;place-items:center;color:var(--green);font-size:16px;flex:none}.quest-info,.activity-info{flex:1}.quest-info strong,.activity-info strong{font-size:12px}.quest-info small,.activity-info small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.xp-tag{font-size:10px;color:var(--green);white-space:nowrap}.empty{border-top:1px solid var(--line);padding:23px 0 4px;color:var(--muted);font-size:12px}.section-page{margin-top:14px;padding:23px}.section-page h2{font-size:22px;margin:5px 0 8px}.section-page>p{color:var(--muted);font-size:12px}.character-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;margin-top:18px}.character-stage{border-radius:12px;background:radial-gradient(circle at 50% 38%,#344735,#1a211a 65%);min-height:310px;display:grid;place-items:center;position:relative;overflow:hidden}.character-stage .avatar{transform:scale(1.42);margin-top:60px}.stage-label{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#d9e1d4;font-size:11px}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-grid label,form label{display:block;color:#bdc6bc;font-size:11px;font-weight:600}.custom-grid select,form input,form select{width:100%;margin-top:7px;background:#111713;color:var(--text);border:1px solid #354036;border-radius:7px;padding:10px;outline:none}.custom-grid select:focus,form input:focus,form select:focus{border-color:var(--green2)}.unlock-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:15px}.cosmetic-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.cosmetic,.rank-card{border:1px solid var(--line);border-radius:9px;padding:12px;background:#121814}.cosmetic strong,.rank-card strong{display:block;font-size:11px;margin-bottom:6px}.cosmetic small,.rank-card small{color:var(--muted);font-size:10px}.cosmetic.locked{opacity:.5}.cosmetic.unlocked{border-color:#465d3d}.rank-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.rank-card.current{border-color:var(--green2);background:#1b261b}.rank-card strong{font-size:12px}.rank-card .threshold{color:var(--green);font-size:10px;margin-top:8px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.mini-stat{background:#121814;padding:14px;border-radius:9px}.mini-stat span{display:block;color:var(--muted);font-size:9px;letter-spacing:1px}.mini-stat strong{display:block;font-size:20px;margin-top:8px}.history-row{display:grid;grid-template-columns:1.1fr 1fr .8fr .8fr;gap:10px;align-items:center;border-top:1px solid var(--line);padding:13px 0;font-size:11px}.history-head{color:var(--muted);font-size:9px;letter-spacing:1px;margin-top:20px}.history-row span:last-child{color:var(--green)}footer{color:#657066;font-size:10px;padding:25px 3px}footer span{float:right}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:21px}.modal-head h2{margin:6px 0 0;font-size:21px}.close{background:none;color:var(--muted);font-size:24px;border:0;cursor:pointer}dialog{border:1px solid #374239;border-radius:14px;background:#171d18;color:var(--text);width:min(480px,calc(100% - 28px));padding:25px;box-shadow:0 20px 80px #000a}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}form label{margin:13px 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.optional{font-weight:400;color:var(--muted);font-size:10px}.xp-preview{border:1px solid #3a4e35;background:#202b20;color:#c5d5bf;padding:11px;border-radius:7px;font-size:11px;margin:14px 0}.wide{width:100%}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#d9f6c4;color:#182116;border-radius:8px;padding:11px 17px;font-size:12px;font-weight:700;opacity:0;transition:.2s;z-index:5;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
/* Comic avatar drawn with CSS, no external assets */.avatar{width:112px;height:176px;position:relative;--skin:#d49a6d;--hair:#43312a;--shirt:#79a956;--pants:#384859;--accent:#f1c45c}.avatar .head{position:absolute;left:30px;top:13px;width:54px;height:58px;background:var(--skin);border:3px solid #172019;border-radius:46% 46% 44% 44%;z-index:3}.avatar .hair{position:absolute;left:28px;top:7px;width:58px;height:33px;background:var(--hair);border:3px solid #172019;border-radius:49% 53% 27% 23%;z-index:4}.avatar .hair:after{content:"";position:absolute;right:-1px;top:17px;width:10px;height:25px;background:var(--hair);border-radius:0 0 10px 10px}.avatar .eyes{position:absolute;z-index:5;top:39px;left:41px;width:5px;height:7px;background:#26302a;border-radius:50%;box-shadow:23px 0 #26302a}.avatar .smile{position:absolute;z-index:5;left:48px;top:54px;width:16px;height:7px;border-bottom:2px solid #5d392e;border-radius:50%}.avatar .body{position:absolute;left:21px;top:69px;width:72px;height:60px;background:var(--shirt);border:3px solid #172019;border-radius:18px 18px 12px 12px;z-index:2}.avatar .body:after{content:"";position:absolute;left:30px;top:3px;width:7px;height:7px;background:var(--accent);border-radius:50%}.avatar .arm{position:absolute;top:76px;width:19px;height:54px;background:var(--skin);border:3px solid #172019;border-radius:12px;z-index:1}.avatar .arm.left{left:10px;transform:rotate(12deg)}.avatar .arm.right{right:7px;transform:rotate(-15deg)}.avatar .legs{position:absolute;left:28px;top:119px;width:59px;height:44px;border-left:22px solid var(--pants);border-right:22px solid var(--pants);border-radius:0 0 9px 9px;z-index:1}.avatar .legs:after{content:"";position:absolute;bottom:-6px;left:-24px;width:27px;height:9px;border-radius:8px;background:#dce2d7;box-shadow:49px 0 #dce2d7}.avatar[data-hair="curly"] .hair{border-radius:45% 50% 30% 30%;box-shadow:-5px 4px 0 -1px var(--hair),5px 1px 0 var(--hair),-3px -5px 0 var(--hair)}.avatar[data-hair="cap"] .hair{height:25px;border-radius:50% 50% 15% 15%}.avatar[data-hair="long"] .hair{height:39px}.avatar[data-top="hoodie"] .body{border-radius:23px 23px 12px 12px}.avatar[data-top="jersey"] .body{background:linear-gradient(90deg,var(--shirt) 0 25%,#e8ead9 25% 75%,var(--shirt) 75%)}.avatar[data-accessory="glasses"] .head:after{content:"";position:absolute;top:27px;left:7px;width:34px;height:10px;border:2px solid #1e2620;border-radius:6px;box-shadow:17px 0 0 -2px var(--skin),17px 0 0 0 #1e2620}.avatar[data-accessory="band"] .head:after{content:"";position:absolute;top:8px;left:0;right:0;height:7px;background:var(--accent)}.avatar[data-accessory="none"] .head:after{display:none}@media(max-width:900px){.sidebar{width:66px;padding:22px 10px}.brand{justify-content:center}.brand>span:last-child,.nav-label,.nav-link span,.side-bottom{display:none}.nav-link{justify-content:center;padding:12px 0;font-size:20px}.sidebar nav{margin-top:48px}main{margin-left:66px;padding:24px}.hero-person{right:8%}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){main{padding:18px 14px}.topbar{align-items:start;gap:10px}.topbar h1{font-size:20px}.topbar .primary{font-size:11px;padding:10px}.hero{padding:25px 22px;min-height:270px}.hero h2{font-size:30px}.hero-person{right:-2%;opacity:.68;transform:scale(.82);transform-origin:bottom}.hero-copy{max-width:74%}.hero-level{right:15px;top:14px}.stats-grid{gap:8px}.stat{padding:13px}.stat strong{font-size:23px}.content-grid,.character-layout{grid-template-columns:1fr}.character-stage{min-height:260px}.custom-grid{grid-template-columns:1fr 1fr}.cosmetic-list{grid-template-columns:1fr 1fr}.rank-list{grid-template-columns:1fr 1fr}.history-row{grid-template-columns:1fr 1fr;font-size:10px}.history-head{display:none}.progress-foot{gap:12px}.progress-foot span:last-child{text-align:right}}