:root{--rewards-bg:#f4f6fb;--rewards-ink:#172139;--rewards-muted:#4d5c73;--rewards-card:#fff;--rewards-line:#c9d2df}html[data-ui-theme=dark]{--rewards-bg:#0d1423;--rewards-ink:#f1f4fc;--rewards-muted:#bdc8dc;--rewards-card:#172238;--rewards-line:#45546b}body.benefits-page{background:var(--rewards-bg);color:var(--rewards-ink)}.rewards-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.rewards-controls label{flex:1;min-width:130px;max-width:240px}.rewards-controls select{background:var(--rewards-card);color:var(--rewards-ink);border-color:var(--rewards-line)}.rewards-intro{padding:32px 0}.rewards-intro h1{font-size:clamp(34px,7vw,68px);max-width:900px}.rewards-intro p{color:var(--rewards-muted);max-width:850px}.rewards-links{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.rewards-links a{padding:12px 16px;border:1px solid var(--rewards-line);background:var(--rewards-card);border-radius:12px;font-weight:650}.rewards-scope{padding:18px;border-left:3px solid #bf9135;background:var(--rewards-card);font-size:14px}#holder-profile{display:flex;flex-wrap:wrap;gap:14px}#holder-profile canvas{max-width:150px;height:auto}#holder-profile>span{display:grid;max-width:180px}header{flex-wrap:wrap}.benefits-page footer{color:var(--rewards-muted)}@media(max-width:520px){.rewards-links{display:grid}.rewards-controls label{max-width:none}.rewards-intro{padding-top:12px}}

/* Shared game skins load later; keep native controls readable in both UI themes. */
html[data-ui-theme] body.benefits-page select,html[data-ui-theme] body.benefits-page option{background:var(--rewards-card)!important;color:var(--rewards-ink)!important;border-color:var(--rewards-line)!important;color-scheme:inherit}

/* Holder hub: readable shortcuts and touch-friendly grouping. */
body.benefits-page .rewards-intro{padding:clamp(20px,4vw,44px);border:1px solid #cbded4;border-radius:24px;background:linear-gradient(135deg,#fafffc 0%,#e9f4ef 62%,#e9eef9 100%);box-shadow:0 14px 40px #102d2710}
body.benefits-page .rewards-intro .eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:6px 11px;border:1px solid #a3cbbb;border-radius:999px;color:#1f5a4d;background:#f3fcf6;font-weight:800;letter-spacing:.1em}
body.benefits-page .rewards-intro h1{line-height:1.03;letter-spacing:-.035em;margin:.35em 0}
body.benefits-page .rewards-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.benefits-page .rewards-links a{display:flex;align-items:center;gap:12px;min-height:58px;padding:12px 14px;color:#183f35;background:#fff;border:1px solid #b8cfc3;text-decoration:none;line-height:1.35;box-shadow:0 3px 10px #2344360b}
body.benefits-page .rewards-links a::before{content:'✦';display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:#e0f1e8;color:#155d47;font-size:18px}
body.benefits-page .rewards-links a[href='/clubs/']::before{content:'♟'}
body.benefits-page .rewards-links a[href='/holders-tools/']::before{content:'⚑'}
body.benefits-page .rewards-links a[href='/#wallet']::before{content:'◈'}
body.benefits-page .rewards-links a[href='/lounge/']::before{content:'♫'}
body.benefits-page .rewards-links a[href^='/ranking/']::before{content:'★'}
body.benefits-page .rewards-links a[href='/holders-social/']::before{content:'☷'}
body.benefits-page .rewards-links a:hover{border-color:#277a5e;background:#f4fcf7}
body.benefits-page .rewards-links a:focus-visible{outline:3px solid #a56a00;outline-offset:3px}
body.benefits-page .rewards-scope{border-radius:10px;line-height:1.65}
:root[data-ui-theme=dark] body.benefits-page .rewards-intro{background:linear-gradient(135deg,#172c30,#1c3146);border-color:#4a6a60}
:root[data-ui-theme=dark] body.benefits-page .rewards-intro .eyebrow{background:#203e37;border-color:#66947e;color:#d9f7e7}
:root[data-ui-theme=dark] body.benefits-page .rewards-links a{background:#233d39;color:#e7fbef;border-color:#628476}
:root[data-ui-theme=dark] body.benefits-page .rewards-links a::before{background:#b5dfc6;color:#183d32}
:root[data-ui-theme=dark] body.benefits-page .rewards-links a:hover{background:#31554a}
@media(max-width:600px){body.benefits-page .rewards-intro{padding:20px 16px;border-radius:18px}body.benefits-page .rewards-links{grid-template-columns:1fr}body.benefits-page .rewards-links a{min-height:54px}}

/* Premium item gallery keeps native game previews and readable status/actions. */
body.benefits-page .super216{box-shadow:0 18px 55px #13273d16}
body.benefits-page .super216-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700}
body.benefits-page .super216-tabs button::before{content:'✦';font-size:15px}
body.benefits-page .super216-card{overflow:hidden;border-radius:18px;box-shadow:0 6px 20px #12234010}
body.benefits-page .super216-card>.prestige216-art{border-radius:12px;background:radial-gradient(ellipse at 50% 36%,#fff,#dbe8ed);border:1px solid #cbd8df;box-shadow:inset 0 0 0 4px #ffffff80}
body.benefits-page .super216-card h3{line-height:1.25;overflow-wrap:anywhere}
body.benefits-page .super216-state{display:inline-flex;align-items:center;gap:7px;line-height:1.3}
body.benefits-page .super216-state::before{content:'◆';font-size:.75em;color:#557b6d}
body.benefits-page .super216-card[data-equipped=true] .super216-state::before{content:'✓';color:#167247}
body.benefits-page .super216-actions button{min-height:46px}
body.benefits-page .super216-actions button:first-child{font-weight:700}
:root[data-ui-theme=dark] body.benefits-page .super216-card>.prestige216-art{background:radial-gradient(ellipse at 50% 36%,#324858,#172638);border-color:#52667a;box-shadow:inset 0 0 0 4px #ffffff0d}
:root[data-ui-theme=dark] body.benefits-page .super216-state::before{color:#c3e8d3}
@media(max-width:760px){body.benefits-page .super216-card{padding:14px;gap:8px 14px}body.benefits-page .super216-card>.prestige216-art{align-self:start}body.benefits-page .super216-actions{margin-top:6px}}
