@import "tailwindcss";:root{--bg:#08090b;--panel:#111214;--line:#202226;--muted:#898d98;--text:#f4f5f7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit;color:inherit}header{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:12px}.brandMark{width:22px;height:22px;border:1px solid #51545a;border-radius:6px;display:grid;place-items:center;font-size:11px}.headerActions{margin-left:auto;display:flex;gap:10px;align-items:center}.headerActions button,.avatar{border:1px solid var(--line);background:#17181c;border-radius:12px;height:36px;min-width:36px;display:grid;place-items:center}.avatar{font-size:11px;background:#2d3036}.metrics{display:grid;grid-template-columns:repeat(8,minmax(135px,1fr));gap:16px;padding:34px 22px 24px}.metric{height:112px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#121315,#0d0e10);padding:20px}.metricLabel{font-size:11px;font-weight:800;color:#d5d6db;letter-spacing:.04em;display:flex;justify-content:space-between}.metricLabel i{width:7px;height:7px;background:#62646a;border-radius:50%}.metric b{font-size:25px;display:block;margin-top:23px}.green{color:#59e2a6}.cyan{color:#64deec}.yellow{color:#f5ca45}.blue{color:#77adff}.purple{color:#c9a7ff}.pink{color:#f3a0ce}.red{color:#ff5959}.toolbar{margin:0 22px;border:1px solid var(--line);height:66px;border-radius:14px;display:flex;align-items:center;padding:10px;gap:10px}.tabs{background:#24262b;padding:4px;border-radius:12px}.tabs button,.options,.view{border:0;background:transparent;padding:10px 18px;border-radius:9px;font-weight:700;font-size:12px}.tabs .active{background:#0a0b0d}.search{margin:auto;width:min(560px,45%);height:42px;border:1px solid #2b2d32;border-radius:12px;display:flex;align-items:center;padding:0 14px;color:#8b8f99}.search input{border:0;outline:0;background:transparent;width:100%;padding-left:12px;font-size:13px}.options,.view{background:#1b1c20}.summary{margin:16px 22px;min-height:58px;background:#0d0e10;border-radius:12px;display:flex;justify-content:center;align-items:center;gap:10px}.summary span{background:#191a1e;border-radius:12px;padding:9px 18px;color:#9296a1;font-size:11px}.summary b{color:white;margin-right:6px}.petGrid{display:grid;grid-template-columns:repeat(6,minmax(190px,1fr));gap:14px;padding:0 22px 50px}.petCard{position:relative;min-height:318px;border:1px solid var(--line);border-radius:16px;background:#0b0c0e;padding:15px}.star{position:absolute;right:11px;top:10px;border:0;background:none;font-size:20px;color:#acafb5}.petGlyph{height:92px;display:grid;place-items:center;font-size:55px;text-shadow:0 0 24px currentColor}.petGlyph.red{color:#ae3636}.petCard h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;margin:3px 0 5px}.petCard h3 small{color:#a7aab1}.rarity{border:1px solid currentColor;border-radius:7px;padding:4px 10px;font-size:10px;display:inline-block;margin-bottom:10px}dl{margin:0;font-size:11px;color:#9296a0}dl div{display:flex;justify-content:space-between;min-height:25px;align-items:center}dd{margin:0;color:#f5f5f6;font-weight:700}dl div:nth-child(3) dd,dl div:nth-child(4) dd{border:1px solid #292b31;border-radius:9px;padding:4px 9px}.petCard footer{border-top:1px solid #202226;margin-top:3px;padding-top:9px;font-size:11px}@media(max-width:1500px){.metrics{grid-template-columns:repeat(4,1fr)}.petGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.metrics{grid-template-columns:repeat(2,1fr);padding:18px 12px}.toolbar,.summary{margin-left:12px;margin-right:12px}.search{width:auto;flex:1}.options{display:none}.petGrid{grid-template-columns:1fr;padding:0 12px 30px}header{padding:0 12px}}