.tft-hub{color:#f5f7ff;background:#070b16;overflow:hidden}.tft-hero{background:radial-gradient(circle at 78% 42%,#9d73f53d,#0000 27%),radial-gradient(circle at 58% 18%,#52d6e826,#0000 30%),linear-gradient(135deg,#070b16 5%,#0b1630 56%,#171331);border-bottom:1px solid #52d6e829;position:relative;overflow:hidden}.tft-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#070b16d1);height:45%;position:absolute;inset:auto 0 0}.tft-hex-field{opacity:.19;background-image:linear-gradient(30deg,#0000 48%,#52d6e859 49% 51%,#0000 52%),linear-gradient(150deg,#0000 48%,#52d6e842 49% 51%,#0000 52%);background-size:84px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 72% 55%,#000,#0000 60%);mask-image:radial-gradient(circle at 72% 55%,#000,#0000 60%)}.tft-eyebrow{color:#52d6e8;letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.7rem;font-size:.72rem;font-weight:900;display:inline-flex}.tft-eyebrow img{filter:drop-shadow(0 0 10px #e8bd6759)}.tft-hero h1{letter-spacing:-.065em;text-transform:uppercase;margin-top:1.25rem;font-size:clamp(3.25rem,8vw,6.3rem);font-weight:950;line-height:.88}.tft-hero h1 span{color:#e8bd67;text-shadow:0 0 36px #e8bd672e}.tft-hero p{color:#a6b2cd;max-width:42rem;margin-top:1.5rem;font-size:1.05rem;line-height:1.8}.tft-hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.8rem;display:flex}.tft-hero-actions a{color:#bdf4fa;background:#52d6e814;border:1px solid #52d6e847;border-radius:.8rem;align-items:center;gap:.6rem;min-height:3rem;padding:0 1.1rem;font-size:.82rem;font-weight:850;transition:all .18s;display:inline-flex}.tft-hero-actions a:first-child{color:#f4d99a;background:linear-gradient(135deg,#e8bd6733,#e8bd6714);border-color:#e8bd6773}.tft-hero-actions a:hover{transform:translateY(-2px);box-shadow:0 14px 35px #0000004d}.tft-hero-links{flex-wrap:wrap;gap:1.2rem;margin-top:1.4rem;display:flex}.tft-hero-links a{color:#7f91b5;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800;transition:color .18s}.tft-hero-links a:hover{color:#52d6e8}.tft-prep-card{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#182440e0,#080d1bf2);border:1px solid #e8bd673d;border-radius:1.5rem;padding:1.3rem;position:relative;box-shadow:0 30px 80px #0000006b,inset 0 1px #ffffff0d}.tft-prep-top{color:#e8bd67;letter-spacing:.17em;text-transform:uppercase;border-bottom:1px solid #e8bd6729;justify-content:space-between;align-items:center;padding:.2rem .25rem 1rem;font-size:.7rem;font-weight:900;display:flex}.tft-prep-card ol{gap:.4rem;margin-top:.6rem;display:grid}.tft-prep-card li{border-radius:.85rem;grid-template-columns:2.3rem 1fr;align-items:center;gap:.8rem;padding:.8rem;transition:background .18s;display:grid}.tft-prep-card li:hover{background:#52d6e80e}.tft-prep-card li>span{color:#52d6e8;font-size:.67rem;font-weight:900}.tft-prep-card strong{color:#edf3ff;font-size:.85rem;display:block}.tft-prep-card small{color:#8090ae;margin-top:.2rem;font-size:.7rem;line-height:1.5;display:block}.tft-nav-wrap{background:#070b16f0;border-bottom:1px solid #52d6e81f}.tft-nav-wrap nav{margin-top:0;padding:.55rem 0}.tft-fundamentals{background:#0a1122;border-left:1px solid #52d6e81f;border-right:1px solid #52d6e81f;grid-template-columns:repeat(5,1fr);max-width:70rem;margin:0 auto;display:grid}.tft-fundamentals div{color:#9eabc7;text-transform:uppercase;letter-spacing:.04em;border-right:1px solid #52d6e81a;justify-content:center;align-items:center;gap:.55rem;min-height:4rem;font-size:.7rem;font-weight:800;display:flex}.tft-fundamentals div:last-child{border:0}.tft-fundamentals span{color:#52d6e8;background:#52d6e81a;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:.62rem;display:grid}.tft-section{max-width:72rem;margin:0 auto;padding:5.5rem 1.25rem}.tft-section-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.tft-section-heading>svg{color:#52d6e8;background:#52d6e80f;border:1px solid #52d6e833;border-radius:50%;width:3.7rem;height:3.7rem;padding:1rem}.tft-section-heading small{color:#52d6e8;letter-spacing:.19em;text-transform:uppercase;font-size:.65rem;font-weight:900}.tft-section-heading h2{color:#f5f7ff;letter-spacing:-.045em;margin-top:.65rem;font-size:clamp(2rem,5vw,3.4rem);font-weight:950;line-height:1}.tft-section-heading p{color:#9eabc7;max-width:43rem;margin-top:.9rem;line-height:1.75}.tft-guide-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.tft-guide-card{background:linear-gradient(145deg,#111a31e6,#080d1bf5);border:1px solid #263655;border-radius:1.2rem;flex-direction:column;min-height:18rem;padding:1.25rem;transition:all .22s;display:flex}.tft-guide-card:hover{border-color:#52d6e861;transform:translateY(-4px);box-shadow:0 22px 55px #0000004d}.tft-card-icon{color:#52d6e8;background:#52d6e812;border:1px solid #52d6e833;border-radius:.75rem;place-items:center;width:2.8rem;height:2.8rem;display:grid}.tft-card-icon svg{width:1.2rem}.tft-guide-card>small{color:#6e82a7;letter-spacing:.14em;text-transform:uppercase;margin-top:2.1rem;font-size:.58rem;font-weight:900}.tft-guide-card h3{margin-top:.5rem;font-size:1.08rem;font-weight:900}.tft-guide-card p{color:#8f9db9;margin-top:.65rem;font-size:.76rem;line-height:1.65}.tft-guide-card b{color:#52d6e8;align-items:center;gap:.45rem;margin-top:auto;padding-top:1rem;font-size:.7rem;display:flex}.tft-tone-gold{border-color:#e8bd6745}.tft-tone-gold .tft-card-icon,.tft-tone-gold b{color:#e8bd67}.tft-tone-violet .tft-card-icon,.tft-tone-violet b{color:#ad85ff}.tft-tone-violet .tft-card-icon{background:#9d73f514;border-color:#9d73f540}.tft-tone-blue .tft-card-icon{color:#79a0ff}.tft-strategy-section{background:radial-gradient(circle,#9d73f51a,#0000 38rem),#090d1b;border-block:1px solid #9d73f521}.tft-strategy-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.tft-strategy-grid article{background:#11142abd;border:1px solid #9d73f52e;border-radius:1.25rem;padding:1.4rem}.tft-strategy-grid svg{color:#ad85ff}.tft-strategy-grid small{color:#bc8ff5;letter-spacing:.12em;text-transform:uppercase;margin-top:2rem;font-size:.61rem;font-weight:900;display:block}.tft-strategy-grid h3{margin-top:.45rem;font-weight:900}.tft-strategy-grid p{color:#929db8;margin-top:.65rem;font-size:.77rem;line-height:1.65}.tft-patch-section{background:radial-gradient(circle at 100% 0,#52d6e80f,#0000 27rem)}.tft-patch-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:1rem;display:grid}.tft-widget-card{background:#0c1326c7;border:1px solid #52d6e829;border-radius:1.4rem;padding:1.2rem;overflow:hidden;box-shadow:0 20px 55px #00000038}.tft-widget-card>h3{font-size:1.05rem;font-weight:900}.tft-widget-card>p{color:#8f9db9;margin:.45rem 0 1.2rem;font-size:.76rem;line-height:1.6}.tft-useful-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.tft-useful-card{background:linear-gradient(145deg,#0d192de6,#090f1df5);border:1px solid #52d6e829;border-radius:1rem;flex-direction:column;min-height:14.5rem;padding:1.2rem;transition:all .22s;display:flex}.tft-useful-card:hover{background:#111f38;border-color:#52d6e86b;transform:translateY(-4px);box-shadow:0 18px 45px #0000004d}.tft-useful-card-top{color:#50617f;justify-content:space-between;align-items:flex-start;transition:color .18s;display:flex}.tft-useful-card:hover .tft-useful-card-top{color:#e8bd67}.tft-useful-icon{color:#52d6e8;background:#52d6e812;border:1px solid #52d6e838;border-radius:.8rem;place-items:center;width:2.8rem;height:2.8rem;transition:all .18s;display:grid}.tft-useful-card:hover .tft-useful-icon{color:#b996ff;background:#9d73f517;border-color:#9d73f559}.tft-useful-card>small{color:#52b7c8;letter-spacing:.13em;text-transform:uppercase;margin-top:1.8rem;font-size:.59rem;font-weight:900}.tft-useful-card>strong{color:#edf2ff;margin-top:.48rem;font-size:.94rem}.tft-useful-card>p{color:#8190ad;margin-top:.65rem;font-size:.7rem;line-height:1.65}.tft-useful-note{color:#8d98b1;background:#9d73f50b;border:1px solid #9d73f52e;border-radius:1rem;align-items:flex-start;gap:.8rem;margin-top:1rem;padding:1rem;display:flex}.tft-useful-note svg{color:#aa82ef;flex:none;margin-top:.15rem}.tft-useful-note p{font-size:.68rem;line-height:1.75}.tft-board-section{background-color:#090f20;background-image:linear-gradient(30deg,#0000 48%,#52d6e817 49% 51%,#0000 52%),linear-gradient(150deg,#0000 48%,#52d6e812 49% 51%,#0000 52%);background-size:84px 48px;border-block:1px solid #52d6e81f}.tft-stream-section{background:radial-gradient(circle at 85%,#e8bd6714,#0000 30rem),#090d19;border-block:1px solid #e8bd6724}.tft-stream-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.tft-stream-eyebrow{color:#b789e8;align-items:center;gap:.55rem;display:flex}.tft-stream-eyebrow small{letter-spacing:.19em;text-transform:uppercase;font-size:.65rem;font-weight:900}.tft-stream-heading h2{color:#f5f7ff;letter-spacing:-.045em;margin-top:.65rem;font-size:clamp(2rem,5vw,3.4rem);font-weight:950;line-height:1}.tft-stream-heading p{color:#9eabc7;max-width:44rem;margin-top:.9rem;line-height:1.75}.tft-stream-heading>strong{color:#e58dce;letter-spacing:.13em;text-transform:uppercase;background:#e765c512;border:1px solid #e765c542;border-radius:999px;flex:none;align-items:center;gap:.55rem;padding:.65rem .9rem;font-size:.61rem;font-weight:900;display:flex}.tft-stream-heading>strong i{background:#e765c5;border-radius:50%;width:.42rem;height:.42rem;box-shadow:0 0 11px #e765c5d9}.tft-stream-frame{background:linear-gradient(145deg,#12182ff5,#080b17fa);border:1px solid #9d73f53d;border-radius:1.5rem;padding:.75rem;overflow:hidden;box-shadow:0 25px 70px #00000059}.tft-stream-loading{color:#9eabc7;justify-content:center;align-items:center;gap:.65rem;min-height:18rem;font-size:.78rem;display:flex}.tft-stream-loading span{background:#e765c5;border-radius:50%;width:.5rem;height:.5rem;animation:1.4s ease-in-out infinite tft-stream-pulse;box-shadow:0 0 12px #e765c5cc}@keyframes tft-stream-pulse{50%{opacity:.35;transform:scale(.75)}}.tft-official-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.tft-official-heading small{color:#e8bd67;letter-spacing:.19em;text-transform:uppercase;font-size:.65rem;font-weight:900}.tft-official-heading h2{color:#f5f7ff;letter-spacing:-.045em;margin-top:.65rem;font-size:clamp(2rem,5vw,3.4rem);font-weight:950;line-height:1}.tft-official-heading p{color:#9eabc7;max-width:43rem;margin-top:.9rem;line-height:1.75}.tft-official-heading>svg{color:#e8bd67;background:#e8bd670f;border:1px solid #e8bd6738;border-radius:50%;flex:none;width:3.7rem;height:3.7rem;padding:1rem}.tft-official-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.tft-official-card{background:#111a31d1;border:1px solid #e8bd6726;border-radius:.9rem;grid-template-columns:2.7rem 1fr;align-items:center;gap:.85rem;min-height:7.5rem;padding:1rem;transition:all .22s;display:grid;position:relative}.tft-official-card:hover{background:#182440;border-color:#e8bd676b;transform:translateY(-3px);box-shadow:0 16px 38px #0000004d}.tft-official-icon{color:#52d6e8;background:#52d6e80f;border:1px solid #52d6e833;border-radius:.7rem;place-items:center;width:2.6rem;height:2.6rem;transition:all .18s;display:grid}.tft-official-card:hover .tft-official-icon{color:#e8bd67;background:#e8bd6712;border-color:#e8bd6759}.tft-official-copy{flex-direction:column;gap:.35rem;min-width:0;padding-right:.5rem;display:flex}.tft-official-copy strong{color:#edf2ff;font-size:.79rem}.tft-official-copy small{color:#7f8da9;font-size:.65rem;line-height:1.5}.tft-official-external{color:#53617c;transition:color .18s;position:absolute;top:.75rem;right:.75rem}.tft-official-card:hover .tft-official-external{color:#e8bd67}.tft-official-note{color:#52607b;margin-top:1rem;font-size:.62rem;line-height:1.7}.tft-related{max-width:72rem;margin:0 auto;padding:1rem 1.25rem 5.5rem}.tft-related-heading small{color:#e8bd67;letter-spacing:.19em;text-transform:uppercase;font-size:.65rem;font-weight:900}.tft-related-heading h2{color:#f5f7ff;letter-spacing:-.045em;margin-top:.65rem;font-size:clamp(2rem,5vw,3.4rem);font-weight:950;line-height:1}.tft-related-heading p{color:#9eabc7;max-width:42rem;margin-top:.9rem;line-height:1.75}.tft-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.tft-related-card{text-align:center;background:#0c1326;border:1px solid #52d6e829;border-radius:1.15rem;flex-direction:column;align-items:center;min-height:16.25rem;padding:2rem 1.5rem;transition:all .22s;display:flex;position:relative;overflow:hidden}.tft-related-card:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#e8bd67b3,#0000);height:1px;transition:opacity .18s;position:absolute;inset:auto 0 0}.tft-related-card:hover{border-color:#e8bd6761;transform:translateY(-4px);box-shadow:0 22px 55px #0000004d}.tft-related-card:hover:after{opacity:1}.tft-related-icon{place-items:center;width:4rem;height:4rem;display:grid}.tft-related-icon img{object-fit:contain;max-width:2.75rem;max-height:2.75rem}.tft-related-card>strong{color:#edf2ff;margin-top:1rem;font-size:1rem;font-weight:900;transition:color .18s}.tft-related-card:hover>strong{color:#f4d99a}.tft-related-card>p{color:#8391ae;margin-top:1.35rem;font-size:.72rem;line-height:1.7}.tft-related-action{color:#aab5ce;align-items:center;gap:.5rem;margin-top:auto;padding-top:1.75rem;font-size:.7rem;font-weight:700;transition:color .18s;display:flex}.tft-related-card:hover .tft-related-action{color:#e8bd67}.tft-hub a:focus-visible{outline-offset:3px;outline:2px solid #52d6e8}@media (max-width:900px){.tft-guide-grid,.tft-strategy-grid,.tft-official-grid,.tft-useful-grid{grid-template-columns:repeat(2,1fr)}.tft-patch-grid{grid-template-columns:1fr}.tft-fundamentals{border:1px solid #52d6e81f;border-radius:1rem;grid-template-columns:1fr;margin:1rem;overflow:hidden}.tft-fundamentals div{border-bottom:1px solid #52d6e81a;border-right:0;justify-content:flex-start;padding:0 1rem}}@media (max-width:600px){.tft-section{padding-top:4rem;padding-bottom:4rem}.tft-guide-grid,.tft-strategy-grid,.tft-related-grid,.tft-official-grid,.tft-useful-grid{grid-template-columns:1fr}.tft-guide-card{min-height:15.5rem}.tft-section-heading>svg,.tft-official-heading>svg,.tft-stream-heading>strong{display:none}.tft-hero h1{font-size:3.35rem}.tft-nav-wrap{overflow-x:auto}.tft-nav-wrap nav{min-width:620px}}