@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0c1014;--panel:#141a20;--line:#252c32;--text:#edf0ed;--muted:#8b959c;--green:#c4ec80}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,select{cursor:pointer}button{color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:248px;padding:35px 24px;border-right:1px solid var(--line);background:#10151a;display:flex;flex-direction:column}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.6px;display:flex;align-items:center;gap:5px;font-size:18px}.brandmark{color:#101510;background:var(--green);padding:5px 10px;margin-right:5px;font-size:24px;transform:skew(-8deg)}.muted{color:var(--muted);font-weight:400}aside small{font-size:9px;letter-spacing:1.4px;color:#68737b;display:block;margin-top:20px}nav{margin-top:52px;display:grid;gap:10px}nav button{text-align:left;padding:14px 10px;border-radius:6px;font-size:12px;color:#99a2a9}nav .active{background:#232c24;color:var(--green)}.sidebottom{margin-top:auto}.sidebottom p{font-size:12px;color:var(--muted);line-height:1.8}.shield{color:var(--green);font-size:26px;margin-bottom:15px}.sidebottom b{font-size:13px}.outline{border:1px solid #394338;padding:12px;color:var(--green);border-radius:5px;font-size:12px}.sidebottom small{line-height:1.7;font-size:8px;margin-top:40px}.workspace{margin-left:248px}header{height:84px;display:flex;justify-content:space-between;align-items:center;padding:0 42px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}header i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px}.discord{background:#242a39;padding:11px 16px;border:1px solid #394157;border-radius:5px;font-size:12px;color:#d8ddf5}main{max-width:1480px;margin:auto;padding:0 42px}.demo{font-size:10px;color:#899481;letter-spacing:.6px;padding:15px 0}#hero{position:relative;overflow:hidden;min-height:330px;padding:35px 36px 0;border:1px solid #333b30;border-radius:10px;background:radial-gradient(ellipse at 85% 50%,#303c26 0,transparent 56%),linear-gradient(115deg,#18201b,#141b1c)}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--green);font-weight:700}h1{font:500 clamp(30px,3.3vw,50px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-1.8px;margin:18px 0}h1 em{color:var(--green);font-style:normal}#hero p{font-size:12px;line-height:1.8;color:#a5aea8}.primary{background:var(--green);color:#172012;border-radius:5px;font-weight:700;padding:12px 19px;font-size:12px}.heroart{position:absolute;right:7%;top:5px;width:260px;height:280px;display:flex;justify-content:center;align-items:center}.orb{position:absolute;width:210px;height:210px;border:1px solid #6f805250;border-radius:50%;box-shadow:0 0 60px #a8d15c15,inset 0 0 40px #94ae3c15}.orb:after{content:'';position:absolute;inset:20px;border:1px dashed #a8bb6050;border-radius:50%}.sword{font-size:160px;color:#c9d6a7;transform:rotate(-15deg);filter:drop-shadow(0 0 25px #9ccb6444)}.heroart span{position:absolute;bottom:0;font:8px monospace;letter-spacing:3px;color:#81936e}.herobottom{margin-top:27px;padding:16px 0;border-top:1px solid #3b4437;display:flex;gap:30px;font-size:10px;color:#a5b49a;position:relative}section:not(#hero){padding-top:35px}.sectiontitle{display:flex;align-items:center;justify-content:space-between}h2{font:500 28px 'Space Grotesk',sans-serif;letter-spacing:-.8px;margin:10px 0 24px}.dot{color:var(--green)}#count{font-size:11px;color:var(--muted)}.toolbar{display:flex;gap:12px}.search{flex:1;display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);padding:0 14px;font-size:23px;border-radius:5px}input,select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:12px;font-size:12px;min-width:0}.search input{width:100%;border:0;padding-left:0;outline:none}select{color:#b5bdc2}.filters{display:flex;justify-content:space-between;align-items:center;margin:22px 0;gap:10px}#tabs{display:flex;gap:6px}#tabs button{font-size:11px;padding:9px 14px;color:#9ca6ae;border:1px solid transparent;border-radius:5px}#tabs .selected{background:#242d20;color:var(--green);border-color:#465138}.filters label{font-size:10px;color:#a6afa8}input[type=checkbox]{accent-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:.2s}.card:hover{border-color:#607348;transform:translateY(-3px)}.art{height:152px;background:radial-gradient(ellipse at center,#3a314d,transparent 65%),#15181f;display:flex;justify-content:center;align-items:center;position:relative}.art.gold{background:radial-gradient(ellipse at center,#49402a,transparent 70%),#1b1c19}.art.blue{background:radial-gradient(ellipse at center,#1d3b4b,transparent 70%),#151b20}.itemicon{font-size:74px;filter:drop-shadow(0 8px 15px #0008);color:#d5c0ee}.art.gold .itemicon{color:#d9be7d}.art.blue .itemicon{color:#9dc9e7}.tag{position:absolute;left:13px;top:12px;font-size:8px;letter-spacing:1px;color:#b0b9bd;background:#10151bcc;border:1px solid #40464b;padding:5px 7px;border-radius:3px}.favorite{position:absolute;right:12px;top:8px;font-size:23px;color:#b7bdc4}.favorite.saved{color:var(--green)}.cardbody{padding:17px}.meta{font-size:9px;color:#909da5;display:flex;justify-content:space-between}.card h3{font-size:14px;margin:11px 0 7px;font-weight:600}.desc{font-size:10px;color:var(--muted);margin-bottom:18px}.price{font:600 21px 'Space Grotesk',sans-serif}.price small{font:10px 'DM Sans';color:#929c98}.seller{border-top:1px solid var(--line);padding-top:14px;margin-top:16px;display:flex;align-items:center;gap:8px;font-size:10px}.avatar{width:28px;height:28px;display:grid;place-items:center;background:#29362e;color:var(--green);border-radius:50%;font-size:10px}.seller .check{margin-left:auto;color:var(--green);font-size:9px}.scorebadge{color:var(--green)}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:45px;padding:25px 0;color:#717c82;font-size:9px}footer .brand{font-size:12px}.sub,.panel p{color:var(--muted);line-height:1.8;font-size:13px}.panel{max-width:800px;background:var(--panel);padding:28px;border:1px solid var(--line);border-radius:8px}.panel li{padding:10px 0;color:#a8b2b6;line-height:1.8}.panel form,dialog form{display:grid;gap:14px}.panel label,dialog label{display:grid;gap:8px;color:#b7c0c4;font-size:12px}.result{padding:20px;background:#242e21;color:var(--green);margin-top:20px;border-radius:5px}.notice{color:#e1c98e!important}dialog{background:#171e24;color:var(--text);border:1px solid #46513e;border-radius:10px;width:min(540px,92vw);padding:32px;max-height:90vh;overflow:auto}dialog::backdrop{background:#020509cc;backdrop-filter:blur(4px)}dialog h2{font-size:24px}dialog p{line-height:1.8;color:#a6b1b7;font-size:13px}.close{float:right;font-size:24px}dialog .primary{display:inline-block}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}#empty{padding:50px;text-align:center;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){aside{width:205px;padding:28px 16px}.workspace{margin-left:205px}main{padding:0 25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.heroart{right:0;opacity:.5}#hero>h1,#hero>p,#hero>.primary{position:relative;z-index:1}.filters{align-items:start;flex-direction:column}header{padding:0 25px}}@media(max-width:700px){aside{position:relative;width:100%;padding:18px;border-bottom:1px solid var(--line)}aside small,.sidebottom{display:none}nav{margin-top:20px;display:flex;gap:2px;overflow:auto}nav button{white-space:nowrap;font-size:10px;padding:10px}.workspace{margin-left:0}header{height:65px;padding:0 18px}main{padding:0 18px}#hero{padding:25px 22px 0}.heroart{opacity:.22;right:-60px}.herobottom{gap:12px;font-size:8px}h1{font-size:36px}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}select{flex:1;width:40%}#tabs button{padding:8px;font-size:10px}.grid{gap:12px}.art{height:120px}.cardbody{padding:12px}.card h3{font-size:12px}.seller{font-size:9px;flex-wrap:wrap}.seller .check{margin-left:0}.price{font-size:18px}footer{gap:18px;flex-wrap:wrap}.demo{font-size:8px}.sectiontitle .eyebrow{font-size:8px}h2{font-size:24px}}