.rewards-page { padding-bottom:60px; }
.rewards-page .page-heading { margin-bottom:18px; }
.preview-notice { padding:12px 16px; border:1px solid var(--line); border-radius:8px; color:var(--muted); font-size:12px; margin:0 0 30px; }
.rewards-section { margin:34px 0; scroll-margin-top:130px; }
.section-title a { color:var(--accent); font-size:13px; }
.giveaway-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.giveaway { min-width:0; background:var(--surface); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.giveaway-top { padding:20px 22px 0; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.giveaway h3 { margin:0; font-size:15px; }
.giveaway-time { font-size:13px; color:var(--muted); font-variant-numeric:tabular-nums; white-space:nowrap; }
.giveaway-art { height:160px; display:grid; place-items:center; padding:8px 12px; min-height:0; overflow:hidden; }
.giveaway-art img { height:144px; width:100%; min-height:0; object-fit:contain; }
.giveaway-body { padding:0 22px 22px; }
.giveaway-value { display:flex; justify-content:space-between; align-items:baseline; gap:8px; }
.giveaway-value strong { font-size:22px; letter-spacing:-.02em; }
.giveaway-value span { color:var(--muted); font-size:12px; }
.giveaway-condition { margin:12px 0 9px; font-size:12px; color:var(--muted); min-height:38px; }
.giveaway progress { width:100%; height:4px; margin:0 0 14px; border:0; border-radius:3px; background:var(--surface-3); }
.giveaway progress::-webkit-progress-bar { background:var(--surface-3); border-radius:3px; }
.giveaway progress::-webkit-progress-value { background:var(--accent); border-radius:3px; }
.giveaway .btn { width:100%; }
.giveaway .btn:disabled,.reward-case-panel .btn:disabled { background:var(--surface-3); color:var(--muted); opacity:1; cursor:default; }
.personal-rewards { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr); gap:24px; margin:36px 0 46px; }
.rewards-page .personal-rewards { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); margin-top:24px; }
.reward-case-panel { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:10px; align-items:start; align-content:start; padding:26px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.daily-case-panel { grid-template-columns:minmax(0,1fr) 180px; background:#233249; border-color:#445d7e; }
.reward-case-copy { min-width:0; }.reward-case-copy h2 { margin:0 0 10px; }.reward-case-copy>p { font-size:12px; color:var(--muted); line-height:1.65; margin:8px 0 14px; }
.daily-case-panel .reward-case-copy>p { color:#c9d8ee; }
.reward-case-name { font-size:24px; font-weight:650; line-height:1.25; margin:22px 0 8px; overflow-wrap:anywhere; }
.reward-case-art { align-self:center; }.reward-case-art img { display:block; width:100%; height:190px; object-fit:contain; }
.reward-case-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 16px; margin-top:18px; }.reward-case-actions .subtle-link { font-size:12px; }
.free-week-track { grid-column:1/-1; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; margin-top:12px; }
.free-week-track a { min-width:0; border:1px solid transparent; border-radius:7px; color:#c9d8ee; padding:5px 1px; text-align:center; font-size:10px; }
.free-week-track img { width:100%; height:48px; object-fit:contain; display:block; }.free-week-track [aria-current=step] { border-color:var(--accent); background:#92bbff15; }.free-week-track a:hover { background:#92bbff15; }
.free-case-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.free-case-grid>.reward-empty { grid-column:1/-1; padding:0 0 10px; }
.free-case-owned { display:flex; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid var(--line); min-width:0; }.free-case-owned>img { width:90px; height:90px; object-fit:contain; }.free-case-owned>div { min-width:0; flex:1; }.free-case-owned h3 { font-size:15px; margin:0 0 4px; }.free-case-owned p { color:var(--muted); font-size:11px; margin:0 0 7px; }.free-case-owned span { font-size:12px; color:var(--accent); }.free-case-owned>svg { width:18px; flex:none; }
@media(max-width:1250px) { .rewards-page .personal-rewards { grid-template-columns:1fr; }.reward-case-panel,.daily-case-panel { grid-template-columns:minmax(0,1fr) 180px; }.free-week-track img { height:65px; }.free-case-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .reward-case-panel,.daily-case-panel { padding:20px; grid-template-columns:minmax(0,1fr) 100px; align-items:start; }.reward-case-art { margin-top:48px; }.reward-case-art img { height:125px; }.reward-case-copy>p { font-size:12px; }.reward-case-name { font-size:21px; }.free-week-track img { height:35px; }.free-week-track a { font-size:9px; }.free-case-grid { grid-template-columns:1fr; }.reward-case-actions { gap:12px; }.reward-case-actions .btn { padding:0 13px; }.reward-ledger-value { max-width:100px; text-align:right; } }
.weekly-reward { background:#233249; border:1px solid #445d7e; border-radius:14px; display:grid; grid-template-columns:minmax(135px,.85fr) minmax(0,1.3fr); align-items:center; overflow:hidden; }
.weekly-art img { width:100%; height:260px; object-fit:contain; padding:8px; }
.weekly-copy { padding:28px 26px 28px 8px; }
.weekly-copy h2 { margin:0 0 12px; }.weekly-copy p { color:#c9d8ee; font-size:13px; line-height:1.6; }
.weekly-value { font-size:34px; font-weight:650; margin:20px 0 6px; line-height:1.2; }
.weekly-value small { font-size:16px; font-weight:500; }
.weekly-copy #weekly-detail { min-height:42px; margin:0 0 18px; }
.weekly-copy .form-feedback:empty { display:none; }
.daily-panel { margin:0; }
.bonus-wallet { font-size:23px; font-weight:600; color:var(--gold); white-space:nowrap; }
.bonus-wallet span { font-variant-numeric:tabular-nums; }
.bonus-explanation { color:var(--muted); font-size:13px; margin:0 0 24px; }
.bonus-case-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.bonus-case { min-width:0; text-align:center; border-radius:8px; padding:12px 8px; }
.bonus-case:hover { background:var(--surface); }
.bonus-case img { width:100%; height:150px; object-fit:contain; }
.bonus-case h3 { min-height:2.6em; font-size:13px; margin:0; line-height:1.3; }
.bonus-case b { display:inline-block; border:1px solid var(--line-2); color:var(--gold); border-radius:5px; padding:5px 14px; font-size:13px; }
.reward-bottom { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:36px; padding-top:30px; border-top:1px solid var(--line); }
.reward-bottom select { max-width:175px; height:38px; padding:0 10px; font-size:12px; background:var(--surface); color:var(--text); border:1px solid var(--line); border-radius:6px; }
.reward-ledger-row { padding:14px 0; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; gap:16px; align-items:center; }
.reward-ledger-row>div { min-width:0; }.reward-ledger-row b { display:block; font-size:13px; font-weight:500; overflow-wrap:anywhere; }.reward-ledger-row small { display:block; color:var(--muted); margin-top:3px; font-size:12px; }
.reward-ledger-value { flex:none; font-size:13px; font-variant-numeric:tabular-nums; }.reward-ledger-value.is-credit { color:var(--green); }.reward-ledger-value.is-debit { color:var(--muted); }
.reward-empty { padding:26px 0; color:var(--muted); font-size:13px; max-width:55ch; }
.reward-winner { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); }.reward-winner img { width:65px; height:52px; object-fit:contain; }.reward-winner b { display:block; font-size:13px; }.reward-winner small { color:var(--muted); font-size:12px; }
.reward-rules { max-width:900px; margin-top:50px; }.reward-rules h2 { margin-bottom:22px; }.reward-rules details { border-bottom:1px solid var(--line); padding:0; }.reward-rules summary { cursor:pointer; padding:17px 0; font-weight:500; }.reward-rules p { max-width:73ch; color:var(--muted); line-height:1.7; margin:0 0 18px; font-size:13px; }
.rewards-referral { display:grid; grid-template-columns:1fr 1fr; gap:45px; padding:28px 0 0; border-top:1px solid var(--line); }.rewards-referral h2 { margin:0 0 12px; }.rewards-referral p { font-size:13px; color:var(--muted); max-width:55ch; }
#history-more { margin-top:18px; }
@media(max-width:1100px) { .giveaway-grid { gap:12px; }.giveaway-top,.giveaway-body { padding-left:15px; padding-right:15px; }.giveaway-value { display:block; }.giveaway-value span { display:block; }.weekly-reward { grid-template-columns:1fr; position:relative; }.weekly-art { position:absolute; right:-40px; top:10px; width:45%; opacity:.3; pointer-events:none; }.weekly-copy { position:relative; padding:26px; }.bonus-case-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.reward-bottom { gap:24px; }.reward-bottom .section-title { align-items:flex-start; flex-direction:column; gap:14px; } }
@media(max-width:760px) { .giveaway-grid { grid-template-columns:1fr; gap:16px; }.giveaway { display:grid; grid-template-columns:125px minmax(0,1fr); }.giveaway-top { grid-column:1/-1; padding:18px 18px 0; }.giveaway-art { height:150px; grid-column:1; align-self:center; }.giveaway-body { grid-column:2; padding:14px 18px 18px 0; }.giveaway-value strong { font-size:21px; }.giveaway-condition { min-height:0; }.personal-rewards { grid-template-columns:1fr; }.weekly-art { opacity:.5; width:45%; }.weekly-copy { padding-right:26px; }.weekly-copy>p { max-width:30ch; }.bonus-case-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.bonus-case img { height:145px; }.bonus-case:last-child { grid-column:1/-1; max-width:190px; justify-self:center; }.reward-bottom { grid-template-columns:1fr; gap:30px; }.reward-bottom .section-title { flex-direction:row; flex-wrap:wrap; align-items:center; }.rewards-referral { grid-template-columns:1fr; gap:18px; }.section-title { align-items:flex-start; gap:14px; }.bonus-wallet { font-size:19px; }.rewards-page .section-nav { flex-wrap:wrap; gap:10px 22px; }.rewards-page .section-title h2 { font-size:21px; }.reward-rules { margin-top:32px; } }