.tft-grid{display:grid;gap:12px}.tft-champgrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tft-traitgrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tft-itemgrid,.tft-auggrid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.tft-filterbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tft-fbtn{padding:6px 13px;border:1px solid var(--bd);border-radius:8px;background:var(--bg1);color:var(--t2);font-size:.8rem;font-weight:600;cursor:pointer;border-left:3px solid var(--cc, var(--bd));transition:color .12s,background .12s}.tft-fbtn:hover{color:var(--t1)}.tft-fbtn.on{background:var(--bg2);color:var(--t1)}.tftf-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;border:1px solid var(--bd);border-radius:14px;background:var(--bg1)}.tftf-search{position:relative;flex:1 1 230px;min-width:180px}.tftf-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--t3);fill:none;stroke-width:2;stroke-linecap:round;pointer-events:none}.tftf-search input{width:100%;padding:9px 12px 9px 36px;border:1px solid var(--bd);border-radius:10px;background:var(--bg2);color:var(--t1);font-size:.86rem}.tftf-search input::placeholder{color:var(--t3)}.tftf-search input:focus{outline:none;border-color:var(--accent, #2d9b7a);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #2d9b7a) 14%,transparent)}.tftf-costs{display:flex;flex-wrap:wrap;gap:5px}.tftf-cpill{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid var(--bd);border-radius:9px;background:var(--bg2);color:var(--t2);font-size:.8rem;font-weight:700;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.tftf-cpill .tft-ico{width:12px;height:12px;fill:var(--cc, var(--t3))}.tftf-cpill:hover{color:var(--t1);border-color:var(--bdh)}.tftf-cpill.on{background:var(--accent, #2d9b7a);border-color:var(--accent, #2d9b7a);color:#06120e}.tftf-cpill.on .tft-ico{fill:#06120e}.tftf-traits{position:relative;display:inline-flex;align-items:center}.tftf-traits select{appearance:none;-webkit-appearance:none;padding:9px 32px 9px 34px;border:1px solid var(--bd);border-radius:10px;background:var(--bg2);color:var(--t1);font-size:.82rem;font-weight:600;cursor:pointer;max-width:220px}.tftf-traits select:focus{outline:none;border-color:var(--accent, #2d9b7a)}.tftf-funnel{position:absolute;left:11px;width:15px;height:15px;fill:var(--t3);pointer-events:none}.tftf-chev{position:absolute;right:9px;width:16px;height:16px;fill:none;stroke:var(--t3);stroke-width:2;stroke-linecap:round;pointer-events:none}.tftf-count{margin-left:auto;font-size:.74rem;color:var(--t3);font-family:var(--ff-m, monospace);white-space:nowrap}.tftf-count b{color:var(--gold)}.tftf-nores{text-align:center;color:var(--t3);padding:30px 0}@media(max-width:640px){.tftf-count{margin-left:0}.tftf-traits,.tftf-traits select{width:100%;max-width:none}}.tft-champ{border:1px solid var(--bd);border-left:3px solid var(--cc);border-radius:12px;background:var(--bg1);padding:12px;display:flex;flex-direction:column;gap:9px}.tft-champ-head{display:flex;gap:11px;align-items:flex-start}.tft-champ-img{width:56px;height:56px;border-radius:10px;border:2px solid var(--cc);object-fit:cover;flex-shrink:0}.tft-champ-id{min-width:0;flex:1}.tft-champ-id b{display:block;font-size:.95rem;color:var(--t1)}.tft-cost{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;color:var(--cc)}.tft-champ-traits{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tft-trchip{font-size:.68rem;padding:2px 7px;border-radius:6px;background:var(--bg2);color:var(--t2)}.tft-champ-stats{display:flex;flex-wrap:wrap;gap:4px 12px;font-family:var(--ff-m, monospace);font-size:.74rem;color:var(--t2)}.tft-champ-stats span{white-space:nowrap;display:inline-flex;align-items:center}.tft-ico{width:13px;height:13px;margin-right:4px;flex-shrink:0;fill:currentColor}.tft-ico-hp{fill:#ef5350}.tft-ico-ad{fill:#e0913a}.tft-ico-as{fill:#f2cb45}.tft-ico-armor{fill:#c9a36a}.tft-ico-mr{fill:#46b8d8}.tft-ico-mana{fill:#4a8ff0}.tft-ico-ap{fill:#c558ff}.tft-ico-crit{fill:#f0654a}.tft-ico-cost{width:11px;height:11px;margin-right:2px;fill:var(--cc)}.tft-champ-ability{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--bd)}.tft-champ-ability img{width:22px;height:22px;border-radius:5px;flex-shrink:0}.tft-champ-ability b{font-size:.8rem;color:var(--accent, #2d9b7a)}.tft-champ-ability p{margin:3px 0 0;font-size:.76rem;line-height:1.45;color:var(--t2);white-space:pre-line}.tft-trait{border:1px solid var(--bd);border-radius:12px;background:var(--bg1);padding:12px}.tft-trait-head{display:flex;align-items:center;gap:9px}.tft-trait-img{width:34px;height:34px;flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.tft-trait-head b{font-size:.9rem;color:var(--t1);flex:1}.tft-bps{display:flex;gap:4px}.tft-bp{width:22px;height:22px;display:grid;place-items:center;border-radius:5px;font-size:.72rem;font-weight:800;color:#0b0b0e;background:var(--bc)}.tft-trait-desc{margin:9px 0 0;font-size:.78rem;line-height:1.5;color:var(--t2);white-space:pre-line}.tft-itemsec{margin-bottom:22px}.tft-h2{font-family:var(--ff-h, inherit);font-size:1.05rem;color:var(--t1);margin:0 0 12px}.tft-h2 small{color:var(--t3);font-weight:400;font-size:.8rem}.tft-item{display:flex;gap:11px;border:1px solid var(--bd);border-radius:12px;background:var(--bg1);padding:11px}.tft-item-img{width:44px;height:44px;border-radius:9px;flex-shrink:0;align-self:flex-start}.tft-item-info{min-width:0}.tft-item-info b{font-size:.85rem;color:var(--t1)}.tft-item-recipe{display:inline-flex;gap:3px;margin-left:7px;vertical-align:middle}.tft-item-recipe img{width:20px;height:20px;border-radius:4px}.tft-item-info p{margin:5px 0 0;font-size:.76rem;line-height:1.45;color:var(--t2);white-space:pre-line}.tft-itemgrid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px}.tft-itc{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:132px;padding:12px 8px;border:1px solid var(--bd);border-radius:12px;background:var(--bg1);text-decoration:none;text-align:center;transition:border-color .15s,transform .15s,box-shadow .15s}.tft-itc:hover{border-color:var(--accent, #2d9b7a);transform:translateY(-2px);box-shadow:0 6px 18px #00000047}.tft-itc .sq{width:68px;height:68px;border-radius:12px;overflow:hidden;background:var(--bg2);border:1px solid var(--bd);flex-shrink:0}.tft-itc .sq img{width:100%;height:100%;object-fit:cover;display:block}.tft-itc b{font-size:.76rem;font-weight:600;color:var(--t1);line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tft-itc .recipe{display:flex;gap:3px;margin-top:auto}.tft-itc .recipe img{width:18px;height:18px;border-radius:4px}.tft-chgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}.tft-chc{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:158px;padding:12px 8px;border:1px solid var(--bd);border-left:3px solid var(--cc);border-radius:12px;background:var(--bg1);text-decoration:none;text-align:center;transition:border-color .15s,transform .15s,box-shadow .15s}.tft-chc:hover{border-color:var(--cc);transform:translateY(-2px);box-shadow:0 6px 18px #00000047}.tft-chc .sq{width:64px;height:64px;border-radius:12px;overflow:hidden;border:2px solid var(--cc);flex-shrink:0}.tft-chc .sq img{width:100%;height:100%;object-fit:cover;display:block}.tft-chc b{font-size:.78rem;font-weight:600;color:var(--t1);line-height:1.2}.tft-chc .cost{display:inline-flex;align-items:center;gap:2px;font-size:.72rem;font-weight:700;color:var(--cc)}.tft-chc .traits{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-top:auto}.tft-chc .trchip{font-size:.62rem;padding:1px 6px;border-radius:5px;background:var(--bg2);color:var(--t2)}.tft-trcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}.tft-trc{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:122px;padding:12px 8px;border:1px solid var(--bd);border-radius:12px;background:var(--bg1);text-decoration:none;text-align:center;transition:border-color .15s,transform .15s,box-shadow .15s}.tft-trc:hover{border-color:var(--accent, #2d9b7a);transform:translateY(-2px);box-shadow:0 6px 18px #00000047}.tft-trc .tic{width:36px;height:36px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.tft-trc b{font-size:.8rem;font-weight:600;color:var(--t1);line-height:1.2}.tft-trc .bps{display:flex;gap:3px;margin-top:auto;flex-wrap:wrap;justify-content:center}.tft-d-bps{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.tft-d-bplabel{font-size:.72rem;color:var(--t3);margin-left:4px}.tft-tp{position:fixed;z-index:80;max-width:300px;padding:10px 12px;border:1px solid var(--bd);border-radius:11px;background:var(--bg2);box-shadow:0 14px 34px #00000080;pointer-events:none}.tft-tp[hidden]{display:none}.tft-tp-sub{margin-top:4px;font-size:.7rem;font-weight:600;color:var(--t3)}.tft-tp-h{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700;color:var(--t1)}.tft-tp-h img{width:26px;height:26px;border-radius:6px}.tft-tp-stats{display:flex;flex-wrap:wrap;gap:3px 11px;margin:8px 0 0;font-size:.73rem;color:var(--t2)}.tft-tp-stats span{display:inline-flex;align-items:center}.tft-tp p{margin:8px 0 0;font-size:.75rem;line-height:1.45;color:var(--t2);white-space:pre-line}.tft-tp-ab{margin-top:8px;padding-top:8px;border-top:1px solid var(--bd)}.tft-tp-ab b{font-size:.78rem;color:var(--accent, #2d9b7a)}.tft-tp-hint{display:block;margin-top:8px;font-size:.68rem;color:var(--t3)}.tft-d{max-width:880px;margin:0 auto}.tft-d-head{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid var(--bd);border-radius:14px;background:var(--bg1)}.tft-d-img{width:84px;height:84px;border-radius:14px;flex-shrink:0;border:1px solid var(--bd)}.tft-d-sq{width:84px;height:84px;border-radius:14px;overflow:hidden;flex-shrink:0;border:2px solid var(--cc, var(--bd));background:var(--bg2)}.tft-d-sq img{width:100%;height:100%;object-fit:cover;display:block}.tft-d-id{min-width:0}.tft-d-kind .tft-ico{width:13px;height:13px;vertical-align:-2px}.tft-d-traits{display:flex;flex-wrap:wrap;gap:5px}.tft-d-traits .tft-trchip{font-size:.72rem;padding:3px 9px;border-radius:6px;background:var(--bg2);color:var(--t2);text-decoration:none}.tft-d-traits .tft-trchip:hover{color:var(--t1);background:var(--bg3, #20242e)}.tft-d-statgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 16px;padding:14px;border:1px solid var(--bd);border-radius:12px;background:var(--bg1)}.tft-d-statgrid .tft-d-stat{font-size:.84rem;color:var(--t2)}.tft-d-statgrid .tft-ico{width:15px;height:15px}.tft-d-ability{display:flex;gap:12px;padding:14px;border:1px solid var(--bd);border-radius:12px;background:var(--bg1)}.tft-d-ability img{width:40px;height:40px;border-radius:8px;flex-shrink:0}.tft-d-ability b{font-size:.9rem;color:var(--accent, #2d9b7a)}.tft-d-ability p{margin:5px 0 0;font-size:.86rem;line-height:1.55;color:var(--t2);white-space:pre-line}.tft-reco{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;padding:16px;border:1px solid var(--bd);border-radius:12px;background:var(--bg1)}.tft-reco-board{display:flex;flex-direction:column;align-items:center;gap:7px}.tft-pos-cap{font-size:.64rem;color:var(--t3);letter-spacing:.06em;text-transform:uppercase}.tft-pos{display:flex;flex-direction:column;gap:3px}.tft-pos-row{display:flex;gap:4px;justify-content:center}.tft-pos-row:nth-child(2n){margin-left:17px}.tft-pos-hex{width:28px;height:32px;background:var(--bg3, #20242e);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.tft-pos-hex.on{background:var(--cc);box-shadow:0 0 10px color-mix(in srgb,var(--cc) 60%,transparent)}.tft-pos-lbl{font-size:.78rem;color:var(--t2);text-align:center}.tft-pos-lbl b{color:var(--t1)}.tft-reco-info{display:flex;flex-direction:column;gap:14px;min-width:0}.tft-reco-block h3{font-size:.82rem;color:var(--t2);margin:0 0 8px;font-family:inherit;font-weight:700}@media(max-width:560px){.tft-reco{grid-template-columns:1fr}}.tft-d-kind{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent, #2d9b7a)}.tft-d-id h1{font-family:var(--ff-h, inherit);font-size:1.5rem;color:var(--t1);margin:4px 0 8px}.tft-d-stats{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.82rem;color:var(--t2)}.tft-d-stat{display:inline-flex;align-items:center}.tft-d-stat .tft-ico{width:15px;height:15px}.tft-d-stat b{color:var(--t1);margin-right:4px}.tft-d-sec{margin-top:18px}.tft-d-sec h2{font-family:var(--ff-h, inherit);font-size:1rem;color:var(--t1);margin:0 0 10px}.tft-d-sec h2 small{color:var(--t3);font-weight:400;font-size:.8rem}.tft-d-desc{margin:0;font-size:.88rem;line-height:1.55;color:var(--t2);white-space:pre-line;padding:14px;border:1px solid var(--bd);border-radius:12px;background:var(--bg1)}.tft-d-rel{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tft-d-plus{color:var(--t3);font-weight:700}.tft-d-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.tft-d-rc{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--bd);border-radius:10px;background:var(--bg1);text-decoration:none;transition:border-color .15s}.tft-d-rc:hover{border-color:var(--accent, #2d9b7a)}.tft-d-rc img{width:40px;height:40px;border-radius:8px;flex-shrink:0}.tft-d-rc span{font-size:.8rem;color:var(--t1);min-width:0;overflow:hidden;text-overflow:ellipsis}.tft-d-note{font-size:.82rem;color:var(--t3);margin:0}.tft-d-changes{padding:12px 14px;border:1px solid var(--bd);border-radius:12px;background:var(--bg1)}.tft-d-cver{display:inline-block;font-family:var(--ff-m, monospace);font-size:.78rem;color:var(--accent, #2d9b7a);margin-bottom:8px}.tft-d-chg{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid var(--bd);font-size:.82rem}.tft-d-chk{color:var(--t2)}.tft-d-chv{font-family:var(--ff-m, monospace);color:var(--t3)}.tft-d-chv b{color:var(--t1)}.bidx-collapsed{max-width:1100px;margin:22px auto 0;border:1px solid var(--bd);border-radius:12px;background:var(--bg1);padding:4px 14px}.bidx-collapsed>summary{cursor:pointer;list-style:none;padding:10px 0;font-weight:700;color:var(--t1)}.bidx-collapsed>summary::-webkit-details-marker{display:none}.bidx-collapsed>summary:after{content:"▾";float:right;color:var(--t3)}.bidx-collapsed[open]>summary:after{content:"▴"}.bidx-collapsed[open]{padding-bottom:14px}.tft-bars{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--bd);border-radius:12px;background:var(--bg1)}.tft-bar{display:grid;grid-template-columns:116px 1fr 96px;align-items:center;gap:10px;font-size:.8rem}.tft-bar-label{color:var(--t2);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.tft-bar-label .tft-ico{width:13px;height:13px}.tft-bar-track{position:relative;height:9px;border-radius:5px;background:var(--bg3, #20242e)}.tft-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:5px;background:linear-gradient(90deg,var(--accent, #2d9b7a),#46b8d8);min-width:3px}.tft-bar-avg{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--gold);border-radius:1px}.tft-bar-val{font-family:var(--ff-m, monospace);color:var(--t1);text-align:right}.tft-bar-val .d-up{color:#4ade80}.tft-bar-val .d-dn{color:#f87171}.tft-bar-val .d-eq{color:var(--t3)}.tft-bars-cap{font-size:.72rem;color:var(--t3);margin:8px 2px 0;display:flex;gap:14px;flex-wrap:wrap}.tft-bars-cap i{font-style:normal}.tft-bars-cap .k-avg:before{content:"";display:inline-block;width:2px;height:10px;background:var(--gold);margin-right:5px;vertical-align:-1px}.tft-chart-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.74rem;color:var(--t2)}.tft-chart-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}.tft-radar{display:flex;flex-direction:column;align-items:center;gap:8px}.tft-radar svg{width:100%;max-width:250px;height:auto}.tft-radar-ring{fill:none;stroke:var(--bd);stroke-width:1;opacity:.55}.tft-radar-axis{stroke:var(--bd);stroke-width:1;opacity:.4}.tft-radar-cmp{fill:none;stroke-width:1.5;stroke-dasharray:3 3}.tft-radar-main{stroke-width:2}.tft-radar-lbl{fill:var(--t2);font-size:10px;font-family:var(--ff-b, inherit)}.tft-donut{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.tft-donut svg{width:150px;height:150px;flex-shrink:0}.tft-donut-c{fill:var(--t1);font-size:28px;font-weight:800;font-family:var(--ff-h, inherit)}.tft-donut-cs{fill:var(--t3);font-size:10px}.tft-donut-legend{flex-direction:column;gap:6px;align-items:flex-start}.tft-donut-legend span{display:inline-flex;align-items:center}.tft-donut-legend b{margin-left:5px;color:var(--t1)}.tft-donut-legend small{margin-left:5px;color:var(--t3)}.tft-chartpanel{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding:14px 16px;margin-bottom:16px;border:1px solid var(--bd);border-radius:14px;background:var(--bg1)}.tft-chartpanel h2{font-family:var(--ff-h, inherit);font-size:.95rem;color:var(--t1);margin:0 14px 0 0}.tft-statviz{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:20px;align-items:center}@media(max-width:620px){.tft-statviz{grid-template-columns:1fr}}.tft-augbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.tft-augsearch{flex:1;max-width:360px;padding:9px 13px;border:1px solid var(--bd);border-radius:9px;background:var(--bg1);color:var(--t1);font-size:.88rem}.tft-augsearch:focus{outline:none;border-color:var(--accent, #2d9b7a)}.tft-augcount{font-size:.78rem;color:var(--t3);font-family:var(--ff-m, monospace)}.tft-augtiers{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.tft-tierchip{font:inherit;font-size:.76rem;font-weight:700;color:var(--t2);background:var(--bg1);border:1px solid var(--bd);border-radius:999px;padding:5px 13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.tft-tierchip:hover{border-color:var(--tc);color:var(--tc)}.tft-tierchip.on{color:var(--tc);border-color:var(--tc);background:color-mix(in srgb,var(--tc) 14%,transparent)}.tft-itc .sq{position:relative}.tft-augdot{position:absolute;top:4px;right:4px;width:9px;height:9px;border-radius:50%;background:var(--tc);box-shadow:0 0 0 2px var(--bg2)}.tft-itc[data-tier=unknown] .tft-augdot{display:none}.tft-augtier{color:var(--tc)!important;border:1px solid var(--tc);border-radius:6px;padding:2px 9px;display:inline-block}.tft-aug{display:flex;gap:10px;border:1px solid var(--bd);border-radius:11px;background:var(--bg1);padding:10px}.tft-aug-img{width:40px;height:40px;border-radius:8px;flex-shrink:0;align-self:flex-start}.tft-aug b{font-size:.83rem;color:var(--t1)}.tft-aug p{margin:4px 0 0;font-size:.75rem;line-height:1.45;color:var(--t2);white-space:pre-line}@media(max-width:520px){.tft-champgrid,.tft-traitgrid,.tft-itemgrid,.tft-auggrid{grid-template-columns:1fr}}.tftb-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px;padding:10px 12px;border:1px solid var(--bd);border-radius:12px;background:var(--bg1)}.tftb-nameinput{padding:8px 12px;border:1px solid var(--bd);border-radius:8px;background:var(--bg1);color:var(--t1);font-size:.86rem;min-width:180px}.tftb-nameinput:focus,.tftb-loadsel:focus,.tftb-picksearch:focus{outline:none;border-color:var(--accent, #2d9b7a)}.tftb-btn{padding:8px 14px;border:1px solid var(--bd);border-radius:8px;background:var(--bg1);color:var(--t1);font-size:.82rem;font-weight:600;cursor:pointer}.tftb-btn:hover{border-color:var(--bdh)}.tftb-save{background:var(--accent, #2d9b7a);border-color:var(--accent, #2d9b7a);color:#06120e}.tftb-del:hover{border-color:var(--rl);color:var(--rl)}.tftb-loadsel{padding:8px 10px;border:1px solid var(--bd);border-radius:8px;background:var(--bg1);color:var(--t1);font-size:.82rem;max-width:220px}.tftb-count{font-size:.78rem;color:var(--t3);font-family:var(--ff-m, monospace);margin-left:auto}.tftb-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.tftb-help{font-size:.74rem;color:var(--t3);line-height:1.5;margin:14px 0 0}.tftb-sec-h{font-family:var(--ff-h, inherit);font-size:.9rem;color:var(--t1);margin:20px 0 9px}.tftb-boardwrap{max-width:660px;margin:0 auto}.tftb-boardcap{display:flex;align-items:center;justify-content:space-between;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin:0 8px 7px}.tftb-boardcap .enemy{color:#e0727a}.tftb-boardcap .you{color:var(--accent, #2d9b7a)}.tftb-board{display:flex;flex-direction:column;gap:7px;padding:20px 16px;border:1px solid var(--bds);border-radius:16px;overflow-x:auto;background:radial-gradient(135% 70% at 50% 0%,rgba(224,114,122,.08),transparent 55%),radial-gradient(135% 70% at 50% 100%,rgba(46,196,122,.08),transparent 55%),linear-gradient(180deg,#141821,#0d0f15);box-shadow:inset 0 1px #ffffff0a,0 14px 36px #0000006b}.tftb-row{display:flex;gap:7px;justify-content:center}.tftb-row:nth-child(2n){margin-left:33px}.tftb-hex{position:relative;width:58px;height:66px;flex-shrink:0;padding:0;border:0;cursor:pointer;background:linear-gradient(180deg,#2a3140,#181d27);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transition:transform .12s ease,background .12s,filter .12s}.tftb-hex:not(.filled):hover{background:linear-gradient(180deg,#3a4458,#262d3b);transform:translateY(-2px);filter:drop-shadow(0 0 6px rgba(120,140,170,.4))}.tftb-hex.filled{background:var(--cc);cursor:grab;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}.tftb-hex.filled:hover{transform:translateY(-2px);filter:drop-shadow(0 0 9px var(--cc))}.tftb-hex.filled img{width:100%;height:100%;object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transform:scale(.86)}.tftb-stars{position:absolute;inset:4px 0 auto;display:flex;justify-content:center;gap:1px;pointer-events:none}.tftb-star{width:9px;height:9px;fill:#f2cb45;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}.tftb-x{position:absolute;top:6px;right:12px;width:15px;height:15px;line-height:14px;text-align:center;border-radius:50%;background:#0a0a0ecc;color:#fff;font-size:12px}.tftb-x:hover{background:var(--rl)}.tftb-traits{display:flex;flex-direction:column;gap:5px}.tftb-hint{font-size:.8rem;color:var(--t3)}.tftb-trow{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:var(--bg1);border-left:3px solid transparent;opacity:.55;transition:opacity .12s}.tftb-trow.on{opacity:1;background:var(--bg2);border-left-color:var(--accent, #2d9b7a)}.tftb-tnum{min-width:22px;height:22px;padding:0 5px;display:inline-grid;place-items:center;border-radius:5px;font-size:.72rem;font-weight:800;color:#0b0b0e}.tftb-tico{width:22px;height:22px}.tftb-tname{flex:1;font-size:.82rem;color:var(--t1)}.tftb-tbp{font-family:var(--ff-m, monospace);font-size:.76rem;color:var(--t2)}.tftb-picker{border:1px solid var(--bd);border-radius:14px;background:var(--bg1);padding:12px;position:sticky;top:12px}.tftb-picksearch{width:100%;padding:8px 11px;border:1px solid var(--bd);border-radius:8px;background:var(--bg2);color:var(--t1);font-size:.84rem;margin-bottom:9px}.tftb-costrow{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.tftb-costrow .tft-fbtn{padding:4px 9px;font-size:.74rem}.tftb-pickgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:7px;max-height:64vh;overflow-y:auto;padding-right:2px}.tftb-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border:1px solid transparent;border-radius:9px;background:var(--bg2);cursor:grab;transition:transform .1s ease,border-color .12s}.tftb-pick:hover{transform:translateY(-2px)}.tftb-pick img{width:48px;height:48px;border-radius:8px;border:2px solid var(--cc);object-fit:cover}.tftb-pick span{font-size:.62rem;color:var(--t2);text-align:center;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tftb-pick.sel{border-color:var(--accent, #2d9b7a);background:var(--bg3, #20242e)}.tftb-pick:hover{border-color:var(--bdh)}.tftb-pick{cursor:grab}.tftb-tabs{display:flex;gap:4px;margin-bottom:9px}.tftb-tab{flex:1;padding:7px 10px;border:1px solid var(--bd);border-radius:8px;background:var(--bg1);color:var(--t2);font-size:.8rem;font-weight:600;cursor:pointer}.tftb-tab.on{background:var(--bg2);color:var(--t1);border-color:var(--bdh)}.tftb-traitsel{width:100%;margin-bottom:10px;padding:7px 10px;border:1px solid var(--bd);border-radius:8px;background:var(--bg1);color:var(--t1);font-size:.8rem}.tftb-traitsel:focus{outline:none;border-color:var(--accent, #2d9b7a)}.tft-filterbar .tftb-traitsel{width:auto;max-width:220px;margin:0 0 0 auto}.tftb-itemgrid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr))}.tftb-ipick{display:flex;align-items:center;justify-content:center;padding:4px;border:1px solid transparent;border-radius:8px;background:var(--bg2);cursor:grab}.tftb-ipick img{width:38px;height:38px;border-radius:6px}.tftb-ipick.sel{border-color:var(--accent, #2d9b7a);background:var(--bg3, #20242e)}.tftb-ipick:hover{border-color:var(--bdh)}.tftb-hex.filled{cursor:grab}.tftb-stars{top:4px;bottom:auto}.tftb-uits{position:absolute;bottom:2px;left:0;right:0;display:flex;justify-content:center;gap:1px}.tftb-uit{width:15px;height:15px;border-radius:3px;overflow:hidden;border:1px solid rgba(0,0,0,.6);background:var(--bg1);cursor:pointer;flex-shrink:0}.tftb-uit img{width:100%!important;height:100%!important;object-fit:cover!important;clip-path:none!important;transform:none!important;border-radius:0!important}.tftb-uit:hover{outline:1px solid var(--rl)}@media(max-width:760px){.tftb-main{grid-template-columns:1fr}.tftb-picker{position:static}}