@layer theme,base,components,utilities;@layer components{:root{--hglow-k1:26%;--hglow-k2:15%;--hglow-l:.76;--glass-1:80%;--glass-2:64%;--frost:62%}:is(html.dark,.tk-dark){--hglow-k1:24%;--hglow-k2:15%;--hglow-l:.62;--glass-1:76%;--glass-2:60%;--frost:66%}.shell__main:has(>.page>.hglow){isolation:isolate;position:relative}.hglow{height:600px;inset:0 0 auto 0;pointer-events:none;position:absolute;z-index:-1;--hglow-a:var(--gc,var(--tier));--hg-x1:max(var(--gutter) + 72px,50% - var(--wrap)/2 + 72px);--hg-x2:min(100% - var(--gutter) - 240px,50% + var(--wrap)/2 - 240px);--hg-y:84px;-webkit-mask-image:linear-gradient(180deg,#000,#000 55%,transparent);mask-image:linear-gradient(180deg,#000,#000 55%,transparent)}.hglow:after,.hglow:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.hglow:before{background:radial-gradient(640px 460px at var(--hg-x1) var(--hg-y),color-mix(in oklab,var(--hglow-a) var(--hglow-k1),transparent) 0,transparent 100%),radial-gradient(820px 420px at var(--hg-x2) 40px,color-mix(in oklab,var(--hglow-a) var(--hglow-k2),transparent) 0,transparent 100%)}.hglow:after{background:radial-gradient(760px 470px at var(--hg-x2) var(--hg-ty,var(--hg-y)),color-mix(in oklab,oklch(var(--hglow-l) var(--tint-c,0) var(--tint-h,0)) var(--hglow-k1),transparent) 0,transparent 100%);opacity:0;transition:opacity .6s ease}.hglow--tint:after{opacity:1}.hglow--tier{height:680px;--hg-y:170px}@media (max-width:719px){.hglow{height:480px;--hg-y:64px}.hglow:before{background:radial-gradient(380px 380px at 25% var(--hg-y),color-mix(in oklab,var(--hglow-a) var(--hglow-k1),transparent) 0,transparent 100%)}.hglow:after{background:radial-gradient(400px 320px at 75% 40px,color-mix(in oklab,oklch(var(--hglow-l) var(--tint-c,0) var(--tint-h,0)) var(--hglow-k1),transparent) 0,transparent 100%)}.hglow--tier{--hg-y:150px}}@media (prefers-reduced-motion:reduce){.hglow:after{transition:none}}.page[data-glass="1"]{--glass:var(--glass-1)}.page[data-glass="2"]{--glass:var(--glass-2)}.page:is([data-glass="1"],[data-glass="2"]) :is(.pcard,[role=tabpanel] .sheet){background-color:color-mix(in oklab,var(--bg-1) var(--glass),transparent)}.page:is([data-glass="1"],[data-glass="2"]) .pcard__rank{background:color-mix(in oklab,var(--tier,var(--t-none)) var(--wash),transparent)}.page:is([data-glass="1"],[data-glass="2"]) .gp-hero{background:radial-gradient(120% 140% at 0 0,color-mix(in oklab,var(--gc,var(--bg-2)) 22%,transparent) 0,transparent 62%),color-mix(in oklab,color-mix(in oklab,var(--gc,var(--bg-2)) 6%,var(--bg-1)) var(--glass),transparent)}.page:is([data-glass="1"],[data-glass="2"]) .gp-hero--art .gp-acts :is(.btn--secondary,.select__btn:not(:disabled)){-webkit-backdrop-filter:blur(12px) saturate(1.25);backdrop-filter:blur(12px) saturate(1.25);background:color-mix(in oklab,var(--bg-1) var(--frost),transparent);border-color:color-mix(in oklab,var(--line-2) 70%,transparent)}.page:is([data-glass="1"],[data-glass="2"]) .gp-hero--art .gp-acts :is(.btn--secondary:hover,.select__btn:not(:disabled):hover){background:color-mix(in oklab,var(--bg-1) 86%,transparent)}@media (prefers-reduced-transparency:reduce){.page[data-glass]{--glass:100%}:is(html.dark,.tk-dark),:root{--frost:100%}.page[data-glass] .gp-hero--art .gp-acts :is(.btn--secondary,.select__btn){-webkit-backdrop-filter:none;backdrop-filter:none}}}@layer components{:root{--splash-o:.8}:is(html.dark,.tk-dark){--splash-o:.62}.pcard__id--art{isolation:isolate;position:relative}.pcard__art{top:0;right:0;bottom:0;left:38%;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 30%,#000 68%);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 30%,#000 68%);opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .6s ease;z-index:-1}.pcard__art--in{opacity:var(--splash-o)}.pcard__art .gbanner{filter:blur(3px) saturate(.92);-o-object-position:50% 24%;object-position:50% 24%;transform:scale(1.08)}.pcard__art:after{background:linear-gradient(90deg,color-mix(in oklab,var(--bg-1) 40%,transparent),transparent 70%);content:"";top:0;right:0;bottom:0;left:0;position:absolute}@media (min-width:720px){.pcard__id--art .pcard__who{margin-right:auto;max-width:50%}}@media (max-width:719px){.pcard__art{top:0;right:0;bottom:0;left:34%;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.4) 40%,#000 85%);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.4) 40%,#000 85%)}:root{--splash-o:.6}:is(html.dark,.tk-dark){--splash-o:.5}}.page:is([data-glass="1"],[data-glass="2"]) .pcard__id--art .pcard__acts :is(.btn--secondary:not(:disabled),.btn--secondary:disabled){-webkit-backdrop-filter:blur(12px) saturate(1.25);backdrop-filter:blur(12px) saturate(1.25);background:color-mix(in oklab,var(--bg-1) var(--frost),transparent);border-color:color-mix(in oklab,var(--line-2) 70%,transparent)}.page:is([data-glass="1"],[data-glass="2"]) .pcard__id--art .pcard__acts .btn--secondary:not(:disabled):hover{background:color-mix(in oklab,var(--bg-1) 86%,transparent)}.hglow--neutral,.hglow--tier{--hg-ty:56px}.hglow--neutral{--hglow-a:transparent;height:680px}@media (prefers-reduced-motion:reduce){.pcard__art{transition:none}}@media (prefers-reduced-transparency:reduce){.page[data-glass] .pcard__id--art .pcard__acts .btn--secondary{-webkit-backdrop-filter:none;backdrop-filter:none}}}
