:root{--bg:#202733;--panel:#252e3b;--panel-2:#2b3442;--muted:#8fa0b3;--accent:#ff7a45;--radius:14px}.upgrade-wrap{display:grid;gap:1rem}.upgrade-shell{display:grid;grid-template-columns:280px 1fr;gap:1rem;background:linear-gradient(180deg,rgba(37,46,59,.9),rgba(32,39,51,.9));border-radius:var(--radius);padding:14px;box-shadow:0 10px 30px rgba(0,0,0,.25)}@media (max-width:980px){.upgrade-shell{grid-template-columns:1fr}}.scrolls{display:flex;flex-direction:column;gap:8px}.scroll-item{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;background:linear-gradient(180deg,var(--panel),var(--panel-2));border-radius:12px;padding:8px;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;border:1px solid rgba(255,255,255,.04)}.scroll-item:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.25)}.scroll-item.active{outline:2px solid rgba(255,122,69,.45);box-shadow:0 0 0 4px rgba(255,122,69,.12) inset}.scroll-icon{width:32px;height:32px;background-size:46px;border-radius:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 3px 10px rgba(0,0,0,.4)}.scroll-title{font-size:14px;line-height:1.2;color:#e6edf6}.scroll-sub{font-size:12px;color:var(--muted);margin-top:4px}.panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.04)}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:6px 4px 12px 4px;border-bottom:1px dashed rgba(255,255,255,.08);margin-bottom:12px}.ph-title{font-weight:700;color:#eef3fb;font-size:18px;letter-spacing:.2px}.ph-meta{color:var(--muted);font-size:12px}.grid{display:grid;gap:3px;padding:0 .7rem}.row{display:grid;grid-template-columns:182px 1fr 120px 140px;gap:10px;align-items:center;background:#222a35;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:12px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:60px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.ok{background:rgba(34,197,94,.12);color:#c9f7d8;border:1px solid rgba(34,197,94,.35)}.badge.mid{background:rgba(255,122,69,.12);color:#ffd7c8;border:1px solid rgba(255,122,69,.35)}.coin{display:flex;align-items:center;gap:8px;color:#e9eef7;font-variant-numeric:tabular-nums}.coin i{opacity:.7}.step{display:flex;align-items:center;gap:10px;color:#e9eef7}.step i{opacity:.7}.step .arrow{width:24px;height:24px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(255,255,255,.06);font-size:12px;color:#fff;border:1px solid rgba(255,255,255,.08)}.x-cloak,[x-cloak]{display:none!important}@media (max-width:720px){.grid{display:flex;flex-wrap:wrap;gap:.5rem;padding:0}.row{display:flex;align-items:center;justify-content:center;width:calc((100% - 1rem)/ 2);margin:0;padding:6px;text-align:center}.step{justify-content:center}}