.tl-root{--bone:oklch(0.94 0.01 80);--bone-2:oklch(0.78 0.01 80);--bone-3:oklch(0.55 0.008 80);--rule:oklch(0.30 0.01 250);--rule-soft:oklch(0.24 0.008 250);--ink:oklch(0.14 0.005 250);--ink-2:oklch(0.18 0.008 250);--blood-ref:oklch(0.55 0.22 27);--blood-2-ref:oklch(0.65 0.20 27);--ease-expo:cubic-bezier(0.16,1,0.3,1);min-height:100vh;background:oklch(.14 .005 250);color:var(--bone)}.tl-hero{position:relative;padding:72px 0 0;overflow:hidden}.tl-hero__atm{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.tl-hero__hex{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52' viewBox='0 0 60 52'%3E%3Cpath d='M30 2L56 17v18L30 50 4 35V17z' fill='none' stroke='rgba(204%2C0%2C0%2C0.07)' stroke-width='1'/%3E%3C/svg%3E");background-size:60px 52px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 30%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 80% at 50% 30%,black 20%,transparent 75%);opacity:.8}.tl-hero__orb-a{width:700px;height:700px;top:-200px;left:-150px;background:radial-gradient(circle,rgba(160,0,0,.28) 0,transparent 65%);animation:tlOrbA 20s ease-in-out infinite alternate}.tl-hero__orb-a,.tl-hero__orb-b{position:absolute;border-radius:50%;filter:blur(90px)}.tl-hero__orb-b{width:500px;height:500px;bottom:-100px;right:-100px;background:radial-gradient(circle,rgba(204,0,0,.14) 0,transparent 65%);animation:tlOrbB 25s ease-in-out infinite alternate}.tl-hero__fog{position:absolute;left:-50%;width:200%;bottom:0;height:55%;background:linear-gradient(0deg,oklch(.14 .005 250),transparent)}.tl-hero__scanline{position:absolute;inset:0;opacity:.025;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,1) 0,rgba(255,255,255,1) 3px)}.tl-hero__wm{position:absolute;left:0;right:0;bottom:-4vh;text-align:center;font-family:var(--font-display);font-size:clamp(180px,26vw,420px);line-height:.82;color:transparent;-webkit-text-stroke:1.5px rgba(204,0,0,.08);letter-spacing:-.03em;pointer-events:none;-webkit-user-select:none;user-select:none;animation:tlWatermarkDrift 24s ease-in-out infinite}.tl-hero__main{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;max-width:1400px;margin:0 auto;padding:48px 48px 56px;align-items:end}.tl-hero__eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--blood-ref);display:flex;align-items:center;gap:12px;margin-bottom:24px;animation:tlRiseIn .7s var(--ease-expo) .1s both}.tl-hero__eyebrow:before{content:"";width:32px;height:1px;background:var(--blood-ref);flex-shrink:0}.tl-hero__title{font-family:var(--font-display);font-size:clamp(64px,11vw,180px);line-height:.86;letter-spacing:-.01em;text-transform:uppercase;margin:0}.tl-hero__title-row{display:block}.tl-hero__title-row--1{color:var(--bone);animation:tlRiseInBig .9s var(--ease-expo) .25s both}.tl-hero__title-row--2{color:transparent;-webkit-text-stroke:2px var(--blood-ref);text-shadow:0 0 40px rgba(204,0,0,.2);animation:tlRiseInBig .9s var(--ease-expo) .4s both;padding-left:.14em}.tl-hero__lede{margin:40px 0 0;max-width:36ch;color:var(--bone-2);font-size:17px;line-height:1.5;animation:tlRiseIn .7s var(--ease-expo) .6s both}.tl-strong{color:var(--bone);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--bone) 28%,transparent);text-decoration-thickness:1.5px;text-underline-offset:3px}.tl-key{color:var(--blood-2-ref);font-weight:700;text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--blood-ref) 55%,transparent);text-decoration-thickness:2px;text-underline-offset:3px}.tl-hero__tabs{display:flex;gap:6px;margin-top:36px;flex-wrap:wrap;animation:tlRiseIn .7s var(--ease-expo) .75s both}.tl-hero__tab{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:16px 28px;cursor:pointer;text-decoration:none;border:1px solid var(--rule);background:transparent;color:var(--bone-3);transition:all .2s ease;display:flex;align-items:center;gap:10px;line-height:1}.tl-hero__tab:hover:not(.tl-tab--blood):not(.tl-tab--blue):not(.tl-tab--gold){border-color:rgba(255,255,255,.2);color:var(--bone-2)}.tl-hero__tab.tl-tab--blood{background:oklch(.55 .22 27/.12);border-color:oklch(.55 .22 27/.5);color:var(--blood-2-ref)}.tl-hero__tab.tl-tab--blue{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.45);color:#60a5fa}.tl-hero__tab.tl-tab--gold{background:rgba(212,175,55,.1);border-color:rgba(212,175,55,.45);color:#fde68a}.tl-hero__tab-count{font-size:9px;opacity:.6;letter-spacing:.1em}.tl-hero__panel{position:relative;border:1px solid var(--rule);background:linear-gradient(180deg,oklch(.16 .008 250),oklch(.13 .008 250));padding:28px 24px;display:flex;flex-direction:column;gap:0;overflow:hidden;animation:tlSlideInRight .9s var(--ease-expo) .5s both}.tl-hero__panel:after,.tl-hero__panel:before{content:"";position:absolute;width:14px;height:14px;border:1px solid var(--bone);opacity:0;animation:tlFadeOnly .5s ease 1.2s forwards}.tl-hero__panel:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.tl-hero__panel:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.tl-panel__head{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--bone-3);border-bottom:1px solid var(--rule-soft);padding-bottom:16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;animation:tlRiseIn .6s var(--ease-expo) .8s both}.tl-panel__head em{font-style:normal;color:var(--blood-ref)}.tl-panel__foot{margin-top:16px;padding-top:16px;border-top:1px solid var(--rule-soft);display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--bone-3);animation:tlRiseIn .6s var(--ease-expo) 1.4s both}.tl-panel__foot strong{color:var(--bone);font-weight:500}.tl-legend{display:flex;flex-direction:column}.tl-legend__row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:11px 0;border-top:1px solid var(--rule-soft);animation:tlSlideInLeft .5s var(--ease-expo) both}.tl-legend__row:first-child{border-top:none;animation-delay:.9s}.tl-legend__row:nth-child(2){animation-delay:.97s}.tl-legend__row:nth-child(3){animation-delay:1.04s}.tl-legend__row:nth-child(4){animation-delay:1.11s}.tl-legend__row:nth-child(5){animation-delay:1.18s}.tl-legend__row:nth-child(6){animation-delay:1.25s}.tl-legend__row:nth-child(7){animation-delay:1.32s}.tl-legend__key{font-family:var(--font-display);font-size:22px;letter-spacing:.04em;text-align:center;line-height:1;text-shadow:0 0 12px currentColor}.tl-legend__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-2)}.tl-legend__count{font-family:var(--font-display);font-size:18px;color:var(--bone);letter-spacing:.01em}.tl-ticker{border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft);overflow:hidden;background:oklch(.12 .005 250)}.tl-ticker__inner{display:flex;gap:64px;padding:16px 0;width:max-content;animation:tlTicker 25s linear infinite;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-2)}.tl-ticker:hover .tl-ticker__inner{animation-play-state:paused}.tl-ticker__item{display:flex;align-items:center;gap:18px;flex-shrink:0;white-space:nowrap}.tl-ticker__item strong{font-family:var(--font-display);font-size:16px;color:var(--bone);font-weight:400}.tl-ticker__diamond{width:6px;height:6px;background:var(--blood-ref);transform:rotate(45deg);flex-shrink:0;display:inline-block}.tl-section{padding:56px 48px 80px}.tl-section-grid{display:grid;grid-template-columns:196px 1fr;gap:0 32px;align-items:start}.tl-sidebar{display:flex;flex-direction:column;gap:4px;position:sticky;top:calc(var(--nav-h) + 32px)}.tl-sidebar__label{font-family:var(--font-mono);font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--bone-3);padding:8px 0 2px;opacity:.55}.tl-sidebar .tl-search-input{min-width:unset;flex:none;width:100%;margin-bottom:4px}.tl-sidebar .tl-filter-btn{width:100%;text-align:left;padding:9px 14px}.tl-sidebar .tl-version-pill{margin-top:12px;text-align:center;display:block}.tl-search-bar{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.tl-search-input{width:320px;background:oklch(.145 .005 250);border:1px solid var(--rule);border-left:2px solid var(--rule-soft);padding:9px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--bone);outline:none;transition:border-color .2s,border-left-color .2s,background .2s;-webkit-user-select:text;user-select:text}.tl-search-input::placeholder{color:var(--bone-3);letter-spacing:.05em}.tl-search-input:focus{border-left-color:var(--blood-ref);background:oklch(.155 .006 250)}.tl-filter-chips{display:flex;gap:4px;flex-wrap:wrap}.tl-filter-chips .filter-chip{font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border:1px solid var(--rule-soft);background:transparent;color:var(--bone-3);cursor:pointer;transition:all .15s}.tl-filter-chips .filter-chip:hover{border-color:rgba(255,255,255,.2);color:var(--bone-2);background:oklch(.16 .005 250);box-shadow:0 0 6px rgba(255,255,255,.12)}.tl-filter-chips .filter-chip--active{border-color:var(--chip-color,var(--blood-ref));color:var(--chip-color,var(--bone));background:color-mix(in srgb,var(--chip-color,var(--blood-ref)) 14%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--chip-color,var(--blood-ref)) 60%,transparent),inset 0 0 6px color-mix(in srgb,var(--chip-color,var(--blood-ref)) 15%,transparent)}.tl-filter-chips .filter-chip[data-tier=All]{--chip-color:rgba(255,255,255,0.7)}.tl-filter-chips .filter-chip[data-tier=S]{--chip-color:#bb1111}.tl-filter-chips .filter-chip[data-tier=A]{--chip-color:#cc4400}.tl-filter-chips .filter-chip[data-tier=B]{--chip-color:#cc9900}.tl-filter-chips .filter-chip[data-tier=C]{--chip-color:#22aa44}.tl-filter-chips .filter-chip[data-tier=D]{--chip-color:#2266cc}.tl-filter-chips .filter-chip[data-tier=F]{--chip-color:#aa22cc}.tl-filter-chips .filter-chip[data-tier=TBD]{--chip-color:#6b7280}.tl-filter-chips .filter-chip[data-tier]:not([data-tier=All]){color:var(--chip-color);border-color:color-mix(in srgb,var(--chip-color) 35%,transparent)}.tl-filter-chips .filter-chip[data-tier]:not([data-tier=All]):hover{background:color-mix(in srgb,var(--chip-color) 10%,transparent);border-color:color-mix(in srgb,var(--chip-color) 55%,transparent);box-shadow:0 0 6px color-mix(in srgb,var(--chip-color) 40%,transparent)}.tl-role-bar{display:flex;gap:6px;margin-bottom:24px;flex-wrap:wrap}.tl-tier-section{margin-bottom:4px}.tl-tier-header{display:flex;align-items:center;gap:14px;padding:5px 18px 5px 5px;border-bottom:1px solid rgba(255,255,255,.04)}.tl-tier-letter{font-size:38px;letter-spacing:.03em;text-shadow:0 0 18px currentColor,0 0 40px color-mix(in srgb,currentColor 40%,transparent);display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;background:color-mix(in srgb,currentColor 10%,rgba(0,0,0,.55));border:1px solid color-mix(in srgb,currentColor 42%,transparent);box-shadow:inset 0 0 16px color-mix(in srgb,currentColor 14%,transparent),0 0 10px color-mix(in srgb,currentColor 22%,transparent)}.tl-tier-desc,.tl-tier-letter{font-family:var(--font-display);line-height:1;color:currentColor}.tl-tier-desc{font-size:15px;letter-spacing:.12em;text-transform:uppercase;opacity:.65;text-shadow:0 0 12px currentColor}.tl-tier-count{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--bone-3)}.tl-tier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:1px;background:rgba(255,255,255,.06)}.tl-char-card{background:oklch(.11 .005 250);padding:12px 8px;text-align:center;cursor:default;transition:background .18s,transform .18s;display:flex;flex-direction:column;align-items:center;gap:8px}.tl-char-card:hover{background:oklch(.16 .008 250);transform:translateY(-3px)}.tl-char-name{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--bone-3);line-height:1.3;word-break:break-word;text-align:center}.tl-perk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1px;background:rgba(255,255,255,.06)}@keyframes tlRiseIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes tlRiseInBig{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}@keyframes tlSlideInRight{0%{opacity:0;transform:translateX(36px)}to{opacity:1;transform:none}}@keyframes tlSlideInLeft{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}@keyframes tlFadeOnly{0%{opacity:0}to{opacity:1}}@keyframes tlOrbA{0%{transform:translate(0) scale(1);opacity:.5}to{transform:translate(5%,8%) scale(1.1);opacity:.4}}@keyframes tlOrbB{0%{transform:translate(0) scale(1);opacity:.3}to{transform:translate(-6%,-5%) scale(1.08);opacity:.2}}@keyframes tlTicker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes tlWatermarkDrift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10px,-6px) scale(1.01)}}@media (max-width:1100px){.tl-hero__main{grid-template-columns:1fr;gap:40px}.tl-hero__wm{display:none}}@media (max-width:700px){.tl-hero{padding:56px 0 0}.tl-hero__main{padding:40px 24px 48px}.tl-section{padding:48px 24px 60px}.tl-hero__tabs,.tl-search-bar{flex-wrap:wrap}}@media (max-width:768px){.tl-tier-section{flex-direction:column}.tl-tier-header{cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem;min-height:var(--touch-target)}.tl-tier-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:.5rem}.tl-tier-chevron{font-size:10px;opacity:.6;margin-left:4px;flex-shrink:0}.tl-hero__tab{flex:1;text-align:center;min-height:var(--touch-target)}}