.tb-page{color:#cfe3ef;background:#02080d;min-height:100vh}.tb-page>.w-full{width:min(1056px,100% - 32px);max-width:none;padding:0 0 40px}.tb-header{text-align:center;padding:20px 0 8px}.tb-header h1{letter-spacing:.02em;color:#e8f4fc;margin:0;font-size:28px;font-weight:700}.tb-subtitle{color:#7d9aab;margin:6px 0 0;font-size:14px}.tb-presets{flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;display:flex}.tb-presets.user{margin-top:9px}.tb-presets-lbl{color:#7d9aab;white-space:nowrap;margin-right:4px;font-size:13px;font-weight:600}.tb-presets-none{color:#5f7e8e;font-size:13px;font-style:italic}.tb-preset-btn{color:#cfe3ef;cursor:pointer;background:#0a2638;border:1px solid #24506a;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600;transition:all .15s}.tb-preset-btn:hover{background:#0f3548;border-color:#24d6e7}.tb-preset-btn.clear{color:#ff6b6b}.tb-user-preset{background:#0a1f2e;border:1px solid #1a3a4d;border-radius:6px;align-items:center;gap:2px;display:inline-flex;overflow:hidden}.tb-user-preset button{color:#cfe3ef;cursor:pointer;background:0 0;border:none;padding:5px 8px;font-size:13px}.tb-user-preset button:hover{background:#0a2535}.tb-user-preset button.del{color:#ff6b6b;border-left:1px solid #1a3a4d;padding:5px 6px}.tb-user-save{align-items:center;gap:4px;margin-left:4px;display:inline-flex}.tb-save-input{width:140px}.tb-save-btn{color:#031019;cursor:pointer;background:#58aae9;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.tb-save-btn:disabled{opacity:.4;cursor:default}.tb-team{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px;display:grid}@media (max-width:768px){.tb-team{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.tb-team{grid-template-columns:repeat(2,1fr)}}.tb-slot{cursor:pointer;text-align:center;background:#0b2638;border:1px solid #21445b;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:126px;padding:10px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.tb-slot:hover{border-color:#3b6f89}.tb-slot.selected{border-color:#16d9e7;box-shadow:0 0 0 1px #16d9e7}.tb-slot.filled{background:linear-gradient(#0a2535 0%,#051520 100%)}.tb-slot img{object-fit:cover;border:1px solid #1a3a4d;border-radius:8px;width:56px;height:56px}.tb-slot-name{color:#dceaf3;font-size:13px;font-weight:700;line-height:1.2}.tb-slot-skill{color:#58aae9;font-size:11px;line-height:1.2}.tb-slot-empty{color:#8eafc1;border:2px dashed #3a6078;border-radius:50%;place-items:center;width:50px;height:50px;font-size:28px;font-weight:200;line-height:1;display:grid}.tb-slot-empty-label{color:#5f7e8e;font-size:11px}.tb-slot-remove{color:#7d9aab;cursor:pointer;opacity:0;background:#0006;border:none;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.tb-slot:hover .tb-slot-remove{opacity:1}.tb-slot-remove:hover{color:#ff6b6b}.tb-columns{grid-template-columns:1.36fr 1fr;align-items:start;gap:16px;margin-top:18px;display:grid}@media (max-width:1024px){.tb-columns{grid-template-columns:1fr}}.tb-picker{background:0 0;border:0;border-radius:0;padding:0}.tb-picker-filters{flex-direction:column;gap:8px;display:flex}.tb-picker-primary{align-items:center;gap:10px;display:flex}.tb-picker-search{flex:260px;min-width:180px}.tb-element-checks{flex-wrap:wrap;gap:6px;display:flex}.tb-element-check{color:#9db8c8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0a1d28;border:1px solid #2e5270;border-radius:6px;align-items:center;gap:5px;min-height:30px;padding:4px 8px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.tb-element-check:hover{background:#102c3d;border-color:#4d7890}.tb-element-check.checked{color:#e4f8ff;background:#10374b;border-color:#26c9dc}.tb-element-check input{accent-color:#1ec9dc;cursor:pointer;width:13px;height:13px;margin:0}.tb-element-check img{object-fit:contain;filter:drop-shadow(0 1px 1px #00000059);width:18px;height:18px}.tb-picker-func{flex-shrink:0;width:132px}.tb-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:10px;height:574px;padding:0 8px 2px 0;display:grid;overflow-y:auto}.tb-pick-pal{cursor:pointer;background:#102d42;border:1px solid #28516a;border-radius:9px;flex-direction:column;align-items:center;gap:4px;min-height:136px;padding:9px 5px;transition:border-color .15s,transform .1s,background .15s;display:flex;position:relative}.tb-pick-pal:hover{background:#15394f;border-color:#35d2e0;transform:translateY(-1px)}.tb-pick-pal img{object-fit:cover;border:2px solid #396178;border-radius:50%;width:58px;height:58px}.tb-pick-elements{gap:3px;display:flex;position:absolute;top:8px;left:8px}.tb-pick-elements img{object-fit:contain;filter:drop-shadow(0 1px 1px #00000073);width:22px;height:22px}.tb-pick-name{color:#e0eef5;text-align:center;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.tb-pick-skill{color:#94b3c4;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;line-height:1.2;overflow:hidden}.tb-picker-empty{text-align:center;color:#5f7e8e;grid-column:1/-1;padding:30px;font-size:13px}.tb-summary{flex-direction:column;gap:12px;display:flex}.tb-summary-box{background:linear-gradient(#051a28 0%,#031019 100%);border:1px solid #173444;border-radius:10px;padding:14px}.tb-summary-box.empty{opacity:.7}.tb-summary-box h2{color:#dceaf3;margin:0 0 10px;font-size:15px;font-weight:700}.tb-warn-dupe{color:#ffb347;background:#ffb34714;border:1px solid #ffb34733;border-radius:6px;margin-bottom:10px;padding:6px 8px;font-size:12px}.tb-fx-chips{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.tb-fx-chip{color:#b8d4a0;white-space:nowrap;background:#78be5a1a;border:1px solid #78be5a40;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.tb-fx-chip.overlap{color:gold;background:#ffd70014;border-color:#ffd70040}.tb-fx-chip b{font-weight:800}.tb-readout{border-top:1px solid #112532;flex-wrap:wrap;align-items:center;gap:10px;padding-top:10px;display:flex}.tb-stat{color:#9db8c8;align-items:center;gap:4px;font-size:13px;display:inline-flex}.tb-stat b{color:#58aae9;font-size:18px;font-weight:800}.tb-stat-elements{gap:3px}.tb-el-icon{object-fit:contain;filter:drop-shadow(0 1px 1px #00000059);width:20px;height:20px;display:inline-block}.tb-detail-list{flex-direction:column;gap:8px;display:flex}.tb-detail-pal{background:#05131c;border:1px solid #173444;border-radius:8px;gap:10px;padding:10px;display:flex}.tb-detail-icon{flex-shrink:0}.tb-detail-icon img{object-fit:cover;border:1px solid #1a3a4d;border-radius:8px;width:48px;height:48px}.tb-detail-body{flex:1;min-width:0}.tb-detail-head{flex-direction:column;gap:1px;margin-bottom:4px;display:flex}.tb-detail-skill{color:#58aae9;font-size:13px;font-weight:700}.tb-detail-palname{color:#7d9aab;font-size:12px}.tb-detail-desc{color:#9db8c8;white-space:pre-line;margin:0;font-size:12px;line-height:1.45}@media (max-width:720px){.tb-page>.w-full{width:min(100% - 24px,1056px)}.tb-picker-primary{flex-wrap:wrap}.tb-picker-search{flex-basis:100%}.tb-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tb-loading{text-align:center;color:#5f7e8e;padding:60px 20px;font-size:14px}