#home-tab{--hub-gap: 16px;--hub-radius: 16px;--hub-display: "Lilita One", "Segoe UI", sans-serif}#home-tab [data-icon]{display:inline-grid;place-items:center;flex:none;line-height:1;user-select:none}#home-tab [data-icon] img{width:100%;height:100%;object-fit:contain;display:block}#home-tab .hub-greeting h1,#home-tab .hero-title,#home-tab .hub-card-title,#home-tab .featured-text h2,#home-tab .home-daily-title,#home-tab .home-sets-title,#home-tab .hf-title,#home-tab .tile-name{font-family:var(--hub-display);font-weight:400;letter-spacing:0.2px}#home-tab .hub-greeting{display:flex;align-items:center;gap:16px;margin:6px 0 var(--hub-gap)}#home-tab .hub-greeting-text{flex:1 1 auto;min-width:0}#home-tab .hub-avatar{flex-shrink:0;width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--surface-2);border:3px solid var(--gold)}#home-tab .hub-avatar[hidden]{display:none}#home-tab .hub-greeting h1{margin:0;color:var(--text);font-size:2.1rem;line-height:1.1}#home-tab .hub-greeting h1 .accent{color:var(--danger-text);font:inherit}.hub-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hub-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font:inherit;font-size:0.88rem;font-weight:600;white-space:nowrap}.hub-chip b{color:var(--text);font-variant-numeric:tabular-nums}.hub-chip-pack{cursor:pointer;transition:border-color 0.15s}.hub-chip-pack:hover{border-color:var(--text-soft)}.hub-chip-next{margin-left:8px;padding-left:8px;border-left:1px solid var(--border);font-variant-numeric:tabular-nums}#home-tab .hub-chip-icon{width:1.15em;height:1.15em}.hub-chip-pack.is-ready{background:#3bb54a;border-color:#3bb54a;color:#fff}.hub-chip-pack.is-ready .hub-chip-next{border-left-color:rgba(255,255,255,0.5)}#home-tab .hub-row{display:flex;gap:var(--hub-gap);align-items:stretch;margin:0 0 var(--hub-gap)}#home-tab .hub-row>*,#home-tab .hub-stack>*{margin:0}#home-tab .hub-row-status>.home-chests{flex:1.9 1 0;min-width:0}#home-tab .hub-stack{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--hub-gap)}#home-tab .hub-stack>*{flex:1 1 auto}#home-tab .hub-row-week>.featured-tile{flex:2 1 0;min-width:0}#home-tab .hub-row-week>.home-friends{flex:1 1 0;min-width:0}#home-tab .hub-panel,#home-tab .home-daily,#home-tab .home-sets,#home-tab .home-friends,#home-tab .tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--hub-radius);box-shadow:none;color:var(--text)}#home-tab .home-daily,#home-tab .home-sets,#home-tab .featured-tile,#home-tab .tile{cursor:pointer;transition:border-color 0.15s,transform 0.15s}#home-tab .home-daily:hover,#home-tab .home-sets:hover,#home-tab .featured-tile:hover,#home-tab .tile:hover{border-color:var(--text-soft);box-shadow:none;transform:translateY(-2px)}#home-tab .home-daily:focus-visible,#home-tab .home-sets:focus-visible,#home-tab .hub-card:focus-visible,#home-tab .featured-tile:focus-visible,#home-tab .tile:focus-visible,#home-tab .hero-tile:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#home-tab .hub-card-icon{width:1.6em;height:1.6em;color:var(--brand-text)}#home-tab .hub-title-icon{width:1.1em;height:1.1em;margin-right:6px;vertical-align:-0.15em}#home-tab .hub-row-main>.hero-combat{flex:1 1 0;min-width:0}#home-tab .hub-row-main>.hub-story{flex:1.35 1 0;min-width:0}#home-tab .hub-row-main>*{min-height:270px}#home-tab .hero-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:28px 28px 26px;border:none;border-radius:var(--hub-radius);color:#fff;text-align:left;cursor:pointer}#home-tab .hero-combat{background:linear-gradient(transparent 78%,rgba(0,0,0,0.18) 78%),#a81e1e}#home-tab .hero-top{position:relative;z-index:1;max-width:56%}#home-tab .hero-title{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:2.6rem;line-height:1}#home-tab .hero-desc{font-size:1rem;line-height:1.4;opacity:0.92}#home-tab .hero-badge{padding:3px 8px;border-radius:6px;background:var(--gold);color:#6b1010;font-size:0.62rem;font-weight:800;letter-spacing:0.5px;text-transform:uppercase}#home-tab .hero-combat .hero-cta{position:relative;z-index:1;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:18px;padding:11px 22px;border-radius:10px;background:var(--gold);color:#3a2500;font-size:1rem;font-weight:900}#home-tab .hero-combat [data-combat-stage]{position:absolute;z-index:0;top:0;right:0;bottom:0;width:46%;min-height:0;margin:0}#home-tab .hero-combat [data-combat-stage] .cb-stage-fig{bottom:6px;height:96%}#home-tab .hero-combat:hover .cb-stage-fig{transform:translateY(-3px)}#home-tab .hero-combat .rating-home{margin-top:14px}#home-tab .hero-combat .rating-home .rating-body{gap:6px;width:min(260px,100%)}#home-tab .hero-combat .rating-home .rating-head{display:flex;align-items:baseline;gap:10px}#home-tab .hero-combat .rating-home .rating-num{font-family:var(--hub-display);font-size:2rem;font-weight:400}#home-tab .hero-combat .rating-home .rating-bar{height:8px;border-radius:99px;background:rgba(0,0,0,0.28);overflow:hidden}#home-tab .hero-combat .rating-home .rating-bar i{display:block;height:100%;border-radius:inherit;background:var(--gold)}#home-tab .hero-combat .rating-home .rating-sub{font-size:0.82rem;opacity:0.9}#home-tab .hub-story .hero-eyebrow{color:var(--gold);font-size:0.85rem;font-weight:800}#home-tab .hub-row-main .hub-story .hs-title{font-size:2.3rem}#home-tab .hub-row-main .hub-story .hs-body{padding:28px 28px 26px}#home-tab .hub-panel{display:flex;flex-direction:column;padding:18px 20px 20px}#home-tab .home-chests .hc-title{font-family:var(--hub-display);font-weight:400;font-size:1.3rem}#home-tab .home-daily,#home-tab .home-sets{flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:12px;padding:18px 20px}#home-tab .home-daily-body,#home-tab .home-sets-body{width:100%;gap:8px}#home-tab .home-daily-title,#home-tab .home-sets-title{color:var(--text);font-size:1.3rem}#home-tab .hd-items{flex-direction:column;gap:6px}#home-tab .home-daily-cta,#home-tab .home-sets-cta{width:auto;padding:6px 14px;border-radius:8px;background:var(--brand);font-size:0.85rem}#home-tab .home-daily.ready,#home-tab .home-sets.ready{border-color:#4caf50;background:var(--surface-ok)}#home-tab .hub-hero-2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hub-gap);margin:0 0 var(--hub-gap)}#home-tab .hub-card{position:relative;overflow:hidden;display:flex;min-height:168px;padding:20px 22px;border:none;border-radius:var(--hub-radius);color:#fff;font:inherit;text-align:left;cursor:pointer}#home-tab .hub-card-collection{background:#1a2a6c}#home-tab .hub-card-market{background:#13683a}#home-tab .hub-card-profile{background:#5a2386}#home-tab .hub-card-text{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:58%}#home-tab .hub-card-title{font-size:1.7rem;line-height:1.05}#home-tab .hub-card-desc{flex:1;font-size:0.9rem;line-height:1.4;opacity:0.88}#home-tab .hub-card-cta{margin-top:8px;padding:6px 14px;border-radius:8px;background:#fff;color:#1d1d1d;font-size:0.85rem;font-weight:800}#home-tab .hub-card-collection .hub-card-cta{color:#1a2a6c}#home-tab .hub-card-market .hub-card-cta{color:#13683a}#home-tab .hub-card-profile .hub-card-cta{color:#5a2386}#home-tab .hub-card-art{position:absolute;right:0;top:0;bottom:0;width:44%;pointer-events:none}#home-tab .hub-card-collection{background:radial-gradient(circle at 75% 40%,#2a3a9c 0,#1a2a6c 45%,#0e1640 100%)}#home-tab .hub-card-collection .hub-card-text{max-width:52%}#home-tab .hub-coll-wall{position:absolute;left:20%;right:-40%;top:-40px;bottom:-40px;display:grid;align-content:center;gap:10px;transform:rotate(-9deg);pointer-events:none}#home-tab .hub-coll-track{display:flex;gap:10px;width:max-content;animation:hub-coll-slide 40s linear infinite}#home-tab .hub-coll-track.rev{animation-direction:reverse;animation-duration:46s}@keyframes hub-coll-slide{to{transform:translateX(-50%)}}#home-tab .hub-coll-c{--r: #8a8a8a;display:block;flex:none;width:62px;overflow:hidden;border:3px solid var(--r);border-radius:7px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,0.4)}#home-tab .hub-coll-c.rarity-uncommon{--r: #2e9e5b}#home-tab .hub-coll-c.rarity-rare{--r: #2f74c9}#home-tab .hub-coll-c.rarity-epic{--r: #8e3fd0}#home-tab .hub-coll-c.rarity-legendary{--r: #e0a92a}#home-tab .hub-coll-c.rarity-special{--r: #c40000}#home-tab .hub-coll-c img{display:block;width:100%;aspect-ratio:5 / 6;object-fit:cover}#home-tab .hub-coll-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,48,0.97) 0,rgba(10,16,48,0.88) 36%,rgba(10,16,48,0.15) 72%);pointer-events:none}#home-tab .hub-coll-count{font-size:0.95rem;opacity:0.9}#home-tab .hub-coll-count b{color:var(--gold);font-family:var(--hub-display);font-size:2.3rem;font-weight:400;line-height:1;text-shadow:0 3px 0 rgba(0,0,0,0.35)}#home-tab .hub-coll-count[hidden],#home-tab .hub-card-desc[hidden]{display:none}#home-tab .hub-card-market[data-taste=sweet]{--taste-deep: #c2185b}#home-tab .hub-card-market[data-taste=salty]{--taste-deep: #1f6fb0}#home-tab .hub-card-market[data-taste=sour]{--taste-deep: #66800f}#home-tab .hub-card-market[data-taste=bitter]{--taste-deep: #5a3482}#home-tab .hub-card-market[data-taste=umami]{--taste-deep: #a63f00}#home-tab .hub-card-market.has-taste{background:repeating-linear-gradient(-45deg,transparent 0 18px,rgba(255,255,255,0.08) 18px 36px),var(--taste-deep)}#home-tab .hub-card-market.has-taste .hub-card-cta{color:var(--taste-deep)}#home-tab .hub-market-taste{display:flex;flex-direction:column;flex:1;font-size:0.88rem}#home-tab .hub-market-taste[hidden]{display:none}#home-tab .hub-market-eyebrow{font-size:0.72rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;opacity:0.85}#home-tab .hub-market-name{margin:2px 0 4px;font-family:var(--hub-display);font-size:1.9rem;font-weight:400;line-height:1}#home-tab .hub-market-pack{position:absolute;right:-26px;bottom:-64px;width:190px;rotate:14deg;filter:drop-shadow(-6px 10px 14px rgba(0,0,0,0.35));pointer-events:none;transition:transform 0.3s ease}#home-tab .hub-card-market:hover .hub-market-pack{transform:translate(-6px,-12px) rotate(-4deg)}#home-tab .hub-market-free{position:absolute;z-index:2;top:12px;right:12px;padding:4px 10px;border-radius:8px;background:var(--gold);color:#3a2500;font-size:0.75rem;font-weight:900}#home-tab .hub-market-free[hidden]{display:none}#home-tab .hub-card-avatar{position:absolute;right:-14px;bottom:-18px;width:132px;height:132px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,0.12);border:4px solid var(--gold);transition:transform 0.3s ease}#home-tab .hub-card-profile:hover .hub-card-avatar{transform:translate(-4px,-4px)}#home-tab .featured-tile{overflow:hidden;border:2px solid var(--gold);border-radius:var(--hub-radius);background:var(--surface-warn);box-shadow:none}#home-tab .featured-tile:hover{border-color:var(--gold-deep)}#home-tab .featured-inner{display:flex;align-items:center;gap:24px;height:100%;padding:18px 24px}#home-tab .featured-card{flex-shrink:0;display:grid;place-items:center;width:100px;aspect-ratio:5 / 6;border-radius:10px;background-color:var(--surface);border:3px solid #fff;box-shadow:0 6px 14px rgba(0,0,0,0.25);color:var(--gold);font-size:2rem;font-weight:900;transform:rotate(-4deg);transition:transform 0.3s ease}#home-tab .featured-tile:hover .featured-card{transform:rotate(-1deg) translateY(-3px)}#home-tab .featured-card.has-art{background-color:var(--brand);background-size:cover;background-position:center;font-size:0}#home-tab .featured-text{flex-grow:1;min-width:0}#home-tab .featured-text h2{margin:0 0 4px;color:var(--warn-text);font-size:1.6rem}#home-tab .featured-text p{margin:0;color:var(--text-muted);font-size:0.92rem;max-width:52ch}#home-tab .featured-countdown{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:0.85rem;font-weight:600}#home-tab .featured-countdown b{color:var(--text);font-variant-numeric:tabular-nums}#home-tab .home-friends{padding:18px 20px}#home-tab .hf-head{margin-bottom:10px}#home-tab .hf-title{display:flex;align-items:center;margin:0;color:var(--text);font-size:1.3rem}#home-tab .hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}#home-tab .tile{position:relative;display:block;padding:16px 16px 18px;text-align:left;text-decoration:none}#home-tab .tile:hover,#home-tab .tile:visited{text-decoration:none}#home-tab .tile-icon{width:40px;height:40px;margin-bottom:10px;border-radius:50%;background:var(--brand);color:var(--gold);font-size:1.15rem}#home-tab .tile-icon.has-img{background:none}#home-tab .tile-name{margin-bottom:4px;color:var(--text);font-size:1.2rem}#home-tab .tile-desc{color:var(--text-muted);font-size:0.84rem;line-height:1.4}@media (min-width: 1001px){#home-tab .hub-grid{grid-template-columns:repeat(5,minmax(0,1fr))}#home-tab .hub-grid:has(>:nth-child(6)){grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width: 1000px){#home-tab .hub-hero-2{grid-template-columns:1fr}#home-tab .hub-card{min-height:130px}#home-tab .hub-card-text{max-width:62%}}@media (max-width: 860px){#home-tab .hub-row{flex-direction:column}#home-tab .hub-row.hub-row>*,#home-tab .hub-stack>*{flex:0 0 auto}#home-tab .hub-row-main>.hero-combat{min-height:240px}#home-tab .hub-row-main>.hub-story{min-height:250px}}@media (max-width: 640px){#home-tab{--hub-gap: 12px;--hub-radius: 14px}#home-tab .hub-greeting h1{font-size:1.6rem}#home-tab .hub-avatar{width:56px;height:56px;border-width:2px}.hub-chip-next{display:block;margin:1px 0 0;padding:0;border:0;font-size:0.85em}#home-tab .hero-tile,#home-tab .hub-row-main .hub-story .hs-body{padding:22px 20px}#home-tab .hero-title,#home-tab .hub-row-main .hub-story .hs-title{font-size:2rem}#home-tab .hero-top{max-width:54%}#home-tab .hero-desc{font-size:0.92rem}#home-tab .hero-combat [data-combat-stage]{width:46%;right:-12px}#home-tab .hero-combat .rating-home .rating-sub{display:none}#home-tab .hub-card{padding:18px}#home-tab .hub-card-title{font-size:1.5rem}#home-tab .hub-card-art{width:40%}#home-tab .hub-market-pack{width:160px;right:-22px;bottom:-54px}#home-tab .hub-card-avatar{width:108px;height:108px}#home-tab .hub-panel{padding:14px 14px 16px}#home-tab .featured-inner{padding:16px;gap:18px}#home-tab .featured-card{width:80px}#home-tab .featured-text h2{font-size:1.35rem}#home-tab .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#home-tab .hub-grid>:last-child:nth-child(odd){grid-column:1 / -1}#home-tab .tile{padding:14px}}@media (max-width: 480px){#home-tab .home-daily,#home-tab .home-sets{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){#home-tab .hub-coll-track{animation:none}#home-tab .hub-market-pack,#home-tab .hub-card-avatar,#home-tab .featured-card,#home-tab .home-daily,#home-tab .home-sets,#home-tab .tile{transition:none}}
