.dual-range{height:30px;position:relative}.dual-range__rail{inset-inline:9px;background:color-mix(in srgb, var(--line), transparent 12%);border-radius:999px;height:6px;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.dual-range__fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-alt), var(--accent));position:absolute;top:0;bottom:0}.dual-range__input{appearance:none;pointer-events:none;background:0 0;outline:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.dual-range__input::-webkit-slider-runnable-track{background:0 0}.dual-range__input::-moz-range-track{background:0 0}.dual-range__input::-webkit-slider-thumb{appearance:none;pointer-events:auto;border:2px solid var(--accent);background:var(--surface-popover);cursor:grab;border-radius:50%;width:18px;height:18px;transition:transform .12s,box-shadow .12s;box-shadow:0 2px 8px #2e2c3e47}.dual-range__input::-moz-range-thumb{pointer-events:auto;border:2px solid var(--accent);background:var(--surface-popover);cursor:grab;border-radius:50%;width:18px;height:18px;transition:transform .12s,box-shadow .12s;box-shadow:0 2px 8px #2e2c3e47}.dual-range__input::-webkit-slider-thumb:hover{transform:scale(1.1)}.dual-range__input::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.16)}.dual-range__input::-moz-range-thumb:hover{transform:scale(1.1)}.dual-range__input::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.16)}.dual-range__input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent), transparent 68%)}.dual-range__input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent), transparent 68%)}.dual-range[aria-disabled=true]{opacity:.6}@media (max-width:359px){.recommendation-title-search-locked{border-radius:.9rem;flex-wrap:wrap;padding-inline:.75rem;font-size:clamp(11px,3.9vw,13px)}.recommendation-title-search-placeholder{overflow-wrap:anywhere;flex-basis:calc(100% - 2rem);line-height:1.35}.recommendation-title-search-locked>span:last-child{margin-left:auto}.recommendation-filter-toggle{gap:.45rem;padding-inline:.7rem}.recommendation-filter-toggle__title{gap:.35rem;font-size:clamp(12px,4.15vw,14px)}.recommendation-filter-toggle__premium{letter-spacing:0;gap:.2rem;padding-inline:.35rem;font-size:9px}.recommendation-filter-toggle__premium svg{width:.65rem;height:.65rem}.recommendation-filter-toggle__action{font-size:clamp(10px,3.55vw,12px)}}.profile-recommendations-back,.profile-recommendations-page :where(button,[role=button]){cursor:pointer;-webkit-user-select:none;user-select:none}.profile-recommendations-hero{border-color:color-mix(in srgb, var(--accent), transparent 58%);background:radial-gradient(34rem 23rem at 6% 36%, color-mix(in srgb, var(--accent), transparent 86%), transparent 73%), radial-gradient(29rem 20rem at 97% 2%, #8794d421, transparent 76%), var(--profile-panel-raised,var(--surface))}.profile-recommendations-hero__mark{color:var(--accent-strong);border:1px solid color-mix(in srgb, var(--accent), transparent 54%);background:radial-gradient(circle at 35% 28%, #ffffff8a, transparent 36%), color-mix(in srgb, var(--accent-soft), var(--surface) 28%);box-shadow:0 0 0 4px color-mix(in srgb, var(--surface), transparent 8%), 0 0 0 6px color-mix(in srgb, var(--accent), transparent 70%), 0 18px 38px color-mix(in srgb, var(--accent), transparent 78%), inset 0 1px 0 #ffffff9e}.profile-recommendations-summary{width:min(100%,480px)}.profile-recommendations-summary__item{background:radial-gradient(120% 120% at 50% -30%, color-mix(in srgb, var(--accent), transparent 88%), transparent 70%), color-mix(in srgb, var(--profile-panel-nested,var(--surface-muted)), transparent 12%);box-shadow:0 12px 28px #30293a1a,inset 0 1px #ffffff8f,inset 0 -1px #463c520f}.profile-recommendations-controls{background:radial-gradient(35rem 18rem at 0% 0%, color-mix(in srgb, var(--accent), transparent 94%), transparent 76%), color-mix(in srgb, var(--profile-panel-raised,var(--surface)), transparent 5%)}.profile-recommendations-tabs{box-shadow:inset 0 1px #ffffff75,0 9px 24px #30293a14}.profile-recommendations-control-grid>.recommendation-control-card,.profile-recommendations-controls>.recommendation-control-card{margin-top:0}.profile-recommendations-controls>.recommendation-control-card{margin-top:1rem}.recommendation-control-card{border-color:color-mix(in srgb, var(--line), transparent 5%);background:radial-gradient(140% 120% at 0% 0%, color-mix(in srgb, var(--accent), transparent 96%), transparent 65%), color-mix(in srgb, var(--profile-panel-nested,var(--surface-muted)), transparent 14%);box-shadow:0 12px 28px #30293a12,inset 0 1px #ffffff61}.profile-recommendations-controls>div[style]{max-width:none}.profile-recommendations-results{background:radial-gradient(38rem 24rem at 100% 0%, color-mix(in srgb, var(--accent), transparent 95%), transparent 72%), color-mix(in srgb, var(--profile-panel-raised,var(--surface)), transparent 4%)}.profile-recommendations-results__count{background:color-mix(in srgb, var(--surface-strong), transparent 12%);box-shadow:inset 0 1px #fff6}.recommendation-result-card{border-color:color-mix(in srgb, var(--line), transparent 2%);min-height:164px;transition:border-color .17s,box-shadow .17s,transform .17s;position:relative;overflow:hidden;box-shadow:0 13px 28px #30293a13,inset 0 1px #ffffff6b;background:linear-gradient(122deg, color-mix(in srgb, var(--accent), transparent 96%), transparent 46%), color-mix(in srgb, var(--profile-panel-nested,var(--surface)), transparent 10%)!important}.recommendation-result-card:after{pointer-events:none;border-radius:inherit;box-shadow:inset 3px 0 0 color-mix(in srgb, var(--accent), transparent 62%);content:"";position:absolute;inset:0}.recommendation-result-card:hover{border-color:color-mix(in srgb, var(--accent), transparent 58%);box-shadow:0 18px 38px #30293a1f, 0 0 24px color-mix(in srgb, var(--accent), transparent 91%), inset 0 1px 0 #ffffff85;transform:translateY(-2px)}.recommendation-result-card__poster{box-shadow:0 10px 22px #211d2a30, 0 0 0 1px color-mix(in srgb, var(--accent), transparent 82%);transition:box-shadow .17s,transform .17s}.recommendation-result-card:hover .recommendation-result-card__poster{box-shadow:0 14px 27px #211d2a3d, 0 0 0 1px color-mix(in srgb, var(--accent), transparent 64%);transform:translateY(-1px)}.recommendation-result-card__title{z-index:1;position:relative}html[data-theme=dark] .profile-recommendations-hero{border-color:color-mix(in srgb, var(--accent), transparent 70%);background:radial-gradient(34rem 24rem at 6% 36%, color-mix(in srgb, var(--accent), transparent 88%), transparent 74%), radial-gradient(30rem 22rem at 98% 1%, #7f8dcc0f, transparent 78%), linear-gradient(150deg, #0a0e19 0%, #070a12 56%, #090c16 100%)}html[data-theme=dark] .profile-recommendations-hero__mark{background:radial-gradient(circle at 35% 28%, #ffffff1c, transparent 38%), color-mix(in srgb, var(--accent), #0a0e18 82%);box-shadow:0 0 0 4px #070a12cc, 0 0 0 6px color-mix(in srgb, var(--accent), transparent 72%), 0 20px 42px #0000004d, 0 0 34px color-mix(in srgb, var(--accent), transparent 82%), inset 0 1px 0 #ffffff14}html[data-theme=dark] .profile-recommendations-summary__item,html[data-theme=dark] .recommendation-control-card,html[data-theme=dark] .recommendation-result-card{border-color:#53607f57;box-shadow:0 15px 34px #00000038,inset 0 1px #ffffff09,inset 0 -1px #00000057;background:radial-gradient(135% 130% at 0% -20%, color-mix(in srgb, var(--accent), transparent 92%), transparent 66%), #080c15c2!important}html[data-theme=dark] .profile-recommendations-controls,html[data-theme=dark] .profile-recommendations-results{background:radial-gradient(36rem 22rem at 100% 0%, color-mix(in srgb, var(--accent), transparent 94%), transparent 72%), #070a12b8;border-color:#53607f52}html[data-theme=dark] .recommendation-result-card:hover{border-color:color-mix(in srgb, var(--accent), transparent 60%);box-shadow:0 19px 42px #00000052, 0 0 26px color-mix(in srgb, var(--accent), transparent 91%), inset 0 1px 0 #ffffff0e}@media (max-width:1279px){.profile-recommendations-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:639px){.profile-recommendations-hero,.profile-recommendations-controls,.profile-recommendations-results{padding-inline:1rem}.profile-recommendations-summary{width:100%}.profile-recommendations-summary__item{min-height:78px;padding-inline:.45rem}.profile-recommendations-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.profile-recommendations-tabs>button{justify-content:center;min-width:0;padding-inline:.65rem}.recommendation-result-card{min-height:0}}@media (max-width:380px){.profile-recommendations-hero__mark{border-radius:17px;width:56px;height:56px}.profile-recommendations-tabs>button{gap:.35rem;font-size:12px}.profile-recommendations-summary__item span:last-child{letter-spacing:.03em;font-size:9px}}
.profile-page-shell{--deck-gold:#b98f45;--deck-gold-line:#c9a45c6b}html[data-theme=dark] .profile-page-shell{--deck-gold:#dcc08a;--deck-gold-line:#dcc08a4d}.profile-page-shell{--profile-panel:color-mix(in srgb, var(--surface) 94%, #fff 6%);--profile-panel-raised:color-mix(in srgb, var(--surface-strong) 92%, #fff 8%);--profile-panel-nested:color-mix(in srgb, var(--surface-muted) 90%, transparent)}html[data-theme=dark] .profile-page-shell{--profile-panel:#080c15f0;--profile-panel-raised:#0b101cf5;--profile-panel-nested:#0f1523d6}.content-page.content-page--profile{--page-bg:url(/profile/deck/light.webp)}html[data-theme=dark] .content-page.content-page--profile{--page-bg:url(/profile/deck/dark.webp)}.content-page.content-page--compat{--page-bg:url(/profile/compat/light.webp)}html[data-theme=dark] .content-page.content-page--compat{--page-bg:url(/profile/compat/dark.webp)}@media (min-width:821px){.content-page.content-page--profile:before,html[data-theme=dark] .content-page.content-page--profile:before{opacity:1;filter:none}}.profile-sections-nav{border-color:color-mix(in srgb, var(--profile-class-accent,var(--accent)), var(--line) 72%);background:color-mix(in srgb, var(--surface) 90%, transparent);gap:.15rem;padding:.3rem;box-shadow:0 12px 28px -20px #14101e8c}.profile-sections-nav a{gap:.5rem;padding:.42rem .95rem .42rem .45rem}.profile-sections-nav__numeral{border:1px solid var(--deck-gold-line);min-width:1.7rem;height:1.7rem;font-family:var(--font-profile-display-face), Georgia, serif;letter-spacing:.04em;color:var(--deck-gold);border-radius:999px;place-items:center;padding:0 .3rem;font-size:.78rem;line-height:1;transition:background-color .14s,color .14s;display:inline-grid}.profile-sections-nav a.is-active .profile-sections-nav__numeral{background:var(--profile-class-accent,var(--accent));color:#fff;border-color:#0000}.deck-button{isolation:isolate;border:1px solid color-mix(in srgb, var(--deck-gold) 60%, transparent);background:linear-gradient(135deg, var(--profile-class-accent,var(--accent)), color-mix(in srgb, var(--profile-class-accent,var(--accent)) 62%, #1d1430));color:#fff;letter-spacing:.01em;white-space:nowrap;min-height:3rem;box-shadow:0 18px 36px -18px color-mix(in srgb, var(--profile-class-accent,var(--accent)) 90%, transparent), inset 0 1px 0 #ffffff4d;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;padding:.65rem .7rem .65rem 1.55rem;font-size:.98rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.deck-button:not(:has(.deck-button__arrow)){padding-right:1.55rem}.deck-button:after{z-index:-1;content:"";background:linear-gradient(110deg,#0000 30%,#ffffff4d 50%,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.deck-button:hover{box-shadow:0 24px 44px -18px color-mix(in srgb, var(--profile-class-accent,var(--accent)) 95%, transparent), inset 0 1px 0 #ffffff59;transform:translateY(-2px)}.deck-button:hover:after{transform:translate(120%)}.deck-button__arrow{background:#fff3;border-radius:999px;flex-shrink:0;place-items:center;width:2rem;height:2rem;transition:transform .2s;display:grid}.deck-button:hover .deck-button__arrow{transform:translate(2px)}.deck-button__arrow svg{width:1rem;height:1rem}.profile-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem 1rem;display:flex}.profile-head__text{min-width:0}.profile-head__kicker{letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--profile-class-accent,var(--accent)) 70%, var(--foreground-soft));align-items:center;gap:.5rem;font-size:.68rem;font-weight:700;display:flex}.profile-head__kicker:before{background:var(--deck-gold);content:"";flex-shrink:0;width:.36rem;height:.36rem;transform:rotate(45deg)}.profile-head__title{color:var(--foreground);flex-wrap:wrap;align-items:center;gap:.2rem .5rem;margin-top:.3rem;font-size:clamp(1.55rem,2.5vw,2.05rem);font-weight:600;line-height:1.08;display:flex}.profile-head__title a{color:inherit;transition:color .14s}.profile-head__title a:hover{color:var(--accent-strong)}.profile-head__aside{flex-wrap:wrap;align-items:center;gap:.6rem;margin-left:auto;padding-bottom:.2rem;display:flex}.profile-page-shell .profile-chapter{border:1px solid color-mix(in srgb, var(--profile-class-accent,var(--accent)), var(--border-strong) 62%);background:radial-gradient(46rem 26rem at 0% 0%, color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 82%), transparent 70%), radial-gradient(34rem 24rem at 100% 100%, #8a93d61f, transparent 72%), var(--profile-panel-raised,var(--surface));border-radius:28px;gap:1.6rem 2.8rem;padding:clamp(1.35rem,3vw,2.6rem);display:grid;overflow:hidden}.profile-page-shell .profile-chapter:after{z-index:0;border:1px solid var(--deck-gold-line);opacity:1;pointer-events:none;content:"";background:0 0;border-radius:20px;position:absolute;inset:10px}.profile-chapter>*{z-index:1;position:relative}@media (min-width:1100px){.profile-page-shell .profile-chapter--aside{grid-template-columns:minmax(0,1fr) auto;align-items:center}.profile-chapter__extra{grid-column:1/-1}}.profile-chapter__main{align-items:flex-start;gap:clamp(1rem,2.4vw,1.9rem);min-width:0;display:flex}.profile-chapter__medallion{aspect-ratio:1;background:color-mix(in srgb, var(--profile-class-accent,var(--accent)), var(--surface) 82%);width:clamp(4.4rem,8vw,6.2rem);box-shadow:0 0 0 3px var(--surface), 0 0 0 4px var(--deck-gold), 0 0 0 10px color-mix(in srgb, var(--profile-class-accent,var(--accent)) 14%, transparent), 0 20px 38px -18px color-mix(in srgb, var(--profile-class-accent,var(--accent)) 70%, transparent);border-radius:999px;flex-shrink:0;place-items:center;margin-top:.4rem;display:grid;position:relative;overflow:hidden}.profile-chapter__icon{color:var(--accent-strong);place-items:center;display:grid}.profile-chapter__icon svg{width:2.2rem;height:2.2rem}.profile-chapter__fallback{color:var(--foreground-faint);font-size:1.6rem;font-weight:600}.profile-chapter__text{min-width:0}.profile-chapter__kicker{letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--profile-class-accent,var(--accent)) 78%, var(--foreground));flex-wrap:wrap;align-items:center;gap:.35rem .6rem;font-size:.72rem;font-weight:700;display:flex}.profile-chapter__numeral{font-family:var(--font-profile-display-face), Georgia, serif;letter-spacing:.08em;color:var(--deck-gold);font-size:1.05rem;font-weight:600}.profile-chapter__gem{opacity:.55;background:currentColor;width:.36rem;height:.36rem;transform:rotate(45deg)}.profile-chapter__title{overflow-wrap:anywhere;color:var(--foreground);margin-top:.4rem;font-size:clamp(2.3rem,5.6vw,4.4rem);font-weight:600;line-height:.98}.profile-chapter__lead{max-width:44rem;color:var(--foreground-soft);margin-top:.85rem;font-size:clamp(.94rem,1.5vw,1.05rem);line-height:1.65}.profile-chapter__stats{flex-wrap:wrap;gap:.9rem 0;margin:1.4rem 0 0;display:flex}.profile-chapter__stat{border-left:1px solid var(--deck-gold-line);flex-direction:column-reverse;gap:.35rem;min-width:0;padding:0 clamp(1rem,2.2vw,1.7rem);display:flex}.profile-chapter__stat:first-child{border-left:0;padding-left:0}.profile-chapter__stat dd{font-family:var(--font-profile-display-face), Georgia, serif;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--foreground);margin:0;font-size:clamp(1.75rem,2.9vw,2.5rem);font-weight:600;line-height:1}.profile-chapter__stat--compact dd{white-space:normal;font-size:clamp(1.15rem,2vw,1.55rem)}.profile-chapter__stat dt{letter-spacing:.14em;text-transform:uppercase;color:var(--foreground-faint);font-size:.63rem;font-weight:700;line-height:1.25}.profile-chapter__aside{justify-self:center;min-width:0}.profile-chapter__extra{min-width:0}@media (max-width:639px){.profile-chapter__main{flex-direction:column;gap:1rem}.profile-chapter__medallion{width:4.2rem}.profile-chapter__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 0;display:grid}.profile-chapter__stat{padding:0 .6rem}.profile-chapter__stat:nth-child(3n+1){border-left:0;padding-left:0}.profile-chapter__stat dd{font-size:1.55rem}.profile-chapter__stat--compact dd{font-size:1.05rem}.profile-chapter__stat dt{letter-spacing:.1em;font-size:.56rem}}.profile-chapter__pair{flex-shrink:0;align-items:center;margin-top:.4rem;display:flex}.profile-chapter__pair .profile-chapter__medallion{width:clamp(4rem,8vw,5.6rem);margin-top:0}.profile-chapter__pair-heart{z-index:2;background:var(--surface-strong);width:2.4rem;height:2.4rem;color:var(--accent-strong);box-shadow:0 0 0 1px var(--deck-gold-line), 0 8px 18px -8px #0c0a1480;border-radius:999px;flex-shrink:0;place-items:center;margin-inline:-.7rem;display:grid;position:relative}.profile-chapter__pair-heart svg{width:1.1rem;height:1.1rem}.profile-chapter__ring{flex-direction:column;align-items:center;gap:.55rem;display:flex}html[data-theme=dark] .profile-page-shell .profile-chapter{border-color:color-mix(in srgb, var(--profile-class-accent,var(--accent)), #58638280 72%);background:radial-gradient(46rem 26rem at 0% 0%, color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 84%), transparent 70%), radial-gradient(34rem 24rem at 100% 100%, #7f8dcc1a, transparent 72%), linear-gradient(150deg, #0b0f1b 0%, #070a12 58%, #0a0d18 100%)}html[data-theme=dark] .profile-chapter__medallion{box-shadow:0 0 0 3px #090c15, 0 0 0 4px color-mix(in srgb, var(--deck-gold) 75%, transparent), 0 0 0 10px color-mix(in srgb, var(--profile-class-accent,var(--accent)) 12%, transparent), 0 20px 40px -18px color-mix(in srgb, var(--profile-class-accent,var(--accent)) 60%, transparent)}html[data-theme=dark] .profile-chapter__pair-heart{background:#0d111c}.profile-page-shell .profile-hero{position:relative}.profile-page-shell .profile-hero:before{z-index:0;border:1px solid var(--deck-gold-line);pointer-events:none;content:"";border-radius:20px;position:absolute;inset:10px}.profile-page-shell .profile-hero>*{z-index:1;position:relative}.profile-page-shell .profile-hero__stats{border:1px solid var(--deck-gold-line);background:color-mix(in srgb, var(--surface-strong) 58%, transparent);border-radius:18px;gap:0;overflow:hidden}.profile-page-shell .profile-hero__stat,html[data-theme=dark] .profile-page-shell .profile-hero__stat{border-style:solid;border-width:0 1px 1px 0;border-color:var(--deck-gold-line);box-shadow:none;background:0 0;border-radius:0;margin:0 -1px -1px 0}html[data-theme=dark] .profile-page-shell .profile-hero__stats{background:#090c1599}.profile-page-shell .profile-navigation.shiki-tabs .is-active:before{background:var(--deck-gold);box-shadow:0 0 10px color-mix(in srgb, var(--deck-gold) 45%, transparent)}.profile-head__title>svg:first-child{flex-shrink:0;width:1.15rem;height:1.15rem}.profile-page-shell .profile-oracle-cta{border:1px solid color-mix(in srgb, var(--profile-class-accent,var(--accent)), var(--border-strong) 55%);background:radial-gradient(40rem 26rem at 85% 55%, color-mix(in srgb, var(--profile-class-accent,var(--accent)) 24%, transparent), transparent 70%), radial-gradient(30rem 22rem at 0% 0%, color-mix(in srgb, var(--deck-gold) 12%, transparent), transparent 70%), var(--profile-panel-raised,var(--surface));border-radius:28px;align-items:center;gap:1.5rem 3rem;padding:clamp(1.6rem,3.4vw,3rem);display:grid}.profile-page-shell .profile-oracle-cta:after{z-index:0;border:1px solid var(--deck-gold-line);opacity:1;pointer-events:none;content:"";background:0 0;border-radius:20px;position:absolute;inset:10px}.profile-oracle-cta>*{z-index:1;position:relative}@media (min-width:820px){.profile-page-shell .profile-oracle-cta{grid-template-columns:minmax(0,1fr) auto}}.profile-oracle-cta__text{min-width:0}.profile-oracle-cta__title{color:var(--foreground);margin-top:.4rem;font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:600;line-height:1}.profile-oracle-cta__lead{max-width:36rem;color:var(--foreground-soft);margin-top:.9rem;font-size:1rem;line-height:1.65}.profile-oracle-cta__button{margin-top:1.6rem}.profile-oracle-cta__locked{border:1px solid var(--line);color:var(--foreground-faint);border-radius:999px;margin-top:1.4rem;padding:.8rem 1.4rem;font-weight:600;display:inline-flex}.profile-oracle-cta__deck{justify-self:center;width:21rem;height:15rem;position:relative}.profile-oracle-cta__card{aspect-ratio:2/3;width:8.6rem;box-shadow:0 0 0 1px var(--deck-gold-line), 0 26px 44px -22px #08060ed9;transform:translateX(calc(-50% + var(--offset) * 4.4rem)) translateY(calc(var(--offset) * var(--offset) * .7rem)) rotate(calc(var(--offset) * 11deg));transform-origin:50% 100%;background:linear-gradient(160deg,#2a1f3d,#120d1c);border-radius:14px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:.4rem;left:50%;overflow:hidden}.profile-oracle-cta:hover .profile-oracle-cta__card{transform:translateX(calc(-50% + var(--offset) * 5.4rem)) translateY(calc(var(--offset) * var(--offset) * .7rem - .6rem)) rotate(calc(var(--offset) * 16deg))}.profile-oracle-cta__glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--profile-class-accent,var(--accent)) 50%, transparent), transparent);border-radius:999px;position:absolute;inset:12% 8%}@media (max-width:819px){.profile-oracle-cta__deck{width:15rem;height:11rem}.profile-oracle-cta__card{width:6.2rem}}.profile-page-shell .profile-genre-rank{letter-spacing:.02em;width:2.1rem;color:var(--deck-gold);text-shadow:none;flex-basis:2.1rem;font-size:.92rem}.profile-page-shell .profile-genre-row{position:relative}.profile-page-shell .profile-genre-row p,.profile-genre-podium__name{-webkit-hyphens:auto;hyphens:auto}.profile-page-shell .profile-genre-row[data-rank="1"],.profile-page-shell .profile-genre-row[data-rank="2"],.profile-page-shell .profile-genre-row[data-rank="3"]{border-color:color-mix(in srgb, var(--deck-gold) 34%, var(--line))}.profile-page-shell .profile-genre-row[data-rank="1"]:before{background:var(--deck-gold);content:"";border-radius:2px;width:2px;position:absolute;top:18%;bottom:18%;left:-1px}@media (max-width:639px){.profile-page-shell .profile-genre-rank{flex-basis:1.7rem;width:1.7rem;font-size:.8rem}}.profile-genre-podium{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.profile-genre-podium__item{min-width:0;display:flex}.profile-genre-podium__tip{flex:auto;width:100%;display:flex}.profile-genre-podium__tile{border:1px solid var(--line);text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--profile-class-accent,var(--accent)) 11%, transparent), transparent 62%), var(--profile-panel-nested,var(--surface-muted));border-radius:18px;flex-direction:column;align-items:center;gap:.35rem;width:100%;min-width:0;padding:.95rem .7rem 1rem;transition:transform .2s,border-color .2s;display:flex}.profile-genre-podium__tile:hover{border-color:color-mix(in srgb, var(--profile-class-accent,var(--accent)) 50%, var(--line));transform:translateY(-2px)}.profile-genre-podium__tile[data-rank="1"]{border-color:color-mix(in srgb, var(--deck-gold) 55%, var(--line));box-shadow:0 18px 36px -24px color-mix(in srgb, var(--deck-gold) 80%, transparent)}.profile-genre-podium__numeral{font-family:var(--font-profile-display-face), Georgia, serif;letter-spacing:.12em;color:var(--deck-gold);font-size:1rem;font-weight:600}.profile-genre-podium__icon{aspect-ratio:1;background:var(--surface-strong);width:4.4rem;box-shadow:0 0 0 1px var(--line), 0 14px 26px -16px #14101e8c;border-radius:20px;place-items:center;margin:.15rem 0 .25rem;display:grid;position:relative;overflow:hidden}.profile-genre-podium__icon img{filter:saturate(.62)brightness(.93)contrast(1.04)}html[data-theme=dark] .profile-genre-podium__icon img{filter:saturate(.58)brightness(.82)contrast(1.06)}.profile-genre-podium__name{color:var(--foreground);font-size:.95rem;font-weight:700;line-height:1.2}.profile-genre-podium__value{font-variant-numeric:tabular-nums;color:var(--foreground);margin-top:.2rem;font-size:2.05rem;line-height:1}.profile-genre-podium__label{letter-spacing:.14em;text-transform:uppercase;color:var(--foreground-faint);font-size:.6rem;font-weight:700}.profile-genre-podium__sub{color:var(--foreground-faint);margin-top:.15rem;font-size:.72rem;line-height:1.3}@media (max-width:520px){.profile-genre-podium{grid-template-columns:minmax(0,1fr);gap:.45rem}.profile-genre-podium__tile{text-align:left;grid-template-columns:1.7rem 3.2rem minmax(0,1fr) auto;grid-template-areas:"num icon name value""num icon sub label";align-items:center;gap:.1rem .7rem;padding:.7rem .85rem;display:grid}.profile-genre-podium__numeral{grid-area:num;font-size:.9rem}.profile-genre-podium__icon{border-radius:14px;grid-area:icon;width:3.2rem;margin:0}.profile-genre-podium__name{grid-area:name;align-self:end}.profile-genre-podium__sub{grid-area:sub;align-self:start;margin:0}.profile-genre-podium__value{grid-area:value;place-self:end center;margin:0;font-size:1.75rem}.profile-genre-podium__label{grid-area:label;place-self:start center}}.profile-recommendations-page .recommendation-result-card{border-radius:18px}.profile-recommendations-page .recommendation-result-card__poster{box-shadow:0 0 0 1px var(--deck-gold-line), 0 16px 28px -18px #0c0a14b3;border-color:#0000}
.genre-triptych{justify-content:center;align-items:flex-end;gap:clamp(.5rem,2vw,1.5rem);margin:0;padding-top:1.2rem;display:flex}.genre-triptych__item{text-align:center;flex-direction:column;align-items:center;gap:.3rem;width:7rem;display:flex}.genre-triptych__item[data-rank="1"]{width:8.6rem;transform:translateY(-1rem)}.genre-triptych__icon{aspect-ratio:1;background:var(--surface-strong);width:5rem;box-shadow:0 0 0 1px var(--deck-gold-line), 0 18px 34px -18px #0c0a1499;border-radius:1.45rem;place-items:center;display:grid;position:relative;overflow:hidden}.genre-triptych__item[data-rank="1"] .genre-triptych__icon{width:7rem;box-shadow:0 0 0 2px var(--deck-gold), 0 0 0 9px color-mix(in srgb, var(--deck-gold) 14%, transparent), 0 26px 46px -22px color-mix(in srgb, var(--profile-class-accent,var(--accent)) 75%, transparent);border-radius:1.9rem}.genre-triptych__icon img{filter:saturate(.72)brightness(.96)}html[data-theme=dark] .genre-triptych__icon img{filter:saturate(.66)brightness(.86)}.genre-triptych__numeral{font-family:var(--font-profile-display-face), Georgia, serif;letter-spacing:.12em;color:var(--deck-gold);margin-top:.45rem;font-size:.95rem;font-weight:600}.genre-triptych__name{-webkit-hyphens:auto;hyphens:auto;color:var(--foreground);font-size:.84rem;font-weight:700;line-height:1.2}.genre-triptych__score{font-size:1.65rem;font-weight:600;line-height:1}.genre-triptych__item[data-rank="1"] .genre-triptych__score{font-size:2.15rem}@media (max-width:639px){.genre-triptych__item{width:5.4rem}.genre-triptych__item[data-rank="1"]{width:6.6rem}.genre-triptych__icon{border-radius:1.1rem;width:3.9rem}.genre-triptych__item[data-rank="1"] .genre-triptych__icon{border-radius:1.45rem;width:5.2rem}}.profile-page-shell .taste-map-section{border-radius:24px;padding:clamp(1.2rem,2.6vw,2.1rem)}.taste-map-section__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.6rem 2.5rem;display:flex}.taste-map-section__lead{max-width:36rem;color:var(--foreground-soft);font-size:.9rem;line-height:1.6}.taste-map{aspect-ratio:100/62;border:1px solid var(--deck-gold-line);background:color-mix(in srgb, var(--surface-strong) 55%, transparent);border-radius:22px;margin-top:1.4rem;position:relative;container-type:inline-size}html[data-theme=dark] .taste-map{background:#080b138c}.taste-map__field{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.taste-map__zone{position:absolute}.taste-map__zone--hidden{width:var(--split-x);background:radial-gradient(120% 120% at 0% 0%, color-mix(in srgb, var(--profile-class-accent,var(--accent)) 16%, transparent), transparent 70%);height:50%;top:0;left:0}.taste-map__zone--core{top:0;right:0;left:var(--split-x);background:radial-gradient(120% 120% at 100% 0,#d4af6138,#0000 70%);height:50%}.taste-map__zone--miss{width:var(--split-x);background:radial-gradient(120% 120% at 0 100%,#7a819924,#0000 70%);height:50%;bottom:0;left:0}.taste-map__zone--habit{bottom:0;right:0;left:var(--split-x);background:radial-gradient(120% 120% at 100% 100%,#6f8fd82e,#0000 70%);height:50%}.taste-map__axis--x{border-top:1px dashed var(--deck-gold-line);position:absolute;top:50%;left:0;right:0}.taste-map__axis--y{top:0;bottom:0;left:var(--split-x);border-left:1px dashed var(--deck-gold-line);position:absolute}.taste-map__label{flex-direction:column;gap:.15rem;max-width:34%;padding:clamp(.5rem,1.8cqw,1.1rem) clamp(.6rem,2cqw,1.3rem);display:flex;position:absolute}.taste-map__label strong{color:var(--foreground);font-size:clamp(.95rem,2.3cqw,1.55rem);font-weight:600;line-height:1.05}.taste-map__label span{color:var(--foreground-faint);font-size:clamp(.6rem,1.25cqw,.78rem);line-height:1.3}.taste-map__label--hidden{top:0;left:0}.taste-map__label--core{text-align:right;align-items:flex-end;top:0;right:0}.taste-map__label--miss{bottom:0;left:0}.taste-map__label--habit{text-align:right;align-items:flex-end;bottom:0;right:0}.taste-map__points{margin:0;padding:0;list-style:none;position:absolute;inset:0}.taste-map__point{--bubble:calc(clamp(22px, 5.2cqw, 56px) * var(--point-scale,1));width:var(--bubble);height:var(--bubble);position:absolute;transform:translate(-50%,-50%)}.taste-map__point:hover,.taste-map__point:focus-within{z-index:3}.taste-map__point--core{--point-ring:#d4af61}.taste-map__point--hidden{--point-ring:var(--profile-class-accent,var(--accent))}.taste-map__point--habit{--point-ring:#7f9de0}.taste-map__point--miss{--point-ring:color-mix(in srgb, var(--foreground-faint) 70%, transparent)}.taste-map__tip{width:100%;height:100%;display:flex}.taste-map__bubble{background:var(--surface-strong);width:100%;height:100%;box-shadow:0 0 0 1.5px var(--point-ring), 0 10px 20px -12px #0c0a1499;cursor:pointer;border:0;border-radius:32%;place-items:center;padding:0;transition:transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.taste-map__bubble:hover,.taste-map__bubble:focus-visible{box-shadow:0 0 0 2px var(--point-ring), 0 14px 28px -12px color-mix(in srgb, var(--point-ring) 65%, transparent);outline:none;transform:scale(1.16)}.taste-map__bubble img{filter:saturate(.72)brightness(.96)}html[data-theme=dark] .taste-map__bubble img{filter:saturate(.66)brightness(.86)}.taste-map__point--miss .taste-map__bubble img{filter:saturate(.3)brightness(.9)}.taste-map__name{white-space:nowrap;color:var(--foreground-soft);text-shadow:0 0 6px var(--surface), 0 0 2px var(--surface);pointer-events:none;font-size:clamp(.55rem,1.05cqw,.72rem);font-weight:700;position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%)}@container (max-width:560px){.taste-map__name,.taste-map__point[data-minor]{display:none}}.taste-map-legend{letter-spacing:.14em;text-transform:uppercase;color:var(--foreground-faint);flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;margin-top:.75rem;font-size:.66rem;font-weight:700;display:flex}.taste-map-tip{gap:.5rem;display:grid}.taste-map-tip__head{gap:.1rem;display:grid}.taste-map-tip__head strong{font-size:.95rem}.taste-map-tip__head span{opacity:.75;font-size:.78rem}.genre-columns{gap:1.25rem;min-width:0;display:grid}@media (min-width:1100px){.genre-columns{grid-template-columns:repeat(3,minmax(0,1fr))}}.profile-page-shell .genre-column{border-radius:22px;min-width:0;padding:clamp(1.1rem,2vw,1.55rem)}.genre-column--loved{--column-bar:linear-gradient(90deg, var(--deck-gold), var(--profile-class-accent,var(--accent)))}.genre-column--watched{--column-bar:linear-gradient(90deg, #7f9de0, #9d8cf0)}.genre-column--least{--column-bar:linear-gradient(90deg, #e58aa0, #c9577a)}.genre-column__list{gap:.25rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.genre-column__tip{width:100%;display:flex}.genre-column__row{border-radius:14px;grid-template-columns:1.9rem 2.8rem minmax(0,1fr) auto;align-items:center;gap:.7rem;width:100%;padding:.5rem .55rem;transition:background-color .15s;display:grid}.genre-column__row:hover{background:color-mix(in srgb, var(--profile-class-accent,var(--accent)) 8%, transparent)}.genre-column__rank{font-family:var(--font-profile-display-face), Georgia, serif;text-align:center;color:var(--deck-gold);font-size:.86rem;font-weight:600}.genre-column__icon{aspect-ratio:1;background:var(--surface-strong);width:2.8rem;box-shadow:0 0 0 1px var(--line);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.genre-column__row[data-rank="1"] .genre-column__icon{box-shadow:0 0 0 1.5px var(--deck-gold)}.genre-column__icon img{filter:saturate(.62)brightness(.93)contrast(1.04)}html[data-theme=dark] .genre-column__icon img{filter:saturate(.58)brightness(.82)contrast(1.06)}.genre-column__body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.genre-column__name{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;color:var(--foreground);font-size:.92rem;font-weight:700;line-height:1.2}.genre-column__bar{background:color-mix(in srgb, var(--foreground) 9%, transparent);border-radius:3px;height:3px;display:block;position:relative;overflow:hidden}.genre-column__bar>span{border-radius:inherit;background:var(--column-bar);position:absolute;top:0;bottom:0;left:0}.genre-column__sub{color:var(--foreground-faint);font-size:.72rem;line-height:1.3}.genre-column__value{flex-direction:column;align-items:flex-end;display:flex}.genre-column__value strong{font-variant-numeric:tabular-nums;color:var(--foreground);font-size:1.55rem;font-weight:600;line-height:1}.genre-column__value small{letter-spacing:.12em;text-transform:uppercase;color:var(--foreground-faint);margin-top:.2rem;font-size:.56rem;font-weight:700}.genre-column__empty{color:var(--foreground-faint);margin-top:1rem;font-size:.9rem}@media (max-width:640px){.taste-map{aspect-ratio:4/5}.taste-map__label span{display:none}.taste-map__label strong{font-size:.9rem}.taste-map__point{--bubble:calc(clamp(24px, 8cqw, 34px) * var(--point-scale,1))}.taste-map-legend{flex-direction:column;align-items:flex-start}}
.recs-spread{--card-w:8.2rem;--step:3.7rem;width:calc(var(--card-w) + var(--step) * 4 + 2.5rem);max-width:100%;height:calc(var(--card-w) * 1.74 + 2rem);position:relative}.recs-spread__card{width:var(--card-w);aspect-ratio:2/3;background:var(--surface-muted);box-shadow:0 0 0 1px var(--deck-gold-line), 0 22px 40px -22px #08060ed9;transform:translateX(calc(-50% + var(--offset) * var(--step))) translateY(calc(var(--lift) * .6rem)) rotate(calc(var(--offset) * 6.5deg));transform-origin:50% 100%;border-radius:14px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;position:absolute;bottom:.4rem;left:50%;overflow:hidden}.recs-spread__card[data-front]{width:calc(var(--card-w) * 1.18);box-shadow:0 0 0 1.5px var(--deck-gold), 0 30px 56px -24px color-mix(in srgb, var(--profile-class-accent,var(--accent)) 70%, transparent)}.recs-spread__card:hover,.recs-spread__card:focus-visible{transform:translateX(calc(-50% + var(--offset) * var(--step))) translateY(calc(var(--lift) * .6rem - .8rem)) rotate(calc(var(--offset) * 6.5deg));outline:none;z-index:20!important}.recs-spread__percent{color:#fff;border-radius:999px;padding:.2rem .55rem;font-size:.8rem;font-weight:800;position:absolute;top:.45rem;right:.45rem;box-shadow:0 6px 14px -6px #0009}@media (max-width:639px){.recs-spread{--card-w:5.6rem;--step:2.5rem}}.recs-modes{border:1px solid var(--deck-gold-line);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:999px;flex-wrap:wrap;gap:.3rem;padding:.3rem;display:inline-flex}.recs-modes__tab{color:var(--foreground-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.62rem 1.2rem;font-size:.95rem;font-weight:650;transition:background-color .15s,color .15s;display:inline-flex}.recs-modes__tab svg{width:1rem;height:1rem}.recs-modes__tab:hover{color:var(--foreground)}.recs-modes__tab[data-active]{background:var(--profile-class-accent,var(--accent));color:#fff;box-shadow:0 8px 20px -10px color-mix(in srgb, var(--profile-class-accent,var(--accent)) 80%, transparent)}.recs-modes__tab:disabled{cursor:progress}.recs-bands{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1.15rem;display:grid}.recs-bands--seasons{grid-template-columns:repeat(2,minmax(0,1fr));max-width:44rem}@media (max-width:760px){.recs-bands{grid-template-columns:repeat(2,minmax(0,1fr))}}.recs-band{border:1px solid var(--line);background:linear-gradient(160deg, color-mix(in srgb, var(--band) 9%, transparent), transparent 60%), color-mix(in srgb, var(--surface-strong) 70%, transparent);text-align:left;cursor:pointer;border-radius:18px;flex-direction:column;align-items:flex-start;gap:.3rem;min-width:0;padding:1rem 1.1rem 1.1rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.recs-band:hover{border-color:color-mix(in srgb, var(--band) 45%, var(--line));transform:translateY(-2px)}.recs-band[data-active]{border-color:var(--band);background:linear-gradient(160deg, color-mix(in srgb, var(--band) 20%, transparent), transparent 72%), color-mix(in srgb, var(--surface-strong) 82%, transparent);box-shadow:0 0 0 1px var(--band), 0 18px 36px -20px color-mix(in srgb, var(--band) 80%, transparent)}.recs-band__top{color:var(--band);align-items:center;gap:.45rem;display:flex}.recs-band__star{flex-shrink:0;width:1rem;height:1rem}.recs-band__range{color:var(--band);font-size:clamp(1.7rem,3vw,2.35rem);font-weight:600;line-height:1}.recs-band__range--text{color:var(--foreground);font-size:clamp(1.25rem,2.2vw,1.65rem)}.recs-band__name{color:var(--foreground);font-size:1rem;font-weight:750}.recs-band__hint{color:var(--foreground-faint);font-size:.78rem;line-height:1.35}.profile-recommendations-page .rec-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,9.8rem),1fr));gap:1.5rem .9rem;display:grid}@media (min-width:640px){.profile-recommendations-page .rec-grid{grid-template-columns:repeat(auto-fill,minmax(14.2rem,1fr));gap:2rem 1.3rem}}.rec-card{flex-direction:column;min-width:0;display:flex;position:relative}.rec-card__poster{aspect-ratio:2/3;background:var(--surface-muted);box-shadow:0 0 0 1px var(--deck-gold-line), 0 22px 40px -26px #08060ed9;border-radius:16px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;display:block;position:relative;overflow:hidden}.rec-card__poster img{transition:transform .5s}.rec-card:hover .rec-card__poster{box-shadow:0 0 0 1px color-mix(in srgb, var(--deck-gold) 75%, transparent), 0 30px 50px -26px color-mix(in srgb, var(--profile-class-accent,var(--accent)) 60%, transparent);transform:translateY(-4px)}.rec-card:hover .rec-card__poster img{transform:scale(1.04)}.rec-card__shade{pointer-events:none;background:linear-gradient(#0000,#08060e80);display:none;position:absolute;inset:72% 0 0}.rec-card__poster:has(.rec-card__ribbon) .rec-card__shade{display:block}html:not([data-theme=dark]) .rec-card__shade{background:linear-gradient(#0000,#140e1a4d);inset:80% 0 0}.rec-card__meter{z-index:2;position:absolute;top:.6rem;right:.6rem}.rec-card:hover .rec-card__meter{transition:transform .25s cubic-bezier(.2,.8,.2,1);transform:translateY(-4px)}.rec-card__hide{z-index:2;color:#fff;cursor:pointer;opacity:0;background:#0a0c14bd;border:0;border-radius:999px;place-items:center;width:2.15rem;height:2.15rem;transition:opacity .15s,transform .15s,background-color .15s;display:grid;position:absolute;top:.6rem;left:.6rem;transform:scale(.9)}.rec-card:hover .rec-card__hide,.rec-card__hide:focus-visible{opacity:1;transform:translateY(-4px)}.rec-card__hide:hover{background:var(--accent)}@media (hover:none){.rec-card__hide{opacity:.92;transform:none}}.rec-card__hide svg{width:1rem;height:1rem}.rec-card__hide .rec-card__hide-lock{width:.7rem;height:.7rem;position:absolute;bottom:.1rem;right:.1rem}.rec-card__ribbon{z-index:2;flex-wrap:wrap;gap:.3rem;display:flex;position:absolute;bottom:.55rem;left:.55rem;right:.55rem}.rec-card__ribbon-text{color:#fff;background:#0a0c14cc;border-radius:999px;align-items:center;gap:.3rem;padding:.22rem .55rem;font-size:.68rem;font-weight:700;line-height:1.2;display:inline-flex}.rec-card__ribbon-text svg{flex-shrink:0;width:.75rem;height:.75rem}.rec-card__ribbon-text--accent{background:color-mix(in srgb, var(--accent) 85%, #000)}.rec-card__body{flex-direction:column;gap:.28rem;min-width:0;padding:.85rem .15rem 0;display:flex}.rec-card__title{color:var(--foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:700;line-height:1.25;transition:color .15s;display:-webkit-box;overflow:hidden}.rec-card__title:hover{color:var(--accent-strong)}.rec-card__subtitle,.rec-card__meta{white-space:nowrap;text-overflow:ellipsis;color:var(--foreground-faint);overflow:hidden}.rec-card__subtitle{font-size:.78rem}.rec-card__meta{font-size:.74rem}.rec-card__support{gap:.3rem;margin-top:.3rem;display:grid}.rec-card__support-bar{background:color-mix(in srgb, var(--foreground) 9%, transparent);border-radius:4px;height:4px;position:relative;overflow:hidden}.rec-card__support-bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--deck-gold), var(--profile-class-accent,var(--accent)));position:absolute;top:0;bottom:0;left:0}.rec-card__support-text{color:var(--foreground-soft);font-size:.74rem;line-height:1.3}.rec-card__chips{flex-wrap:wrap;gap:.3rem;margin-top:.2rem;display:flex}.rec-card__chip{background:color-mix(in srgb, var(--foreground) 6%, transparent);white-space:nowrap;color:var(--foreground-soft);border-radius:999px;align-items:baseline;gap:.25rem;padding:.2rem .55rem;font-size:.72rem;display:inline-flex}.rec-card__chip b{color:var(--foreground);font-weight:750}.rec-card__facts{color:var(--foreground-faint);font-size:.72rem;line-height:1.35}.rec-meter{cursor:help;border-radius:999px;place-items:center;width:3.3rem;height:3.3rem;display:grid;position:relative;box-shadow:0 10px 20px -10px #000000b3}.rec-meter:before{border-radius:inherit;content:"";background:#090b13e6;position:absolute;inset:4px}.rec-meter__value{font-family:var(--font-profile-display-face), Georgia, serif;color:#fff;font-size:1.05rem;font-weight:600;line-height:1;position:relative}.rec-meter__value small{margin-left:1px;font-size:.62em}@media (max-width:639px){.rec-meter{width:2.8rem;height:2.8rem}.rec-meter__value,.rec-card__title{font-size:.9rem}}@media (max-width:560px){.recs-modes{border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.recs-modes__tab{white-space:nowrap;text-align:center;border-radius:14px;justify-content:center;gap:.35rem;padding:.6rem .4rem;font-size:.84rem}.profile-chapter__extra:has(.recs-modes){padding-bottom:.35rem}}@media (max-width:380px){.recs-modes__tab svg{display:none}}
.profile-page-shell .sakura-showcase--hand{border-radius:24px;align-items:center;gap:1.5rem 2.5rem;padding:clamp(1.3rem,2.8vw,2.3rem);display:grid;overflow:hidden}@media (min-width:900px){.profile-page-shell .sakura-showcase--hand{grid-template-columns:minmax(15rem,20rem) minmax(0,1fr)}}.sakura-showcase--hand .sakura-showcase__intro{flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0;display:flex}.profile-page-shell .sakura-showcase--hand h2{font-family:var(--font-profile-display-face), Georgia, serif;font-size:clamp(1.9rem,3.4vw,2.75rem);font-weight:600;line-height:1.02}.sakura-showcase--hand .sakura-showcase__sub{margin-top:.45rem;font-size:.9rem}.sakura-showcase--hand .sakura-showcase__empty{color:var(--foreground-soft);margin-top:.5rem;font-size:.9rem}.sakura-showcase--hand .sakura-showcase__all,.sakura-showcase--hand .sakura-showcase__all:hover{color:#fff;margin-top:1.3rem;font-size:.92rem}.sakura-showcase__hand{--card-w:min(11.5rem, calc((100cqw - 2.4rem) / (1 + (var(--count,1) - 1) * var(--k,1))));justify-content:center;align-items:flex-end;min-width:0;min-height:17.5rem;margin:0;padding:1.8rem .4rem 1.6rem;list-style:none;display:flex;container-type:inline-size}.sakura-showcase__hand>li{z-index:1;width:var(--card-w);transform:translateY(calc(var(--lift) * var(--lift-step,.75rem))) rotate(calc(var(--offset) * var(--angle,5deg)));transform-origin:50% 115%;flex-shrink:0;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:relative}.sakura-showcase__hand>li+li{margin-left:calc(var(--card-w) * (var(--k,1) - 1))}.sakura-showcase__hand>li:hover,.sakura-showcase__hand>li:focus-within{z-index:5;transform:translateY(calc(var(--lift) * var(--lift-step,.75rem) - 1.1rem)) rotate(0deg)}.sakura-showcase__hand a{min-width:0;display:block}.sakura-showcase__hand .sakura-showcase__portrait{box-shadow:0 0 0 1px color-mix(in srgb, var(--rarity-color), transparent 80%), 0 22px 40px -20px #0009, inset 0 0 34px color-mix(in srgb, var(--rarity-color), transparent 86%);border-radius:1.1rem}.sakura-showcase__hand a:hover .sakura-showcase__portrait,.sakura-showcase__hand a:focus-visible .sakura-showcase__portrait{border-color:color-mix(in srgb, var(--rarity-color), transparent 10%);box-shadow:0 0 0 1px color-mix(in srgb, var(--rarity-color), transparent 55%), 0 30px 50px -22px color-mix(in srgb, var(--rarity-color), transparent 40%), inset 0 0 40px color-mix(in srgb, var(--rarity-color), transparent 76%)}.sakura-showcase__hand .sakura-showcase__portrait b,.sakura-showcase__hand .sakura-showcase__portrait i{-webkit-backdrop-filter:none;backdrop-filter:none;background:#060912d1}@media (max-width:899px){.sakura-showcase__hand{scroll-snap-type:x mandatory;scrollbar-width:none;justify-content:flex-start;min-height:0;padding:.3rem .2rem .9rem;overflow-x:auto}.sakura-showcase__hand::-webkit-scrollbar{display:none}.sakura-showcase__hand>li,.sakura-showcase__hand>li:hover,.sakura-showcase__hand>li:focus-within{scroll-snap-align:start;width:9.5rem;transform:none}.sakura-showcase__hand>li+li{margin-left:.75rem}}