.home{padding-top:20px}.home .welcome{border-radius:20px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:24px;padding:36px 40px;display:grid;position:relative}.home .welcome h1{letter-spacing:-.03em;color:#fff;font-size:clamp(1.9rem,3.6vw,2.9rem)}.home .welcome p{color:#ffe4e1;max-width:46ch;margin:12px 0 24px}.home .welcome__search{color:#5b5b66;background:#fff;border:0;border-radius:14px;max-width:520px;height:56px;font-size:1.05rem;box-shadow:0 10px 30px -10px #5a000a80}.home .welcome__search:hover{color:#18181b;background:#fff}.home .welcome__search .keys{color:#5b5b66;background:#f1f1f4;border-color:#e4e4e7;border-radius:9px;gap:4px;height:32px;padding:0 10px}.home .welcome__search kbd{font-size:.92rem}.home .welcome__search kbd[data-mod]{font-size:1.05rem}.home .welcome__try{color:#c9c6ee;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;font-size:.85rem;display:flex}.home .welcome__try button{color:#fff;height:32px;font:550 .85rem var(--sans);cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:0 12px;transition:background-color .15s,border-color .15s}.home .welcome__try button:hover{background:#ffffff29;border-color:#ffffff52}.home .welcome__try button:focus-visible{outline-offset:2px;outline:2px solid #fff}.home .welcome__browse{border-radius:14px;justify-content:center;align-items:center;width:100%;max-width:520px;height:48px;margin-top:12px;font-size:1rem;display:flex}.home .welcome__fan{justify-content:center;align-items:center;padding-bottom:27px;display:flex;container-type:inline-size}.home .fan-card{width:min(180px,34cqi);transform:translateY(calc(var(--a) * 18px)) rotate(calc(var(--i) * 7deg));transform-origin:50% 120%;transition:transform .5s var(--ease-out);z-index:calc(2 - var(--a));animation:deal .8s var(--ease-out) both;animation-delay:calc(.1s + (var(--i) + 1) * .1s);margin:0 -4%}.home .fan-card:hover{transform:translateY(calc(var(--a) * 18px - 14px)) rotate(calc(var(--i) * 5deg));z-index:3}@keyframes deal{0%{opacity:0;translate:0 40px}}@media (width<=760px){.home .welcome{grid-template-columns:minmax(0,1fr);margin-top:16px;padding:26px 22px 28px}.home .welcome__fan{order:-1;margin:0 0 4px}.home .fan-card{width:min(130px,30cqi)}}.home .layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;margin-top:20px;display:grid}.home .main,.home .side{flex-direction:column;gap:20px;min-width:0;display:flex}.home .side .rank-list{padding:8px 0 10px}@media (width<=1040px){.home .layout{grid-template-columns:minmax(0,1fr)}}.home .head-note{font-size:.82rem}.home .sets{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px;margin:0;list-style:none;display:grid}@media (width<=700px){.home .sets{grid-template-columns:repeat(2,minmax(0,1fr))}}.home .sets a{flex-direction:column;gap:2px;height:100%;text-decoration:none;display:flex}.home .sets__tile{border-radius:var(--r);background:var(--bg-2);place-items:center;height:118px;margin-bottom:10px;display:grid}.home .sets__logo{place-items:center;font-weight:700;transition:transform .2s;display:grid}.home .sets__logo img{object-fit:contain;max-width:80%;max-height:70px}.home .sets a:hover .sets__logo{transform:translateY(-3px)}.home .sets a:hover .sets__name{text-decoration:underline}.home .sets__name{font-weight:650}.home .sets__meta{color:var(--muted);font-size:.8rem}.home .sets__top{color:var(--ink-2);margin-top:4px;font-size:.8rem}.home .sets__top strong{color:var(--ink)}.home .sky{--sky-top:#173a8a;--sky-mid:#2a6fc4;--sky-bottom:#4f8fd8;--sky-glow:#ffcb0561;--sky-ink:#fff;--sky-sub:#dce8ff;isolation:isolate;border:1px solid var(--border);text-align:center;border-radius:20px;margin-top:4px;padding:clamp(30px,4vw,44px) 20px 0;position:relative;overflow:hidden}:root[data-theme=dark] .home .sky{--sky-top:#0c1f4f;--sky-mid:#173f86;--sky-bottom:#24549e;--sky-glow:#ffcb053d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .home .sky{--sky-top:#0c1f4f;--sky-mid:#173f86;--sky-bottom:#24549e;--sky-glow:#ffcb053d}}.home .sky__bg,.home .sky__bg:after{z-index:-1;pointer-events:none;position:absolute;inset:0}.home .sky__bg{background:radial-gradient(60% 50% at 50% 62%, var(--sky-glow), transparent 70%), linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 58%, var(--sky-bottom) 100%)}.home .sky__bg:after{content:"";filter:blur(14px);opacity:.35;background:radial-gradient(18% 14% at 12% 30%,#ffffff8c,#0000 70%),radial-gradient(22% 12% at 26% 22%,#fff6,#0000 70%),radial-gradient(20% 13% at 82% 28%,#ffffff80,#0000 70%),radial-gradient(16% 10% at 70% 18%,#ffffff59,#0000 70%),radial-gradient(26% 12% at 50% 54%,#ffffff4d,#0000 70%);animation:48s ease-in-out infinite alternate sky-clouds;inset:-10% -20%}:root[data-theme=dark] .home .sky__bg:after{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .home .sky__bg:after{display:none}}@keyframes sky-clouds{to{transform:translate(5%)}}.home .sky__text{z-index:2;max-width:720px;margin:0 auto;position:relative}.home .sky h1{letter-spacing:-.035em;color:var(--sky-ink);font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.04}.home .sky__text>p:first-of-type{max-width:44ch;color:var(--sky-sub);margin:10px auto 20px;font-size:1.08rem}.home .sky__search{color:#5b5b66;background:#fff;border:1px solid #1c184614;border-radius:16px;max-width:560px;height:54px;margin:0 auto;font-size:1.05rem;box-shadow:0 12px 32px -14px #091e5073,0 2px 6px #1c18460f}.home .sky__search:hover{color:#18181b;background:#fff}.home .sky__try{max-width:560px;color:var(--sky-sub);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:12px auto 0;font-size:.85rem;display:flex}.home .sky__try button{white-space:nowrap;color:#1c1846;height:32px;font:550 .85rem var(--sans);cursor:pointer;background:#ffffffb3;border:1px solid #1c18461a;border-radius:999px;flex:none;padding:0 10px;transition:background-color .15s,border-color .15s}.home .sky__try button[hidden]{display:none}.home .sky__try button:hover{background:#fff;border-color:#1c184638}.home .sky__try button:focus-visible{outline:2px solid var(--sky-ink);outline-offset:2px}:root[data-theme=dark] .home .sky__try button{color:#fff;background:#ffffff1a;border-color:#ffffff2e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .home .sky__try button{color:#fff;background:#ffffff1a;border-color:#ffffff2e}}.home .sky__fan{justify-content:center;align-items:flex-start;height:calc(clamp(180px,20vw,230px) + 20px);margin:calc(clamp(22px,3vw,30px) - 20px) -21px 0;padding-top:20px;display:flex;mask-image:linear-gradient(#000 50%,#0000 100%);container-type:inline-size}.home .sky__card{--w:clamp(110px, 13vw, 170px);width:calc(var(--w) * (1 - var(--a) * .1));margin:0 calc(var(--w) * -.1);translate:0 calc(var(--a) * var(--a) * 10px + var(--a) * 14px);rotate:calc(var(--i) * 6deg);z-index:calc(10 - var(--a));transition:translate .25s var(--ease-out);flex:none}.home .sky__card:hover{translate:0 calc(var(--a) * var(--a) * 10px + var(--a) * 14px - 10px)}@media (width<=640px){.home .sky__card:first-child,.home .sky__card:last-child{display:none}.home .sky__card{--w:min(170px, 34cqi)}}@media (prefers-reduced-motion:reduce){.home .sky__bg:after{animation:none}.home .sky__card,.home .sky__card:hover{transition:none}}@media (width>=900px){.home .sky{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:16px;padding:36px 40px;display:grid}.home .sky__bg{background:radial-gradient(45% 70% at 76% 55%, var(--sky-glow), transparent 70%), linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 58%, var(--sky-bottom) 100%)}.home .sky__text{max-width:540px;margin:0}.home .sky__text>p:first-of-type{margin:12px 0 22px}.home .sky__search{margin:0}.home .sky__try{justify-content:flex-start;margin:12px 0 0}.home .sky__fan{align-items:center;height:auto;margin:0;padding:0 0 54px;mask-image:none}.home .sky__card{--w:min(185px, 28.5cqi);filter:drop-shadow(0 16px 24px #28145033)}}.home>.panel,.home>.pulse{margin-top:20px}.home .pulse{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}@media (width<=900px){.home .pulse{grid-template-columns:repeat(2,minmax(0,1fr))}}.home .pulse__tile{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);color:inherit;flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;transition:border-color .15s;display:flex}.home .pulse__tile:hover{border-color:color-mix(in srgb, var(--ink) 22%, var(--border))}.home .pulse__label{color:var(--muted);font-size:.8rem}.home .pulse__tile strong{letter-spacing:-.03em;font-size:1.6rem;font-weight:700;line-height:1.2}.home .pulse__note{color:var(--muted);font-size:.78rem}.home .pulse__chg{border:1px solid;border-radius:6px;align-self:flex-start;padding:1px 7px;font-size:.78rem;font-weight:650}.home .pulse__chg span{font-weight:400}.home .pulse__chg.up{color:var(--up);border-color:color-mix(in srgb, var(--up) 22%, transparent);background:color-mix(in srgb, var(--up) 9%, transparent)}.home .pulse__chg.down{color:var(--red);border-color:color-mix(in srgb, var(--red) 22%, transparent);background:color-mix(in srgb, var(--red) 8%, transparent)}@media (width>=1100px){.home>.panel .sets{grid-template-columns:repeat(6,minmax(0,1fr))}}.home .feed__tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;padding:0 14px;display:flex;overflow-x:auto}.home .feed__tabs label{color:var(--ink-2);white-space:nowrap;cursor:pointer;padding:11px 8px 12px;font-size:.9rem;font-weight:550;position:relative}.home .feed__tabs label:hover{color:var(--ink)}.home .feed__tabs label:has(:checked){color:var(--ink);font-weight:650}.home .feed__tabs label:has(:checked):after{content:"";background:var(--accent-2);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:6px;right:6px}.home .feed__tabs label:has(:focus-visible){outline:2px solid var(--ring);border-radius:6px}.home .feed__tabs input{opacity:0;pointer-events:none;position:absolute}.home .feed .panel__body{padding-top:20px}.home .feed__more{text-align:center;color:var(--muted);margin:28px 0 8px;font-size:.85rem}.home .feed__end{border:1px solid var(--border);background:var(--surface);width:fit-content;box-shadow:var(--shadow-sm);color:var(--ink);border-radius:10px;margin:28px auto 8px;padding:9px 16px;font-size:.9rem;font-weight:600;text-decoration:none;display:block}.home .feed__end[hidden]{display:none}.home .feed__games{background:var(--bg-2);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.home .feed__games label{color:var(--muted);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:.82rem;font-weight:600;position:relative}.home .feed__games label:has(:checked){background:var(--surface);box-shadow:0 1px 2px #18181b1a, 0 0 0 1px var(--border);color:var(--ink)}.home .feed__games label:has(:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.home .feed__games input{opacity:0;pointer-events:none;position:absolute}.home .feed__tabs label[hidden]{display:none}.home .tile__product{aspect-ratio:600/825;box-shadow:0 0 0 1px var(--border);background:#fff;border-radius:10px;place-items:center;padding:12px;display:grid}.home .tile__product img{object-fit:contain;width:100%;height:100%}@media (width<=700px){.home>.panel .sets{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:46%;grid-auto-flow:column;overflow-x:auto}.home>.panel .sets li{scroll-snap-align:start}}@media (width<=500px){.home .feed .head-note{display:none}}