#home-tab .home-chests.hub-panel{position:relative;overflow:hidden;gap:18px;padding:20px 22px 22px;background:linear-gradient(180deg,#22347f 0%,#16204f 100%);border:1px solid rgba(255,255,255,0.08);color:#fff}#home-tab .home-chests .hc-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}#home-tab .home-chests .hc-title{white-space:nowrap;display:flex;align-items:center;margin:0;color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:normal;text-transform:none}#home-tab .home-chests .hc-sub{margin:3px 0 0;font-size:0.82rem;color:#c3cbe8}#home-tab .hc-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}#home-tab .hc-chip{padding:3px 10px;border-radius:999px;background:rgba(255,255,255,0.12);color:#e6eaf8;font-size:0.75rem;font-weight:800;white-space:nowrap}#home-tab .hc-chip-ready{background:var(--gold);color:#1a2a6c}#home-tab .hc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:auto 0}#home-tab .chest-slot{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}#home-tab .chest-stage{position:relative;width:100%;height:128px;display:flex;align-items:flex-end;justify-content:center}#home-tab .chest-glow{position:absolute;left:50%;bottom:0;width:78%;height:26px;transform:translateX(-50%);border-radius:50%;background:var(--chest-color);filter:blur(6px);opacity:0.75}#home-tab .chest-plinth{position:absolute;left:50%;bottom:4px;width:66%;height:14px;transform:translateX(-50%);border-radius:50%;background:rgba(255,255,255,0.14);box-shadow:inset 0 -3px 0 rgba(0,0,0,0.25)}#home-tab .chest-art{position:relative;width:118px;height:118px;max-width:92%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,0.45));transition:transform 0.18s ease;pointer-events:none}#home-tab .chest-art-emoji{display:flex;align-items:center;justify-content:center;font-size:5rem;line-height:1}#home-tab .chest-name{font-size:0.9rem;font-weight:800}#home-tab .chest-state{font-size:0.78rem;color:#c3cbe8;font-variant-numeric:tabular-nums}#home-tab .chest-progress{display:block;width:80%;height:6px;border-radius:3px;background:rgba(255,255,255,0.15);overflow:hidden}#home-tab .chest-progress>span{display:block;height:100%;background:var(--gold);transition:width 1s linear}#home-tab .chest-btn{min-height:36px;min-width:96px;padding:0 16px;border:none;border-radius:10px;font:inherit;font-size:0.82rem;font-weight:800;cursor:pointer;transition:transform 0.15s ease,background 0.15s ease}#home-tab .chest-btn:hover{transform:translateY(-2px)}#home-tab .chest-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#home-tab .chest-btn-open{background:var(--gold);color:#1a2a6c}#home-tab .chest-btn-unlock{background:rgba(255,255,255,0.14);color:#fff;border:1.5px solid rgba(255,255,255,0.3)}#home-tab .chest-btn-unlock:hover{background:rgba(255,255,255,0.22)}#home-tab .chest-slot.is-ready .chest-art,#home-tab .chest-slot.is-locked:hover .chest-art{transform:translateY(-4px)}#home-tab .chest-empty-ring{width:92px;height:92px;margin-bottom:14px;border:2px dashed rgba(255,255,255,0.28);border-radius:50%;display:flex;align-items:center;justify-content:center}#home-tab .chest-empty-ring::before{content:"+";color:rgba(255,255,255,0.45);font-size:2rem;font-weight:300;line-height:1}#home-tab .chest-slot.empty .chest-name{color:#aab4d8}#home-tab .hc-grid.is-busy .chest-btn{cursor:progress;opacity:0.7}@media (max-width: 760px){#home-tab .home-chests.hub-panel{padding:16px;gap:14px}#home-tab .hc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}#home-tab .chest-stage{height:96px}#home-tab .chest-art{width:88px;height:88px}#home-tab .chest-art-emoji{font-size:3.8rem}#home-tab .chest-empty-ring{width:70px;height:70px;margin-bottom:12px}#home-tab .chest-btn{min-height:44px}}@media (max-width: 420px){#home-tab .home-chests .hc-sub{display:none}#home-tab .chest-state{font-size:0.72rem}}@media (prefers-reduced-motion: reduce){#home-tab .chest-btn-open{animation:none}#home-tab .chest-btn,#home-tab .chest-art,#home-tab .chest-progress>span{transition:none}}
