:root { --rc-bg:#07111d; --rc-panel:#0d1c2d; --rc-panel-2:#11263a; --rc-line:#29425b; --rc-text:#f5f7fb; --rc-muted:#98b7d7; --rc-gold:#f4c64f; --rc-green:#34e6a1; --rc-red:#ff6f87; --rc-cyan:#57dff2; }
html.reward-change-access-check body { visibility:hidden; }
.reward-change-page { min-height:calc(100vh - 70px); padding:28px; color:var(--rc-text); background:radial-gradient(circle at 90% 0,rgba(87,223,242,.09),transparent 32%),var(--rc-bg); }
.reward-change-hero { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:24px; max-width:1240px; margin:0 auto 16px; padding:28px; border:1px solid var(--rc-line); border-radius:18px; background:linear-gradient(135deg,rgba(87,223,242,.08),rgba(13,28,45,.98) 55%); }
.reward-change-hero span,.reward-change-hero small,.reward-change-panel header span,.reward-change-picker span { color:var(--rc-cyan); font:900 .65rem/1.2 ui-monospace,monospace; letter-spacing:.13em; }
.reward-change-hero h1 { margin:8px 0; font-size:clamp(2rem,4vw,3.5rem); line-height:1; letter-spacing:-.045em; }
.reward-change-hero p,.reward-change-panel header small { margin:0; color:var(--rc-muted); line-height:1.55; }
.reward-change-hero aside { padding:18px; border:1px solid rgba(244,198,79,.35); border-radius:13px; background:rgba(5,13,23,.72); }
.reward-change-hero aside strong { display:block; margin:8px 0; color:var(--rc-gold); }
.reward-change-status { min-height:20px; max-width:1240px; margin:0 auto 12px; color:var(--rc-muted); }
.reward-change-status.is-error { color:var(--rc-red); }.reward-change-status.is-ready { color:var(--rc-green); }
.reward-change-gate,.reward-change-picker,.reward-change-summary,.reward-change-metrics,.reward-change-panel,.reward-change-note { max-width:1240px; margin:0 auto 14px; }
.reward-change-gate { padding:24px; border:1px solid rgba(255,111,135,.45); border-radius:15px; background:rgba(255,111,135,.06); }
.reward-change-gate p { color:var(--rc-muted); }.reward-change-gate div { display:flex; gap:10px; }
.reward-change-gate button,.reward-change-gate a,.reward-change-picker button { min-height:42px; padding:0 16px; border:1px solid var(--rc-gold); border-radius:9px; color:#08111b; font-weight:900; background:var(--rc-gold); cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.reward-change-picker { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto; gap:12px; align-items:end; padding:18px; border:1px solid var(--rc-line); border-radius:14px; background:var(--rc-panel); }
.reward-change-picker label { display:grid; gap:7px; }.reward-change-picker select { min-height:44px; padding:0 12px; border:1px solid #385876; border-radius:9px; color:var(--rc-text); background:#071321; }
.reward-change-picker > div { align-self:center; color:var(--rc-gold); font-size:1.5rem; }
.reward-change-summary { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:center; padding:24px; border:1px solid var(--rc-line); border-radius:16px; background:linear-gradient(135deg,var(--rc-panel-2),var(--rc-panel)); }
.reward-change-summary h2 { margin:5px 0; font-size:1.55rem; }.reward-change-summary p { margin:0; color:var(--rc-muted); }.reward-change-summary > strong { font-size:clamp(1.9rem,4vw,3rem); color:var(--rc-gold); }
.reward-change-summary[data-reward-change-tone="positive"] > strong { color:var(--rc-green); }.reward-change-summary[data-reward-change-tone="negative"] > strong { color:var(--rc-red); }
.reward-change-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.reward-change-metrics article { padding:16px; border:1px solid var(--rc-line); border-radius:12px; background:var(--rc-panel); }.reward-change-metrics span,.reward-change-metrics strong,.reward-change-metrics small { display:block; }.reward-change-metrics span { color:var(--rc-muted); font-size:.72rem; }.reward-change-metrics strong { margin:8px 0 4px; font-size:1.15rem; }.reward-change-metrics small { color:var(--rc-muted); }
.reward-change-panel { padding:20px; border:1px solid var(--rc-line); border-radius:15px; background:var(--rc-panel); }.reward-change-panel header { display:flex; justify-content:space-between; gap:20px; align-items:end; margin-bottom:14px; }.reward-change-panel h2 { margin:5px 0 0; }
.reward-change-factors { display:grid; gap:9px; }.reward-factor { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(220px,1.5fr) auto; gap:16px; align-items:center; padding:14px; border:1px solid #263f59; border-radius:11px; background:#091727; }.reward-factor h3,.reward-factor p { margin:0; }.reward-factor p { color:var(--rc-muted); font-size:.78rem; }.reward-factor strong { text-align:right; color:var(--rc-gold); }.reward-factor.is-positive strong { color:var(--rc-green); }.reward-factor.is-negative strong { color:var(--rc-red); }.reward-factor.is-missing { opacity:.72; }
.reward-context-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }.reward-context-grid article { padding:14px; border:1px solid #263f59; border-radius:10px; background:#091727; }.reward-context-grid span,.reward-context-grid strong,.reward-context-grid small { display:block; }.reward-context-grid span { color:var(--rc-muted); font-size:.7rem; }.reward-context-grid strong { margin:7px 0; }.reward-context-grid small { color:var(--rc-cyan); }
.reward-change-note { padding:15px 18px; border-left:3px solid var(--rc-cyan); color:var(--rc-muted); background:rgba(87,223,242,.06); }.reward-change-note strong { color:var(--rc-text); }.reward-change-note p { margin:5px 0 0; line-height:1.5; }
@media (max-width:900px){.reward-change-hero{grid-template-columns:1fr}.reward-change-picker{grid-template-columns:1fr}.reward-change-picker>div{display:none}.reward-change-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.reward-change-page{padding:14px}.reward-change-hero,.reward-change-summary{padding:18px}.reward-change-summary{grid-template-columns:1fr}.reward-change-metrics,.reward-context-grid{grid-template-columns:1fr}.reward-factor{grid-template-columns:1fr}.reward-factor strong{text-align:left}.reward-change-panel header{display:block}}