.g-page{padding-block:0 48px}.g-page .page-head .lead{text-align:center}.g-count{color:var(--ink-soft);text-align:center;font-size:13px}.g-filters{background:var(--paper);border:3px solid var(--ink);border-radius:var(--r);box-shadow:4px 4px 0 var(--shade);gap:12px;margin-top:18px;padding:12px;display:grid}.g-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.g-row .g-search{grid-column:1/-1}@media (min-width:760px){.g-row{grid-template-columns:minmax(200px,1.4fr) repeat(3,minmax(0,1fr))}.g-row .g-search{grid-column:auto}}.g-field{gap:4px;min-width:0;display:grid}.g-field input,.g-field select{width:100%;min-width:0;height:var(--ctl);border:3px solid var(--ink);color:var(--ink);font:700 14px/1 var(--f-body);appearance:none;background:#fff;border-radius:8px;padding:0 12px}.g-field select{background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);text-overflow:ellipsis;background-position:calc(100% - 17px),calc(100% - 11px);background-repeat:no-repeat;background-size:6px 6px;padding-right:30px}.g-field input:focus-visible,.g-field select:focus-visible{outline:3px solid var(--red);outline-offset:2px}.g-label{font:700 13px/1 var(--f-pixel);text-transform:lowercase}.g-traits summary{height:var(--ctl);border:3px dashed var(--ink);cursor:pointer;font:700 15px/1 var(--f-pixel);text-transform:lowercase;border-radius:8px;align-items:center;padding:0 12px;list-style:none;display:flex}.g-traits summary::-webkit-details-marker{display:none}.g-traits summary:after{content:"+";margin-left:auto;font-size:20px}.g-traits[open] summary:after{content:"−"}.g-trait-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px;margin-top:10px;display:grid}.g-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.g-chip{height:var(--ctl);border:3px solid var(--ink);background:var(--sage-wash);max-width:100%;font:700 14px/1 var(--f-pixel);text-transform:lowercase;cursor:pointer;color:var(--ink);border-radius:8px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.g-chip em{font-style:normal;font-weight:400}.g-chip:hover{background:var(--sage-soft)}.g-chips .btn{height:var(--ctl)}.g-matches,.g-none{font:700 15px/1.3 var(--f-pixel);text-transform:lowercase;text-align:center;margin:16px 0 10px}.g-grid{margin-top:12px}.g-grid.static{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px;display:grid}.g-grid.virtual{contain:layout;position:relative}.g-cell{will-change:transform;position:absolute;top:0;left:0}.g-card{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--shade);border-radius:8px;justify-items:center;gap:0;padding:6px 6px 8px;text-decoration:none;transition:transform .14s ease-out,box-shadow .14s ease-out;display:grid;container-type:inline-size}.g-card:hover{box-shadow:4px 7px 0 var(--shade);transform:translateY(-3px)}.g-card:focus-visible{outline:3px solid var(--red);outline-offset:3px}.g-art{aspect-ratio:1;background:var(--sage);border:2px solid var(--ink);border-radius:5px;width:100%;display:block;position:relative;overflow:hidden}.g-art img{width:100%;height:100%;image-rendering:pixelated;display:block}.g-body{filter:drop-shadow(0 2px #00000040);position:absolute;bottom:0;right:2%}.g-name{height:20px;font:700 17px/20px var(--f-pixel);white-space:nowrap;margin-top:6px}.g-card .pips{gap:min(3px,1.2cqi);margin-top:4px}.g-card .pips i{border-width:1.5px;width:min(11px,7.4cqi)}.g-lv{height:18px;font:700 13px/18px var(--f-pixel);white-space:nowrap;margin-top:4px}.g-lv em{color:var(--ink-soft);font-style:normal;font-weight:400}.g-loadout{justify-content:center;align-items:center;gap:3px;height:22px;margin-top:6px;display:flex}.g-unlocks{border:2px solid var(--ink);min-width:26px;height:22px;font:700 12px/18px var(--f-pixel);text-align:center;background:var(--sun-soft);border-radius:5px;padding:0 4px}.g-card.fresh .g-unlocks{background:var(--paper);color:var(--ink-soft)}.g-card.skeleton{pointer-events:none}.g-card.skeleton .g-art{background:var(--sage-wash);border-color:var(--line);animation:1.2s ease-in-out infinite alternate pulse}.g-card.skeleton .g-name,.g-card.skeleton .g-lv{background:var(--line);border-radius:4px;width:50%;margin-top:8px}.g-card.skeleton .g-lv{width:70%;height:60px}body.g-locked{overflow:hidden}.g-drawer-wrap{z-index:120;background:#16161673;justify-content:center;align-items:flex-end;animation:.16s ease-out both g-fade;display:flex;position:fixed;inset:0}.g-drawer{overscroll-behavior:contain;width:100%;max-height:92dvh;padding:16px max(16px, env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--card);border-top:3px solid var(--ink);box-shadow:0 -6px 0 var(--shade);border-radius:16px 16px 0 0;align-content:start;gap:16px;animation:.22s cubic-bezier(.2,.8,.3,1) both g-up;display:grid;overflow-y:auto;container-type:inline-size}@media (min-width:820px){.g-drawer-wrap{justify-content:flex-end;align-items:stretch}.g-drawer{border-top:0;border-left:3px solid var(--ink);width:min(520px,100%);height:100%;max-height:none;box-shadow:-8px 0 0 var(--shade);border-radius:0;padding:20px 22px 24px;animation-name:g-side}}@keyframes g-fade{0%{opacity:0}}@keyframes g-up{0%{opacity:0;transform:translateY(40px)}}@keyframes g-side{0%{opacity:0;transform:translate(40px)}}.g-drawer-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.g-drawer-head h2{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(24px,7cqi,32px);overflow:hidden}.g-drawer-top{grid-template-columns:minmax(0,150px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.g-hero{box-shadow:4px 4px 0 var(--shade);padding:6px}.g-facts{gap:10px;min-width:0;display:grid}.g-facts .jmeter{gap:8px}.g-facts .pips.long{grid-template-columns:repeat(10,minmax(0,12px));gap:3px}.g-facts .records dd{padding:8px 4px 9px;font-size:18px}.g-facts .records dt{padding:5px 4px;font-size:12px}.g-facts code{font:700 12px/1 var(--f-body)}@container (max-width:380px){.g-drawer-top{grid-template-columns:1fr}.g-hero{justify-self:center;width:min(100%,200px)}}.g-loadout-full{gap:14px;display:grid}.g-loadout-full h3{font-size:22px}.g-loadout-full h4{font:700 15px/1.2 var(--f-pixel);text-transform:lowercase;margin:0 0 8px}.g-slots,.g-kit{gap:8px;display:grid}.g-slots li,.g-kit li{background:var(--paper);border:3px solid var(--ink);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:58px;padding:8px 12px;display:grid}.g-slots li.locked{background:0 0;border-style:dashed}.g-slots li.r-ultra{box-shadow:3px 3px 0 var(--pip)}.g-slots li.r-pro{box-shadow:3px 3px #b57be0}.g-slots b,.g-kit b{font:700 15px/1.2 var(--f-pixel);text-transform:lowercase;display:block}.g-slots em,.g-kit em{color:var(--ink-soft);font-size:12px;font-style:normal;display:block}@container (min-width:440px){.g-kit{grid-template-columns:1fr 1fr}}.g-tags{flex-wrap:wrap;gap:8px;display:flex}.g-tags li{border:2px solid var(--ink);background:var(--sky-soft);min-height:34px;font:700 13px/1.15 var(--f-pixel);text-transform:lowercase;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.g-tags em{font-style:normal;font-weight:400}.g-bios{gap:6px;display:grid}.g-bios li{font:700 13px/1.2 var(--f-pixel);text-transform:lowercase;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.g-bar{gap:3px;display:inline-flex}.g-bar i{border:2px solid var(--ink);background:var(--paper);border-radius:3px;width:14px;height:14px}.g-bar i.on{background:var(--sage)}.g-bar i.capped{opacity:.55;border-style:dashed}.g-salvage{flex-wrap:wrap;gap:6px;display:flex}.g-drawer-actions{bottom:calc(-18px - env(safe-area-inset-bottom));background:var(--card);margin-top:0;padding:10px 0 4px;position:sticky}@media (prefers-reduced-motion:reduce){.g-card,.g-drawer-wrap,.g-drawer{transition:none;animation:none}.g-card:hover{transform:none}.g-card.skeleton .g-art{animation:none}}
