@import url("https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap");:root{--bg:#0a0b10;--panel:#12141c;--panel-2:#171a24;--line:hsla(0,0%,100%,.08);--ink:#f5f5f7;--ink-dim:#8a8d9a;--orange:#ff5e29;--cyan:#38c9ea;--purple:#9b4dff;--gold:#f2c94c;--trait-red:#ff4545;--trait-green:#4ade80;--trait-blue:#4d8dff}*{box-sizing:border-box}body,html{background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:var(--cyan) #0f1119}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f1119}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--cyan) 70%,#0f1119);border-radius:999px;border:2px solid #0f1119}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}a{color:var(--cyan)}button{font-family:Sora,sans-serif;cursor:pointer}input,select,textarea{font-family:Inter,sans-serif;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--ink);font-size:13px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan)}.page-wrap{max-width:1100px;margin:0 auto;padding:28px 24px 60px}.site-header{display:flex;justify-content:space-between}.site-title-row{gap:14px}.logo-orb,.site-title-row{display:flex;align-items:center}.logo-orb{width:42px;height:42px;border-radius:13px;flex-shrink:0;background:linear-gradient(135deg,var(--orange),var(--purple));justify-content:center;box-shadow:0 0 24px rgba(155,77,255,.6),inset 0 0 0 1.5px hsla(0,0%,100%,.2);color:#fff}.logo-orb,.site-title{font-family:Sora,sans-serif;font-weight:800}.site-title{font-size:22px;margin:0}.site-subtitle{color:var(--ink-dim);font-size:12px;margin:2px 0 0}.identity-row{display:flex;align-items:center;gap:10px;font-size:13px}.role-badge{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.05em;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--gold) 20%,transparent);color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 50%,transparent)}.btn-ghost{font-family:Sora,sans-serif;font-weight:600;font-size:12.5px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-dim)}.btn-ghost:hover{color:var(--ink);border-color:hsla(0,0%,100%,.3)}.btn-primary{font-family:Sora,sans-serif;font-weight:700;font-size:13px;padding:9px 18px;border-radius:999px;border:none;background:var(--cyan);color:#04212b;box-shadow:0 0 16px color-mix(in srgb,var(--cyan) 45%,transparent)}.btn-primary:hover{filter:brightness(1.1)}.btn-gold{font-family:Sora,sans-serif;font-weight:700;font-size:13px;padding:9px 18px;border-radius:999px;border:none;background:var(--gold);color:#2b2004;box-shadow:0 0 16px color-mix(in srgb,var(--gold) 45%,transparent)}.btn-gold:hover{filter:brightness(1.1)}.tab-row{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.tab-btn{font-family:Sora,sans-serif;font-weight:700;font-size:13px;padding:11px 22px;border-radius:999px;border:2px solid var(--line);background:var(--panel);color:var(--ink-dim)}.tab-btn.active.tab-cyan{color:#fff;border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 22%,var(--panel));box-shadow:0 0 0 1px var(--cyan),0 0 26px color-mix(in srgb,var(--cyan) 55%,transparent)}.tab-btn.active.tab-gold{color:#fff;border-color:var(--gold);background:color-mix(in srgb,var(--gold) 22%,var(--panel));box-shadow:0 0 0 1px var(--gold),0 0 26px color-mix(in srgb,var(--gold) 55%,transparent)}.builds-layout{display:grid;grid-template-columns:300px 1fr;grid-gap:22px;gap:22px}@media (max-width:800px){.builds-layout{grid-template-columns:1fr}}.sidebar-search{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:12px}.sidebar-search input{flex:1 1;background:transparent;border:none;padding:0}.creature-list{max-height:640px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.creature-item{padding:10px 12px;border-radius:10px;cursor:pointer;border:1px solid transparent}.creature-item.active,.creature-item:hover{background:var(--panel-2)}.creature-item.active{border-color:var(--cyan)}.creature-item-name{font-family:Sora,sans-serif;font-weight:700;font-size:13.5px}.creature-item-flavor{color:var(--ink-dim);font-size:11px;margin-top:2px}.filter-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.filter-chip{font-family:Sora,sans-serif;font-weight:600;font-size:11.5px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink-dim)}.filter-chip.active{color:#fff;border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 20%,var(--panel))}.badge-orb{width:48px;height:48px;border-radius:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;border:1.5px solid}.badge-land{background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 75%,transparent),color-mix(in srgb,var(--orange) 25%,var(--panel-2)));border-color:var(--orange);box-shadow:0 0 20px color-mix(in srgb,var(--orange) 50%,transparent)}.badge-sea{background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 75%,transparent),color-mix(in srgb,var(--cyan) 25%,var(--panel-2)));border-color:var(--cyan);box-shadow:0 0 20px color-mix(in srgb,var(--cyan) 50%,transparent)}.badge-sky{background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 75%,transparent),color-mix(in srgb,var(--purple) 25%,var(--panel-2)));border-color:var(--purple);box-shadow:0 0 20px color-mix(in srgb,var(--purple) 50%,transparent)}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px}.header-spacer{justify-self:start}.identity-row{justify-self:end}.stat-grid{display:block;max-width:420px;margin:18px 0}.stat-row{display:grid;grid-template-columns:70px 1fr 56px;align-items:center;grid-gap:8px;gap:8px;margin-bottom:6px}.stat-label{font-size:11px;color:var(--ink-dim);font-family:JetBrains Mono,monospace;font-weight:600;text-transform:uppercase}.stat-ticks{display:flex;gap:2px}.tick{width:100%;height:9px;background:hsla(0,0%,100%,.06);border-radius:2px}.stat-value{font-size:11px;font-family:JetBrains Mono,monospace;font-weight:600;text-align:right;color:var(--ink-dim)}.speed-line{font-size:12px;color:var(--ink);margin-top:8px;font-weight:500}.build-list{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}.build-slot{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:9px 12px}.build-slot-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.trait-icon{width:18px;height:18px;flex-shrink:0;object-fit:contain}.glow-card{background:var(--panel);border:2px solid var(--cyan);border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan) 40%,transparent),0 0 55px color-mix(in srgb,var(--cyan) 30%,transparent)}.glow-card-header{background:var(--panel-2);padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.glow-card-body{padding:22px 24px}.creature-name{font-family:Sora,sans-serif;font-weight:800;font-size:24px;margin:0}.creature-flavor{color:var(--ink-dim);font-size:13px;margin:4px 0 0}.section-label{font-family:JetBrains Mono,monospace;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--cyan);margin:18px 0 8px}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-pill{font-size:12px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink)}.notes-text{font-size:13px;color:var(--ink-dim);line-height:1.6;margin-top:10px}.mod-form{border:1.5px solid var(--gold);border-radius:14px;padding:18px;margin-bottom:18px;background:color-mix(in srgb,var(--gold) 6%,var(--panel))}.mod-form-label{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--gold);margin-bottom:10px;text-transform:uppercase}.mod-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.mod-form-grid input,.mod-form-grid select,.mod-form-grid textarea{width:100%}.field-full{grid-column:1/-1}.error-text{color:var(--trait-red);font-size:12.5px;margin-top:8px}.picker-section-label{font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--ink-dim);text-transform:uppercase;margin:12px 0 6px}.chip-picker,.chip-picker-scroll{display:flex;flex-wrap:wrap;gap:6px}.chip-picker-scroll{max-height:140px;overflow-y:auto;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.chip-toggle{font-family:Sora,sans-serif;font-weight:600;font-size:11.5px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink-dim);cursor:pointer}.chip-toggle:hover:not(:disabled){border-color:var(--cyan);color:var(--ink)}.chip-toggle.active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 22%,var(--panel));color:var(--gold)}.chip-toggle:disabled{opacity:.4;cursor:default}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px}.info-card{background:var(--panel);border:1.5px solid var(--gold);border-radius:14px;padding:16px;box-shadow:0 0 20px color-mix(in srgb,var(--gold) 15%,transparent)}.info-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.info-name{font-family:Sora,sans-serif;font-weight:700;font-size:14.5px;margin:0}.comment-item{display:flex;gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:8px}.comment-user{color:var(--cyan);font-weight:700;font-size:12.5px}.comment-text{font-size:13px;margin-top:2px}.mod-view-tag{font-size:9px;color:var(--gold);margin-left:6px;text-transform:uppercase;font-family:JetBrains Mono,monospace}.comment-form-row{display:flex;gap:8px;margin-top:14px}.comment-form-row input{flex:1 1}.login-wrap{position:relative;max-width:380px;margin:100px auto;padding:32px 28px;background:var(--panel);border:1.5px solid var(--cyan);border-radius:18px;box-shadow:0 0 40px color-mix(in srgb,var(--cyan) 20%,transparent)}.login-wrap h1{font-family:Sora,sans-serif;font-size:20px;margin:0 0 18px}.login-form{display:flex;flex-direction:column;gap:10px}.login-switch{margin-top:14px;background:none;border:none;color:var(--cyan);text-decoration:underline;font-size:12.5px;padding:0}.footer-note{margin-top:30px;font-size:11.5px;color:var(--ink-dim);border-top:1px solid var(--line);padding-top:16px}.legal-links-row{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px;font-size:11px;color:var(--ink-dim)}.legal-links-row a{color:var(--ink-dim);font-size:11px;text-decoration:underline}.legal-links-row a:hover{color:var(--ink)}.legal-page-card{position:relative;background:var(--panel);border:1.5px solid var(--gold);border-radius:16px;padding:28px;box-shadow:0 0 30px color-mix(in srgb,var(--gold) 15%,transparent)}.legal-close-btn{position:absolute;top:16px;right:16px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:hsla(0,0%,100%,.05);border:1px solid var(--line);color:var(--ink-dim);text-decoration:none;font-size:14px}.legal-close-btn:hover{color:var(--ink);border-color:var(--trait-red)}.legal-section{border-left:2px solid color-mix(in srgb,var(--gold) 35%,transparent);padding-left:12px;margin-bottom:18px}.legal-heading{font-family:Sora,sans-serif;font-weight:700;font-size:13.5px;color:var(--gold);margin-bottom:6px}.legal-text{font-size:12.5px;color:var(--ink-dim);line-height:1.6;margin:0}.sort-row{display:flex;gap:8px;margin-bottom:10px}.sort-btn{font-size:11px;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-dim);font-family:Sora,sans-serif}.sort-btn.active{color:#fff;border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 20%,transparent)}.upvote-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:var(--ink-dim);font-size:11px;font-weight:700;flex-shrink:0}.upvote-btn.upvoted,.upvote-btn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.upvote-btn.upvoted{background:color-mix(in srgb,var(--cyan) 15%,transparent)}.upvote-btn:disabled{opacity:.5}