.portal-gifs .phero-bg{object-position:center 58%}.portal-gifs .gif-grid{gap:var(--space-6);margin-top:var(--space-7)}.gif-card{background:var(--n01);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--tint-white-05);transition:box-shadow .24s ease,transform .24s ease}.gif-card:hover{box-shadow:0 0 0 1px var(--tint-brand-14);transform:translateY(-2px)}.gif-preview-wrap{position:relative;background:var(--n00);display:flex;align-items:center;justify-content:center;padding:var(--space-6);min-height:220px}.gif-preview{max-height:180px;max-width:100%;object-fit:contain;border-radius:var(--radius-xs)}.gif-cat-badge{position:absolute;top:var(--space-4);left:var(--space-4);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-regular);letter-spacing:normal;text-transform:none;color:var(--n00);background:var(--cat-color, var(--g-brand));padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill)}.gif-info{padding:var(--space-5) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);flex:1}.gif-title{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:1.2;color:var(--text-primary);margin:0}.gif-desc{font-size:var(--fs-body-sm);line-height:1.6;color:var(--text-secondary);margin:0}.gif-meta-row{display:flex;gap:var(--space-6)}.gif-meta-item{display:flex;flex-direction:column;gap:2px}.gif-meta-val{font-family:var(--font-mono);font-size:var(--fs-body-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.gif-meta-val.is-warn{color:var(--alert-light)}.gif-warn-badge{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--alert-light);background:#fdb76c1f;padding:2px var(--space-2);border-radius:var(--radius-pill);letter-spacing:.06em;cursor:default}.gif-warn-inline{color:var(--alert-light);font-weight:var(--fw-semibold)}.gif-uses{display:flex;flex-direction:column;gap:var(--space-2)}.gif-uses-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.gif-uses-list li{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--text-secondary);background:var(--n02);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill)}.portal-gifs .gif-download{align-self:flex-start;margin-top:auto}.portal-gifs .gif-rules-grid{gap:var(--space-5);margin-top:var(--space-6)}.gif-rule{background:var(--n01);border-radius:var(--radius-sm);padding:var(--space-6);box-shadow:0 0 0 1px var(--tint-white-05)}.portal-gifs .gif-rule-label{display:block;letter-spacing:.18em;margin-bottom:var(--space-4)}.gif-rule-yes .gif-rule-label{color:var(--g-brand)}.gif-rule-no .gif-rule-label{color:var(--dv-error, rgba(251,126,126,.85))}.gif-rule ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.gif-rule li{font-size:var(--fs-body-sm);color:var(--text-secondary);line-height:1.55;padding-left:var(--space-4);position:relative}.gif-rule-yes li:before{content:"·";position:absolute;left:0;color:var(--g-brand);font-weight:var(--fw-bold)}.gif-rule-no li:before{content:"·";position:absolute;left:0;color:var(--dv-error, rgba(251,126,126,.85));font-weight:var(--fw-bold)}.gif-opt-table{margin-top:var(--space-6);border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 0 0 1px var(--tint-white-05)}.gif-opt-row{display:grid;grid-template-columns:1.4fr 1fr 1.6fr;gap:var(--space-4);padding:var(--space-4) var(--space-6);font-size:var(--fs-body-sm);color:var(--text-secondary);border-bottom:1px solid var(--tint-white-05)}.gif-opt-row:last-child{border-bottom:none}.gif-opt-head{background:var(--n02);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.gif-opt-row:not(.gif-opt-head){background:var(--n01)}.gif-opt-row:not(.gif-opt-head):hover{background:var(--n02)}.gif-opt-ok{color:var(--g-brand);font-family:var(--font-mono)}.gif-opt-warn{color:var(--alert-light);font-family:var(--font-mono)}@media(max-width:768px){.gif-opt-row{grid-template-columns:1fr 1fr}.gif-opt-row span:last-child{grid-column:1 / -1;color:var(--text-muted);font-size:var(--fs-xs)}.gif-opt-head span:last-child{display:none}}@media(max-width:480px){.gif-preview-wrap{min-height:160px;padding:var(--space-5)}.gif-preview{max-height:130px}}