*{box-sizing:border-box}body{margin:0;background:#101916;color:#e6ecdf;font:14px system-ui,sans-serif}button,a,input,select{font:inherit}button,a{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.45}a{text-decoration:none;color:inherit}.app{display:flex;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#14201b;border-right:1px solid #2e3d31;padding:30px 20px;display:flex;flex-direction:column}.brand{font-size:25px;font-weight:800;letter-spacing:3px}.brand>span{color:#c9ba81;font-size:32px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#8f9f8c;margin:8px 0 0 37px}.navlabel{margin:46px 15px 17px;font-size:9px;letter-spacing:2px;color:#72816e}nav{display:grid;gap:7px}nav button{border:0;background:transparent;text-align:left;border-radius:9px;padding:13px;font-size:18px;color:#a4b29c}nav button span{font-size:12px;margin-left:10px}.active{background:#2b3b2c!important;color:#d8ddb5!important}.aside-note{margin-top:auto;padding:22px 12px 0;color:#abb399}.aside-note b{font-size:12px}.aside-note p{font-size:11px;line-height:1.7}.aside-note small{font-size:8px;color:#697c67}main{margin-left:230px;width:calc(100% - 230px);padding:0 40px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;height:90px;border-bottom:1px solid #2a392d;font-size:9px;letter-spacing:1px;color:#9aa88f}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a0bd78;margin-right:8px}.local{border-left:1px solid #506149;padding-left:12px;margin-left:12px;font-size:8px;color:#71866d}.wallet{font-size:15px;letter-spacing:0;color:#d8c88d}.wallet strong{font-size:20px;margin:0 5px}.wallet span{font-size:10px;color:#9faaa0}.eyebrow{font-size:9px;letter-spacing:2px;color:#b1b77e}h1,h2,p{margin:0}h1{font-family:Georgia,serif;font-weight:400;font-size:35px;margin:10px 0}p{line-height:1.7;color:#9ba995}.heading{margin:30px 0 24px}.heading p{font-size:12px}.hero{display:flex;align-items:center;justify-content:space-between;background:radial-gradient(ellipse at 80% 50%,#52613b55,transparent 60%),linear-gradient(110deg,#263b2b,#1c2b23);border:1px solid #4a5b3b;border-radius:18px;padding:30px 35px;overflow:hidden}.hero h2{font:36px/1.15 Georgia,serif;margin:16px 0;color:#e3e9cf}.hero p{font-size:11px;margin-bottom:22px}.hero-pets{font-size:82px;white-space:nowrap;filter:drop-shadow(0 20px 14px #050c0666)}.hero-pets span{font-size:24px;color:#a7b57d;vertical-align:middle}.primary{display:inline-block;text-align:center;border:1px solid #c1c58c;background:#b9c787;color:#1c2e22;padding:12px 19px;border-radius:8px;font-size:12px;font-weight:700}.primary:hover:not(:disabled){background:#d0dda1}.subtle{background:transparent;border:0;color:#b9c49e;padding:10px 0;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 28px}.metrics>div{background:#17241c;border:1px solid #2d3d2e;border-radius:12px;padding:19px 22px}.metrics small{font-size:8px;letter-spacing:1px;color:#91a081}.metrics b{display:block;font-size:25px;font-weight:500;margin-top:9px}.metrics b span{font-size:14px;color:#687c61}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-title h2,.journal h2{font:21px Georgia,serif;font-weight:400}.pet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.pet-card{border:1px solid #3c414c;border-radius:15px;overflow:hidden;background:#18231e}.pet-art{height:155px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#60527566,#262739 70%)}.pet-art>span{font-size:85px;filter:drop-shadow(0 10px 10px #080d1299)}.fire .pet-art{background:radial-gradient(ellipse,#93684266,#3a2f24 70%)}.rarity{position:absolute;left:14px;top:14px;font-size:8px;letter-spacing:1px;color:#bac798;background:#17241fcc;padding:6px 9px;border:1px solid #72865c55;border-radius:5px}.level{position:absolute;bottom:12px;right:14px;font-size:10px;background:#16221ddd;padding:7px 10px;border-radius:6px}.pet-info{padding:19px}.pet-heading{display:flex;align-items:center;justify-content:space-between}.pet-heading h2{font:24px Georgia,serif}.pet-heading small{font-size:7px;letter-spacing:.8px;color:#a8b784}.pet-info>p{font-size:11px;margin:7px 0 20px}.xp-label{display:flex;justify-content:space-between;font-size:9px;color:#9aab91}.xp-label b{font-weight:400;color:#c4cfae}progress{appearance:none;width:100%;height:5px;display:block;margin:9px 0 12px;border:0}progress::-webkit-progress-bar{background:#344031;border-radius:5px}progress::-webkit-progress-value{background:#a7b57c;border-radius:5px}.full{width:100%}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;font-size:9px;color:#90a087;padding:15px 0;border-top:1px solid #33422f}.stats b{display:block;color:#dde4ca;margin-top:5px;font-size:13px}.requirements{padding:14px;background:#111e17;border-radius:8px;margin:0 0 14px}.requirements b{font-size:11px}.requirements p{font-size:11px;margin-top:7px}.requirements span{font-size:9px}.journal{margin-top:24px;padding:22px;border:1px solid #2d3e2d;border-radius:13px;background:#17231c}.journal>p{font-size:12px;margin-top:15px}.journal>div{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #2c3a2a;font-size:12px}.journal small{font-size:10px;color:#b5bd8c}.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.zone-card{background:#19261e;border:1px solid #3b4d36;border-radius:14px;overflow:hidden}.zone-art{height:165px;display:grid;place-items:center;background:radial-gradient(ellipse,#4d6842,#1a3326);position:relative}.zone-art>span{font-size:75px;filter:drop-shadow(0 13px 10px #080d1288)}.zone-art.elite{background:radial-gradient(ellipse,#6e6b57,#30392e)}.zone-art.boss{background:radial-gradient(ellipse,#6e7042,#28331e)}.zone-art small{position:absolute;top:12px;right:12px;background:#122017cc;border:1px solid #8d966055;font-size:8px;padding:6px 10px;border-radius:20px;color:#c6ca9f}.zone-info{padding:20px}.zone-info h2{font:22px Georgia,serif;margin:10px 0}.zone-info p{font-size:11px;min-height:40px}.reward{font-size:10px;color:#d3c68a;margin:18px 0 12px}.drops{font-size:10px;line-height:1.8;color:#9fb395;min-height:60px;margin-bottom:15px}.materials{display:grid;gap:15px}.materials article{display:flex;align-items:center;gap:22px;background:#1b281f;border:1px solid #3d4d36;border-radius:12px;padding:25px}.materials article>span{font-size:35px;background:#2e3b29;border-radius:10px;padding:15px}.materials small{font-size:9px;color:#b9c28e}.materials h2{font-size:18px;font-weight:500;margin:5px 0}.materials p{font-size:11px}.materials article>b{margin-left:auto;font-size:26px;color:#d3dcb6}.info{padding:18px 22px;border:1px solid #435337;background:#203021;border-radius:10px;margin-top:24px;color:#aebb9d;font-size:11px;line-height:1.8}.coming{max-width:620px;margin:80px auto;text-align:center}.coming>span{font-size:65px;color:#adbf85;display:block;margin-bottom:25px}.coming h1{margin:20px 0}.coming p{margin:0 0 25px}footer{display:flex;justify-content:space-between;font-size:9px;color:#71826b;margin:30px 0}.success,.error{margin-top:18px;border:1px solid #65804b;border-radius:9px;background:#2b442a;padding:14px;color:#dcebd2;font-size:12px}.error{border-color:#a5745a;background:#4b3026}.brand:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #d5c887;outline-offset:3px}@media(max-width:1100px){aside{width:190px;padding:25px 13px}main{margin-left:190px;width:calc(100% - 190px);padding:0 24px}.hero-pets{font-size:58px}.hero h2{font-size:30px}.zone-grid{grid-template-columns:1fr}.zone-card{display:grid;grid-template-columns:180px 1fr}.zone-art{height:100%}.zone-info p,.drops{min-height:0}}@media(max-width:700px){.app{display:block}aside{position:static;width:100%;padding:17px;display:block}.brand{font-size:20px}.brand small,.navlabel,.aside-note{display:none}nav{display:flex;overflow:auto;gap:7px;margin-top:15px}nav button{padding:10px;white-space:nowrap;font-size:14px}nav button span{font-size:10px;margin-left:4px}main{margin:0;width:100%;padding:0 16px}header{height:62px}.local{display:none}.heading{margin:25px 0 20px}h1{font-size:28px}.hero{padding:25px;position:relative}.hero>div:first-child{z-index:1}.hero h2{font-size:29px}.hero-pets{position:absolute;right:0;bottom:15px;font-size:60px;opacity:.22}.hero p{max-width:220px}.metrics{gap:8px}.metrics>div{padding:14px 10px}.metrics small{font-size:7px;letter-spacing:0}.pet-grid{grid-template-columns:1fr}.pet-art{height:170px}.section-title h2{font-size:19px}.zone-card{display:block}.zone-art{height:150px}.zone-info{padding:20px}.materials article{padding:15px;gap:12px}.materials article>span{font-size:25px;padding:9px}.materials h2{font-size:15px}.materials article>b{font-size:20px}footer{line-height:1.8;gap:15px}footer span{max-width:180px}.journal>div{flex-wrap:wrap}}
.gear-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.gear-card{background:#1b281f;border:1px solid #4b503a;border-radius:14px;padding:22px}.gear-top{display:flex;gap:16px;align-items:center}.gear-top>span{font-size:42px;color:#d4bd78;background:#3a3926;padding:12px;border-radius:12px}.gear-top small{font-size:8px;color:#a6b382;letter-spacing:1px}.gear-top h2{font:20px Georgia;margin:7px 0}.gear-top h2 b{color:#e1c47d}.gear-top p{font-size:11px}.gear-bonuses{display:grid;gap:8px;font-size:11px;color:#abc0a1;margin:22px 0}.gear-bonuses>b{color:#d4dfbe}.socket{border:1px solid #45553d;border-radius:8px;background:#142219;padding:12px;margin-bottom:8px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.socket>div{flex:1;min-width:120px}.socket b{font-size:11px;color:#c9cfab}.socket small{display:block;color:#9cad8f;font-size:10px;margin-top:5px}.socket select{max-width:150px;background:#27372a;border:1px solid #5d7050;color:#d5dfc9;border-radius:6px;padding:7px}.socket.locked{opacity:.55}.small-btn{font-size:10px;border:1px solid #61734e;background:#2e402c;border-radius:7px;padding:9px;color:#d3dfc5}.equip-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.upgrade-preview{border-top:1px solid #405038;padding:18px 0;font-size:11px}.upgrade-preview p{font-size:10px;margin-top:8px}.upgrade-preview .risk{color:#d9ad89}.equipment-summary{font-size:11px;padding:12px;background:#293524;border:1px solid #4d603e;border-radius:8px;margin-bottom:14px}@media(max-width:900px){.gear-grid{grid-template-columns:1fr}}