.gh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));grid-gap:.55rem;gap:.55rem;-webkit-margin-before:.4rem;margin-block-start:.4rem}.gh-card{--tone:var(--accent-deep,#ff3b30);display:flex;flex-direction:column;gap:.3rem;padding:.85rem .8rem .75rem;border:1px solid var(--line,rgba(255,255,255,.09));border-radius:var(--r-card,16px);position:relative;background:var(--surface,#18171a);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none;transition:transform .2s var(--ease-bounce,ease),box-shadow .2s,border-color .2s}.gh-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 80% at 100% 0,var(--tone),transparent 62%);opacity:.13;pointer-events:none}.gh-card>*{position:relative}.gh-card:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-top:16px solid var(--ground);border-left:16px solid transparent;pointer-events:none}.gh-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--tone)}.gh-card:focus-visible{outline:2px solid var(--tone);outline-offset:2px}.gh-card[data-off="1"]{opacity:.5;pointer-events:none}.gh-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.4rem}.gh-art{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-soft,12px);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent),var(--ground-sink,rgba(0,0,0,.35));border:1px solid var(--tone);color:var(--tone)}.gh-art svg{display:block}.gh-state{padding:.16rem .45rem;border-radius:var(--r-pill,999px);border:1px solid var(--line,rgba(255,255,255,.09));font-size:.62rem;font-weight:800;letter-spacing:.03em;color:var(--ink-faint,rgba(255,255,255,.45));white-space:nowrap}.gh-card[data-off="0"] .gh-state{color:var(--tone);border-color:var(--tone)}.gh-card h2{margin:.25rem 0 0;font-size:1rem;font-weight:800;line-height:1.2}.gh-card p{margin:0;font-size:.75rem;line-height:1.5;color:var(--ink-soft,rgba(255,255,255,.66))}.gh-tags{display:flex;flex-wrap:wrap;gap:.25rem;-webkit-margin-before:auto;margin-block-start:auto;-webkit-padding-before:.5rem;padding-block-start:.5rem}.gh-tag{padding:.16rem .42rem;border-radius:var(--r-pill,999px);border:1px solid var(--line,rgba(255,255,255,.09));background:rgba(0,0,0,.25);font-size:.62rem;font-weight:700;color:var(--ink-faint,rgba(255,255,255,.45));white-space:nowrap}