.packs{background:0 0;min-width:0;scroll-margin-top:72px;position:relative}.packs__head{justify-content:space-between;align-items:flex-end;gap:var(--sp-3) var(--sp-5);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.packs__head>*{min-width:0}.packs__filters{max-width:100%}.packs-panel:focus-visible,.packs-panel button:focus-visible,.packs-panel a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.packs__layout{gap:var(--sp-5);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:1024px){.packs[data-open=true] .packs__layout{grid-template-columns:minmax(0,1fr) 380px}}.packs__groups{gap:var(--sp-6,40px);flex-direction:column;min-width:0;display:flex}.packs__group-title{margin:0 0 var(--sp-3);color:var(--color-muted);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.packs__grid{--tile-pw:124px;--cols:2;--gap-x:var(--sp-3);justify-content:center;gap:var(--sp-4) var(--gap-x);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}@media (min-width:768px){.packs__grid{--tile-pw:152px;--cols:3;--gap-x:var(--sp-4);row-gap:var(--sp-5)}}@media (min-width:1100px){.packs[data-open=false] .packs__grid{--tile-pw:180px;--cols:4}}.packs__grid>li{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap-x)) / var(--cols) + 12px - .1px);content-visibility:auto;contain-intrinsic-block-size:auto 380px;min-width:0;margin:-6px;padding:6px}.packs__groups[data-enter=a] .packs__grid>li,.packs__groups[data-enter=b] .packs__grid>li{animation:packs-enter-a var(--dur-base,.24s) var(--ease-out,cubic-bezier(.22, 1, .36, 1)) both;animation-delay:calc(min(var(--i,0), 8) * 30ms)}.packs__groups[data-enter=b] .packs__grid>li{animation-name:packs-enter-b}@keyframes packs-enter-a{0%{opacity:0;translate:0 8px}}@keyframes packs-enter-b{0%{opacity:0;translate:0 8px}}@keyframes packs-fade-a{0%{opacity:0}}@keyframes packs-fade-b{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.packs__groups[data-enter=a] .packs__grid>li{animation-name:packs-fade-a}.packs__groups[data-enter=b] .packs__grid>li{animation-name:packs-fade-b}}.lite .packs__groups[data-enter] .packs__grid>li{animation:none}.packs-tile{width:100%;height:100%;color:inherit;text-align:left;cursor:pointer;transition:scale .2s var(--ease-out,cubic-bezier(.22, 1, .36, 1));background:0 0;flex-direction:column;align-items:center;display:flex}.packs-tile:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.packs-tile__stage{width:100%;height:calc(var(--tile-pw) * 1.6 + 36px);place-items:center;display:grid;position:relative}.packs-tile__stage:before{content:"";background:radial-gradient(50% 50% at 50% 60%, color-mix(in srgb, var(--color-steel) 38%, transparent), transparent 72%);opacity:.55;pointer-events:none;height:34%;transition:opacity .16s;position:absolute;inset:auto 4% 4px}.packs-tile[aria-pressed=true] .packs-tile__stage:before,.packs-tile:focus-visible .packs-tile__stage:before{opacity:1}.packs-tile__stage>*{transition:translate var(--dur-fast,.16s) var(--ease-out,cubic-bezier(.22, 1, .36, 1));position:relative}.packs-tile:focus-visible .packs-tile__stage>*{translate:0 -4px}@media (hover:hover) and (pointer:fine){.packs-tile:hover .packs-tile__stage:before{opacity:1}.packs-tile:hover .packs-tile__stage>*{translate:0 -4px}}.packs-tile:active{transition-duration:.1s;scale:.98}.packs-tile:active .packs-tile__stage>*{transition-duration:.1s;translate:0 -2px}.packs-tile[data-hop] .packs-tile__stage>*{animation:packs-hop .32s var(--ease-pop,cubic-bezier(.2, 1.25, .35, 1))}@keyframes packs-hop{0%,to{transform:translateY(0)}45%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.packs-tile:hover .packs-tile__stage>*,.packs-tile:focus-visible .packs-tile__stage>*,.packs-tile:active .packs-tile__stage>*{translate:none}.packs-tile[data-hop] .packs-tile__stage>*{animation:none}}.lite .packs-tile__stage>*{transition:none}.lite .packs-tile:hover .packs-tile__stage>*,.lite .packs-tile:focus-visible .packs-tile__stage>*{translate:none}.lite .packs-tile[data-hop] .packs-tile__stage>*{animation:none}.packs-tile .pk,.packs-tile .pk-ph{--pw:var(--tile-pw)!important}.pk-ph{width:var(--pw);height:calc(var(--pw) * 1.6);background:linear-gradient(160deg, color-mix(in srgb, var(--color-bone) 7%, transparent), color-mix(in srgb, var(--color-bone) 2.5%, transparent));border-radius:3px;flex:none}.packs-tile__meta{gap:var(--sp-2);width:100%;min-width:0;padding:var(--sp-2) var(--sp-2) var(--sp-1);flex-direction:column;flex:1;display:flex;position:relative}.packs-tile[aria-pressed=true] .packs-tile__meta:after{content:"";left:var(--sp-2);right:var(--sp-2);background:var(--color-bone);height:3px;position:absolute;bottom:-4px}.packs-tile__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.packs-tile__row{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.packs-tile__own{color:var(--color-muted)}.packs-tile[data-dim=true] .pk{opacity:.55}.packs-tile[data-off=true] .pk{opacity:.42;filter:grayscale(.85)}.packs-tile[data-off=true] .packs-tile__name,.packs-tile__when{color:var(--color-muted)}.packs-price{color:var(--color-bone);font:500 var(--fs-t2) / 1 var(--font-mono);align-items:baseline;gap:6px;display:inline-flex}.packs-price svg{width:16px;height:16px;color:var(--color-steel);flex:none;align-self:center}.packs-price[data-free=true]{color:var(--color-steel);font:700 var(--fs-t3) / 1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase}.packs-price[data-free=true] svg{color:var(--color-crimson)}.packs-owned{align-items:center;gap:var(--sp-2);width:100%;color:var(--color-muted);margin:0;display:flex}.packs-owned__bar{background:color-mix(in srgb, var(--color-bone) 12%, transparent);flex:1;height:4px;display:block;overflow:hidden}.packs-owned__bar i{width:var(--p,0%);background:var(--color-bone-dim);height:100%;display:block}.packs-owned[data-large=true]{font-size:var(--fs-t3)}.packs-owned[data-large=true] .packs-owned__bar{background:var(--color-char-2);height:8px}.packs-owned[data-large=true] .packs-owned__bar i{background:var(--color-steel)}.packs-panel{border:1px solid var(--color-line-2);background:var(--color-ink-2);border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 60px -20px #000c}.packs-panel[data-mode=side]{max-height:calc(100vh - 92px);position:sticky;top:76px}.packs-panel[data-mode=sheet]{z-index:50;max-height:min(86vh,720px);padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;position:fixed;inset:auto 0 0}.packs__backdrop{z-index:40;background:color-mix(in srgb, var(--color-ink) 66%, transparent);transition:opacity .2s;position:fixed;inset:0}.packs-panel[data-mode=sheet]{transition:transform .3s var(--ease-drawer,cubic-bezier(.32, .72, 0, 1))}.packs-panel[data-mode=side]{transition:transform .2s var(--ease-out,cubic-bezier(.22, 1, .36, 1)), opacity .2s var(--ease-out,cubic-bezier(.22, 1, .36, 1))}@starting-style{.packs-panel[data-mode=sheet]{transform:translateY(100%)}.packs-panel[data-mode=side]{opacity:0;transform:translate(12px)}.packs__backdrop{opacity:0}}.packs-panel[data-mode=sheet][data-state=closing]{transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.65, 0, .35, 1));transform:translateY(100%)}.packs-panel[data-mode=side][data-state=closing]{opacity:0;transform:translate(12px)}.packs__backdrop[data-state=closing]{opacity:0}@media (prefers-reduced-motion:reduce){.packs-panel[data-mode=sheet],.packs-panel[data-mode=side],.packs__backdrop{transition:opacity .15s}.packs-panel[data-mode=sheet][data-state=closing],.packs-panel[data-mode=side][data-state=closing]{opacity:0;transition-duration:.15s;transform:none}@starting-style{.packs-panel[data-mode=sheet],.packs-panel[data-mode=side]{opacity:0;transform:none}}}.packs-panel__head{padding:var(--sp-4) 64px var(--sp-3) var(--sp-4);background:linear-gradient(90deg, var(--color-char), var(--color-ink-2));flex:none;position:relative;overflow:hidden}.packs-panel__kicker{color:var(--color-muted)}.packs-panel__title{margin-top:var(--sp-1)}.packs-panel__desc{max-width:28em;margin-top:var(--sp-1);color:var(--color-bone-dim)}.packs-panel__close{top:var(--sp-2);right:var(--sp-3);position:absolute}.packs-panel__act{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--color-line-2);background:var(--color-ink);flex:none;display:flex}.packs-panel__cost{gap:var(--sp-1);flex-direction:column;display:flex}.packs-panel__cost small{color:var(--color-muted)}.packs-panel__cost .packs-price{font-size:var(--fs-t1)}.packs-panel__cost .packs-price svg{width:20px;height:20px}.packs-panel__open{flex:1;max-width:220px}.packs-panel__pay{gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-3);background:var(--color-ink);display:flex}.packs-panel__pay button{border:1px solid var(--color-line-2);min-height:44px;color:var(--color-bone-dim);font:700 var(--fs-t3) / 1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);background:0 0;flex:1}.packs-panel__pay button[data-on=true]{border-color:var(--color-steel);color:var(--color-steel)}.packs-panel__reason{padding:0 var(--sp-4) var(--sp-3);background:var(--color-ink);color:var(--color-muted);margin:0}.packs-panel__multi{padding:0 var(--sp-4) var(--sp-3);background:var(--color-ink)}.packs-panel__wall{padding:var(--sp-3) var(--sp-4);background:var(--color-ink)}.packs-panel__body{min-height:0;padding:2px var(--sp-4) var(--sp-3);scrollbar-width:thin;flex:auto;overflow:auto}.packs-panel__sec{padding:var(--sp-3) 0;border-top:1px solid var(--color-line)}.packs-panel__sec:first-child{border-top:0}.packs-panel__sec h4{margin:0 0 var(--sp-2)}.packs-panel__note{margin:var(--sp-2) 0 0;color:var(--color-muted)}.packs-dist{background:var(--color-ink);gap:1px;height:10px;display:flex;overflow:hidden}.packs-dist i{flex:none;min-width:2px;height:100%;display:block}.packs-odds{gap:2px var(--sp-4);margin:var(--sp-2) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.packs-odds li{align-items:center;gap:var(--sp-2);color:var(--color-bone-dim);font:500 var(--fs-t3) / 24px var(--font-mono);display:flex}.packs-odds li[data-none=true]{opacity:.55}.packs-odds b{color:var(--color-bone);margin-left:auto;font-weight:500}.packs-odds__code{background:var(--rc);min-width:28px;height:18px;color:var(--color-on-bright);font:400 var(--fs-t4) / 1 var(--font-display);letter-spacing:.04em;clip-path:polygon(0 0,100% 0,calc(100% - 4px) 100%,0 100%);place-items:center;padding:0 5px;display:inline-grid}.packs-chase{gap:var(--sp-3);margin:0;padding:0;list-style:none;display:flex}.packs-chase li{flex-direction:column;align-items:center;gap:6px;display:flex}.packs-chase__r{color:var(--color-bone-dim)}.packs-panel__links{margin:var(--sp-1) 0 0}.packs-panel__links a{color:var(--color-steel)}@media (hover:hover) and (pointer:fine){.packs-panel__links a:hover{text-decoration:underline}}@media (max-width:767px){.packs__head{margin-bottom:var(--sp-4);flex-flow:column;align-items:stretch}}
.hub-today{gap:var(--sp-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.hub-today__daily,.hub-today[data-daily=false] .hub-tile{grid-column:span 2}.hub-tile{min-width:0;min-height:88px;padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-4);color:inherit;flex-direction:column;justify-content:center;gap:2px;text-decoration:none;display:flex}.hub-tile__label{color:var(--color-muted);align-items:center;display:flex}.hub-tile__big{align-items:baseline;gap:var(--sp-2);min-width:0;display:flex}.hub-tile__big .type-t3{-webkit-line-clamp:2;color:var(--color-bone-dim);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hub-tile .hub-tile__quiet{color:var(--color-bone-dim)}.hub-tile__dot{width:8px;height:8px;margin-right:var(--sp-2);background:var(--color-crimson);display:inline-block;transform:skew(-14deg)}.hub-tile__bar{height:4px;margin-top:var(--sp-2);background:var(--color-char-2)}.hub-tile__bar i{background:var(--color-steel);height:100%;display:block}.hub-tile:hover{background:var(--color-steel-deep)}.hub-tile:focus-visible{background:var(--color-steel);outline:none}.hub-tile:focus-visible:after{inset:3px}@media not (min-width:1100px){.hub-today{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-today__daily{grid-column:1/-1}.hub-today[data-daily=false] .hub-tile{grid-column:auto}}@media not (min-width:768px){.hub-today{gap:var(--sp-3)}.hub-tile{padding:var(--sp-3)}.hub-tile__big{flex-direction:column;align-items:flex-start;gap:0}}.hub-today__gift{background:color-mix(in srgb, var(--color-crimson-btn) 14%, transparent);width:44px;height:44px;color:var(--color-crimson);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));flex:none;place-items:center;display:grid}