.tl-hub-hero,.tl-detail-hero{isolation:isolate;background:radial-gradient(1080px 540px at 12% -16%, color-mix(in srgb, var(--tier-color,var(--pv-accent)) 16%, transparent), transparent 62%), radial-gradient(680px 420px at 88% 30%, color-mix(in srgb, var(--tier-color,#9e86ff) 10%, transparent), transparent 68%), linear-gradient(180deg, color-mix(in srgb, var(--pv-surface) 38%, transparent), transparent);position:relative}.tl-hub-hero:before,.tl-detail-hero:before{content:"";z-index:-2;pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--tier-color,var(--pv-accent)) 14%, transparent) 1px, transparent 1px);background-size:27px 27px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 84%);mask-image:linear-gradient(90deg,#000,#0000 84%)}.tl-hub-hero:after,.tl-detail-hero:after{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--tier-color,var(--pv-accent)) 12%, transparent);width:520px;height:520px;box-shadow:0 0 0 65px color-mix(in srgb, var(--tier-color,var(--pv-accent)) 2%, transparent), 0 0 0 130px color-mix(in srgb, var(--tier-color,var(--pv-accent)) 1%, transparent);pointer-events:none;border-radius:50%;position:absolute;top:-300px;right:-150px}.tl-hero-showcase{z-index:1;grid-template-columns:repeat(2,176px);grid-auto-rows:142px;place-content:center;gap:13px;width:410px;height:330px;position:relative}.tl-showcase-orbit{z-index:-1;border:1px dashed color-mix(in srgb, var(--pv-accent) 17%, transparent);border-radius:50%;position:absolute;inset:18px 54px;transform:rotate(-8deg)}.tl-showcase-card{border:1px solid color-mix(in srgb, var(--tier-color) 34%, var(--pv-border));color:var(--pv-text);background:radial-gradient(180px 110px at 100% 0, color-mix(in srgb, var(--tier-color) 16%, transparent), transparent 70%), color-mix(in srgb, var(--pv-surface-2) 91%, transparent);box-shadow:0 22px 55px -38px color-mix(in srgb, var(--tier-color) 68%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:14px;transition:transform .24s,border-color .24s,box-shadow .24s;display:flex;position:relative;overflow:hidden}.tl-showcase-card:first-child{transform:translateY(9px)rotate(-1.5deg)}.tl-showcase-card:nth-child(2){transform:translateY(-9px)rotate(1.5deg)}.tl-showcase-card:nth-child(3){transform:translateY(9px)rotate(1deg)}.tl-showcase-card:nth-child(4){transform:translateY(-9px)rotate(-1deg)}.tl-showcase-card:hover{color:var(--pv-text);border-color:color-mix(in srgb, var(--tier-color) 70%, var(--pv-border));box-shadow:0 28px 62px -34px color-mix(in srgb, var(--tier-color) 80%, transparent)}.tl-showcase-card:nth-child(n):hover{transform:translateY(-4px)rotate(0)}.tl-showcase-grade{z-index:2;border:1px solid color-mix(in srgb, var(--tier-color) 44%, transparent);width:27px;height:27px;color:var(--tier-color);background:color-mix(in srgb, var(--tier-color) 12%, var(--pv-bg));font:800 12px var(--pv-font-mono);border-radius:9px;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;left:13px}.tl-showcase-art{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 18px #0000006b);transition:transform .25s;position:absolute;top:-1px;right:-2px}.tl-showcase-card:hover .tl-showcase-art{transform:scale(1.08)rotate(2deg)}.tl-category-card:before,.tl-category-card:after{content:"";pointer-events:none;position:absolute;inset:0}.tl-category-card:before{background:radial-gradient(520px 240px at 0 0, color-mix(in srgb, var(--tier-color) 13%, transparent), transparent 66%), linear-gradient(135deg, transparent 60%, color-mix(in srgb, var(--tier-color) 4%, transparent))}.tl-category-card:after{border:1px solid color-mix(in srgb, var(--tier-color) 10%, transparent);border-radius:50%;inset:auto -9% -55% 46%}.tl-category-card{transition:transform .24s,border-color .24s,box-shadow .24s;box-shadow:0 24px 58px -48px #000000e6}.tl-category-card:hover{color:var(--pv-text);border-color:color-mix(in srgb, var(--tier-color) 58%, var(--pv-border));box-shadow:0 30px 62px -39px color-mix(in srgb, var(--tier-color) 58%, transparent);transform:translateY(-4px)}.tl-category-icon{color:var(--tier-color);border-color:color-mix(in srgb, var(--tier-color) 38%, transparent);background:color-mix(in srgb, var(--tier-color) 11%, transparent);box-shadow:0 0 34px -15px var(--tier-color), inset 0 0 18px color-mix(in srgb, var(--tier-color) 6%, transparent)}.tl-category-art{filter:saturate(.92)drop-shadow(0 18px 24px #00000080);transition:transform .28s,opacity .28s}.tl-category-card:hover .tl-category-art{opacity:.48;transform:scale(1.06)rotate(2deg)}.tl-leader-chip{border-color:color-mix(in srgb, var(--tier-color) 32%, var(--pv-border));box-shadow:0 8px 20px -15px var(--tier-color)}.tl-maker-card{color:var(--pv-text);background:radial-gradient(580px 220px at 0 0, color-mix(in srgb, var(--pv-accent) 11%, transparent), transparent 65%), var(--pv-surface);box-shadow:0 28px 70px -58px color-mix(in srgb, var(--pv-accent) 70%, transparent);transition:border-color .22s,box-shadow .22s,transform .22s}.tl-maker-card:hover{color:var(--pv-text);border-color:color-mix(in srgb, var(--pv-accent) 55%, var(--pv-border));box-shadow:0 30px 72px -48px color-mix(in srgb, var(--pv-accent) 48%, transparent);transform:translateY(-2px)}.tl-maker-preview{background:linear-gradient(90deg, color-mix(in srgb, var(--pv-accent) 4%, transparent), transparent), radial-gradient(color-mix(in srgb, var(--pv-accent) 12%, transparent) 1px, transparent 1px);background-size:auto,18px 18px;flex-direction:column;justify-content:center;gap:7px;position:relative}.tl-maker-row{border:1px solid var(--pv-border);background:color-mix(in srgb, var(--pv-bg) 62%, transparent);border-radius:10px;align-items:center;gap:7px;height:38px;padding:5px 8px;display:flex;overflow:hidden}.tl-maker-row b{width:26px;height:26px;color:var(--pv-bg);background:var(--pv-accent);font:800 10px var(--pv-font-mono);border-radius:7px;justify-content:center;align-items:center;display:flex}.tl-maker-row:nth-child(2) b{background:var(--pv-success)}.tl-maker-row:nth-child(3) b{background:var(--pv-info)}.tl-maker-row i{background:var(--pv-border-strong);max-width:80px;height:2px}.tl-maker-row em{border:1px solid var(--pv-border);background:var(--pv-surface-2);border-radius:7px;width:25px;height:25px;display:block}.tl-champion-card{color:var(--pv-text);border-color:color-mix(in srgb, var(--tier-color) 28%, var(--pv-border));background:radial-gradient(340px 210px at 100% 0, color-mix(in srgb, var(--tier-color) 18%, transparent), transparent 70%), color-mix(in srgb, var(--pv-surface-2) 90%, transparent);box-shadow:0 30px 75px -48px color-mix(in srgb, var(--tier-color) 60%, transparent), inset 0 1px 0 #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .25s,box-shadow .25s,transform .25s}.tl-champion-card:after{content:"";border:1px solid color-mix(in srgb, var(--tier-color) 12%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:50% -22% -48% 42%}.tl-champion-card:hover{color:var(--pv-text);border-color:color-mix(in srgb, var(--tier-color) 54%, var(--pv-border));box-shadow:0 34px 80px -42px color-mix(in srgb, var(--tier-color) 72%, transparent);transform:translateY(-3px)}.tl-champion-art{transition:transform .3s}.tl-champion-card:hover .tl-champion-art{transform:scale(1.06)rotate(2deg)}.tl-stat-strip>div>div:nth-child(3){min-width:0}.tl-methodology-card{border-color:color-mix(in srgb, var(--tier-color) 32%, var(--pv-border));background:radial-gradient(540px 220px at 0 0, color-mix(in srgb, var(--tier-color) 12%, transparent), transparent 66%), linear-gradient(145deg, color-mix(in srgb, var(--pv-surface-2) 88%, transparent), var(--pv-surface));box-shadow:0 26px 65px -54px color-mix(in srgb, var(--tier-color) 65%, transparent)}.tl-methodology-card:after{content:"";border:1px dashed color-mix(in srgb, var(--tier-color) 12%, transparent);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-95px;right:-70px}.tl-methodology-icon,.tl-detail-maker-icon{color:var(--tier-color);border-color:color-mix(in srgb, var(--tier-color) 38%, transparent);background:color-mix(in srgb, var(--tier-color) 11%, transparent);box-shadow:0 0 28px -15px var(--tier-color)}.tl-detail-maker{color:var(--pv-text);border-color:color-mix(in srgb, var(--tier-color) 28%, var(--pv-border));background:radial-gradient(330px 200px at 100% 0, color-mix(in srgb, var(--tier-color) 12%, transparent), transparent 68%), var(--pv-surface);box-shadow:0 26px 65px -56px color-mix(in srgb, var(--tier-color) 65%, transparent)}.tl-detail-maker:hover{color:var(--pv-text);border-color:color-mix(in srgb, var(--tier-color) 58%, var(--pv-border))}.tl-detail-maker-watermark{color:color-mix(in srgb, var(--tier-color) 6%, transparent);font:900 190px/1 var(--pv-font-mono);pointer-events:none;position:absolute;bottom:-44px;right:-4px;transform:rotate(-7deg)}.tl-view-toolbar{box-shadow:inset 0 1px #ffffff08}.tl-entry-row{transition:border-color .2s,background-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:visible;box-shadow:0 18px 48px -46px #000000e6}.tl-entry-row:before{content:"";background:var(--tier-color);opacity:.55;border-radius:2px;width:2px;position:absolute;top:18px;bottom:18px;left:-1px}.tl-entry-row:hover{border-color:color-mix(in srgb, var(--tier-color) 36%, var(--pv-border));background:color-mix(in srgb, var(--tier-color) 2.5%, var(--pv-surface));box-shadow:0 24px 52px -42px color-mix(in srgb, var(--tier-color) 38%, transparent);transform:translateY(-1px)}.tl-entry-portrait{transition:border-color .2s,transform .2s}.tl-entry-row:hover .tl-entry-portrait{border-color:color-mix(in srgb, var(--tier-color) 40%, var(--pv-border));transform:scale(1.04)}.tl-score-bar{box-shadow:0 0 12px -2px var(--tier-color)}.tl-compact-band{transition:border-color .2s,box-shadow .2s;box-shadow:0 18px 50px -48px #000000e6}.tl-compact-band:hover{border-color:color-mix(in srgb, var(--tier-color) 32%, var(--pv-border));box-shadow:0 24px 58px -46px color-mix(in srgb, var(--tier-color) 38%, transparent)}.tl-compact-tile{--tier-color:inherit;transition:transform .18s,border-color .18s,background-color .18s}.tl-compact-tile:hover{z-index:3;background:color-mix(in srgb, var(--tier-color) 5%, var(--pv-bg));transform:translateY(-2px)}.tl-cross-link{color:var(--pv-text);background:radial-gradient(260px 140px at 0 0, color-mix(in srgb, var(--pv-accent) 7%, transparent), transparent 70%), var(--pv-surface)}.tl-cross-link:hover{color:var(--pv-text);border-color:var(--pv-accent-line);background:radial-gradient(260px 140px at 0 0, color-mix(in srgb, var(--pv-accent) 11%, transparent), transparent 70%), var(--pv-surface)}@media (max-width:767px){.tl-stat-strip>div>div:nth-child(2){border-right:0}.tl-stat-strip>div>div:nth-child(-n+2){border-bottom:1px solid var(--pv-border)}.tl-category-card{min-height:264px}.tl-compact-band{flex-direction:column;gap:0}.tl-compact-band>span:first-child{border-bottom:1.5px solid color-mix(in srgb, var(--tier-color) 34%, transparent);border-radius:17px 17px 0 0;width:100%;height:54px;font-size:28px;border-right:0!important}}@media (prefers-reduced-motion:reduce){.tl-showcase-card,.tl-showcase-art,.tl-category-card,.tl-category-art,.tl-maker-card,.tl-champion-card,.tl-champion-art,.tl-entry-row,.tl-entry-portrait,.tl-compact-tile{transition:none}.tl-showcase-card:nth-child(n):hover,.tl-category-card:hover,.tl-maker-card:hover,.tl-champion-card:hover,.tl-entry-row:hover,.tl-compact-tile:hover,.tl-showcase-card:hover .tl-showcase-art,.tl-category-card:hover .tl-category-art,.tl-champion-card:hover .tl-champion-art{transform:none}}