/* Pokas gift hub — inventory / marketplace style, theme-aware surfaces. */
html:has(.pokas-gifts-page), body:has(.pokas-gifts-page) {background-color:var(--garam-theme-surface,#d2edfe)!important;background-image:none!important}
.pokas-gifts-page {--gift-ink:var(--garam-c-123c5c,#123c5c);--gift-muted:var(--garam-c-527f99,#527f99);--gift-border:var(--garam-c-bbdef5,#bbdef5);--gift-surface:var(--garam-theme-surface,#d2edfe);--gift-theme:var(--garam-theme-ui-accent,var(--garam-theme-accent,#087cce));min-height:70vh;width:100%;padding:24px 16px 85px;box-sizing:border-box;color:var(--gift-ink);font-family:inherit}
.pokas-gifts-page *, .pokas-gifts-page *::before,.pokas-gifts-page *::after {box-sizing:border-box}
.pokas-gifts-page [hidden] {display:none!important}
.pokas-gifts-layout {max-width:1240px;margin:auto}
/* Match the Team page hero. Override global styles.css `header {display:flex}`. */
.pokas-gifts-page header.pokas-gifts-hero {display:block!important}
.pokas-gifts-hero {position:relative;isolation:isolate;overflow:hidden;text-align:center;
    padding:clamp(40px,5vw,66px) 15px clamp(43px,5vw,66px)}
.pokas-gifts-hero::before {content:"";position:absolute;inset:0;z-index:-1;opacity:.33;
    background:radial-gradient(var(--garam-c-86c7ed,#86c7ed) 1px,transparent 1px) 0 0/22px 22px;
    mask-image:linear-gradient(to bottom,#000 18%,transparent 95%);pointer-events:none}
.pokas-gifts-kicker {color:var(--gift-ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;
    padding:7px 16px;border:1px solid rgb(20 80 125 / 17%);border-radius:100px;
    background:rgb(255 255 255 / 50%);font-size:11px;font-weight:850;letter-spacing:.16em}
.pokas-gifts-kicker span {font-size:16px}
.pokas-gifts-hero h1 {margin:19px auto 14px;color:var(--gift-ink);font-size:clamp(49px,7.1vw,100px);
    line-height:1.04;font-weight:900;letter-spacing:-.065em}
.pokas-gifts-hero h1 span {color:var(--gift-theme);font-family:Georgia,'Times New Roman',serif;
    font-weight:400;font-style:italic;letter-spacing:-.07em}
.pokas-gifts-hero > p {max-width:510px;margin:0 auto;font-size:clamp(14px,1.5vw,17px);
    color:var(--gift-ink);line-height:1.65}
.pokas-gifts-hero-sparkle {position:absolute;z-index:-1;color:rgb(255 255 255 / 46%);pointer-events:none}
.pokas-gifts-hero-sparkle--one {font-size:clamp(38px,5vw,85px);top:17%;left:7%;transform:rotate(-20deg)}
.pokas-gifts-hero-sparkle--two {font-size:clamp(56px,6vw,110px);right:8%;bottom:19%;transform:rotate(17deg)}
.pokas-gifts-toolbar {display:flex;align-items:center;justify-content:space-between;gap:15px;margin:4px 0 20px}
.pokas-gifts-section-heading {display:flex;align-items:center;gap:11px}
.pokas-gifts-section-heading h2 {margin:0;color:var(--gift-ink);font-size:clamp(22px,3vw,31px);font-weight:850;letter-spacing:-.04em}
.pokas-gifts-section-heading h2 span {color:var(--gift-theme);font-size:.7em;vertical-align:middle}
.pokas-gifts-live-dot {display:inline-block;width:10px;height:10px;border-radius:50%;background:#34bd8d;box-shadow:0 0 0 5px rgba(52,189,141,.15)}
.pokas-gifts-refresh {font:inherit;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--garam-c-a9cfea,#a9cfea);background:#fff;color:var(--garam-c-155a8d,#155a8d);padding:9px 15px;min-height:42px;border-radius:13px;font-weight:750;font-size:13px;cursor:pointer}
.pokas-gifts-refresh:hover:not(:disabled) {background:var(--garam-c-e5f5ff,#e5f5ff)}
.pokas-gifts-refresh:disabled {opacity:.6;cursor:wait}
.pokas-gifts-refresh span {font-size:21px;font-weight:400}
.pokas-gifts-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:stretch}
.pokas-gifts-card {--gift-role:#7d818a;--gift-tint:#e2e3e6;--gift-role-ink:#35373d;display:flex;flex-direction:column;gap:0;min-width:0;border-radius:22px;border:1px solid var(--gift-border);background:var(--gift-tint);box-shadow:0 13px 35px rgba(8,55,90,.1);overflow:hidden;padding:0 21px 21px;position:relative}
.pokas-gifts-card::before {content:"";display:block;margin:0 -21px 20px;height:9px;background:var(--gift-role)}
.pokas-gifts-card--everyone,.pokas-gifts-card--voter {--gift-role:#666971;--gift-tint:#e6e7e9;--gift-role-ink:#45464a}
.pokas-gifts-card--booster {--gift-role:#835ad9;--gift-tint:#e7d9ff;--gift-role-ink:#6330ab}
.pokas-gifts-card--kofi {--gift-role:#ef485a;--gift-tint:#ffdde2;--gift-role-ink:#aa2639}
.pokas-gifts-card-head {display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}
.pokas-gifts-role {padding:7px 12px;background:var(--gift-tint);color:var(--gift-role-ink);border-radius:10px;font-weight:850;font-size:12px;line-height:1}
.pokas-gifts-expiry {color:var(--gift-muted);font-size:12px;font-variant-numeric:tabular-nums;font-weight:650}
.pokas-gifts-card-title {margin:18px 0 8px;letter-spacing:-.045em;color:#22293a;font-size:clamp(24px,2.6vw,31px);line-height:1.15;font-weight:900}
.pokas-gifts-card-subtitle {margin:0 0 18px;color:#656f7b;font-size:13px;line-height:1.55;min-height:36px}
.pokas-gifts-rewards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:18px;align-content:start}
.pokas-gifts-reward {display:flex;align-items:center;min-width:0;gap:10px;padding:12px 9px;border:1px solid #e8eaf0;border-radius:15px;background:#f8f9fc}
.pokas-gifts-reward-art {display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;background:#fff;border-radius:11px;overflow:hidden}
.pokas-gifts-reward-image {display:block;max-width:100%;max-height:100%;object-fit:contain}
.pokas-gifts-reward-fallback {font-size:26px}
.pokas-gifts-reward-info {display:flex;flex-direction:column;gap:3px;min-width:0}
.pokas-gifts-reward-info strong {font-size:12px;line-height:1.3;color:#303644;overflow-wrap:anywhere}
.pokas-gifts-reward-info small {font-size:11px;font-weight:800;color:var(--gift-role-ink)}
.pokas-gifts-card-foot {display:flex;justify-content:space-between;margin-top:auto;padding:12px 0;border-top:1px solid #e7e9ee}
.pokas-gifts-remaining {color:#717a85;font-size:12px;font-weight:600}
.pokas-gifts-claim-list {display:flex;flex-direction:column;gap:8px}
.pokas-gifts-claim {min-height:45px;padding:11px 14px;width:100%;font:inherit;font-size:13px;font-weight:850;cursor:pointer;border:1px solid transparent;border-radius:13px;color:white;background:var(--gift-role);transition:filter .15s,transform .15s}
.pokas-gifts-claim:hover:not(:disabled) {filter:brightness(.92);transform:translateY(-2px)}
.pokas-gifts-claim:focus-visible {outline:3px solid var(--gift-theme);outline-offset:3px}
.pokas-gifts-claim:disabled {cursor:not-allowed;opacity:.68;transform:none}
.pokas-gifts-claim.is-claimed {background:#e1eae4!important;color:#286441!important;border-color:#c8d8cf!important;opacity:1}
.pokas-gifts-claim.is-unavailable {background:#e8e9ee!important;color:#71757e!important;border-color:#d9dce1!important;opacity:1}
.pokas-gifts-status {margin:0 0 17px;background:var(--garam-c-f0f9ff,#f0f9ff);border:1px solid var(--gift-border);color:var(--gift-ink);border-radius:12px;padding:12px 15px;font-size:13px;font-weight:650;line-height:1.5}
.pokas-gifts-status.is-error {background:#fff1f2;color:#9a3240;border-color:#f5bac2}
.pokas-gifts-empty {padding:60px 15px;text-align:center;background:#fff;border:1px dashed var(--gift-border);border-radius:23px;display:flex;flex-direction:column;align-items:center;gap:11px;color:var(--gift-muted)}
.pokas-gifts-empty>span:first-child {font-size:48px}
.pokas-gifts-empty strong {color:var(--gift-ink);font-size:19px}
/* Dark Onix and Ash modes: avoid bright white cards. */
html[data-garam-mode="dark"] .pokas-gifts-card {background:#22242b;border-color:#555760}
html[data-garam-mode="dark"] .pokas-gifts-card-title {color:#fff}
html[data-garam-mode="dark"] .pokas-gifts-reward {background:#31343c;border-color:#51545f}
html[data-garam-mode="dark"] .pokas-gifts-reward-info strong {color:#f3f5f8}
@media (max-width:1000px) {.pokas-gifts-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:650px) {.pokas-gifts-page {padding:12px 9px 45px}.pokas-gifts-hero {padding:46px 8px 49px!important}.pokas-gifts-hero h1 {font-size:clamp(44px,12.3vw,61px)}.pokas-gifts-grid {grid-template-columns:1fr;gap:14px}.pokas-gifts-card {padding-left:16px;padding-right:16px}.pokas-gifts-card::before {margin-left:-16px;margin-right:-16px}.pokas-gifts-card-title {font-size:27px}.pokas-gifts-toolbar {flex-wrap:wrap}.pokas-gifts-rewards {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce) {.pokas-gifts-claim {transition:none}}

html[data-garam-mode="dark"] .pokas-gifts-card-subtitle,html[data-garam-mode="dark"] .pokas-gifts-remaining,html[data-garam-mode="dark"] .pokas-gifts-expiry {color:#c6c8d0}
html[data-garam-mode="dark"] .pokas-gifts-reward-art {background:#41434b}
html[data-garam-mode="dark"] .pokas-gifts-card-foot {border-color:#51545f}
html[data-garam-mode="dark"] .pokas-gifts-hero h1,html[data-garam-mode="dark"] .pokas-gifts-hero p {color:#fff}
html[data-garam-mode="dark"] .pokas-gifts-empty {background:var(--garam-dark-panel,#25262b);border-color:var(--garam-dark-border,#555760)}

/* Match the Team hero's intermediate breakpoint and dark-mode kicker. */
@media (min-width:651px) and (max-width:840px) {
    .pokas-gifts-hero {padding:48px 10px 59px!important}
}
@media (max-width:520px) {
    .pokas-gifts-hero-sparkle--one {left:1%}
    .pokas-gifts-hero-sparkle--two {right:0}
}
html[data-garam-mode="dark"] .pokas-gifts-kicker {
    color:#f3f4f7;background:rgb(255 255 255 / 7%);border-color:rgb(255 255 255 / 20%)
}
