.tc-picker{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px;display:grid}.tc-pick{color:var(--text);background:linear-gradient(180deg, var(--bg-2), var(--bg-3));border:1px solid var(--line);border-top:3px solid var(--c);border-radius:var(--radius);flex-direction:column;gap:12px;padding:14px;transition:border-color .15s,transform .15s;display:flex}.tc-pick:hover{border-color:var(--c);text-decoration:none;transform:translateY(-1px)}.tc-pick-head{align-items:center;gap:12px;display:flex}.tc-pick-head>img{width:40px;height:40px;box-shadow:0 0 0 2px var(--c), 0 0 16px color-mix(in srgb, var(--c) 45%, transparent);border-radius:50%}.tc-pick-head h3{color:var(--c);margin:0 0 2px}.tc-pick-counts{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:.78rem;display:flex}.tc-pick-counts .is-new{color:var(--new)}.tc-pick-counts .is-changed{color:var(--changed)}.tc-pick-counts .is-removed{color:var(--removed)}.tc-pick-trees{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.tc-pick-tree{border:1px solid var(--line);background:#07090d;border-radius:8px;flex-direction:column;justify-content:flex-end;height:92px;padding:6px;display:flex;position:relative;overflow:hidden}.tc-pick-art{object-fit:cover;opacity:.6;width:100%;height:100%;transition:opacity .2s,transform .3s;position:absolute;inset:0}.tc-pick:hover .tc-pick-art{opacity:.8;transform:scale(1.04)}.tc-pick-tree:after{content:"";background:linear-gradient(#0000 30%,#05070be6);position:absolute;inset:0}.tc-pick-tname{z-index:1;align-items:center;gap:5px;min-width:0;font-size:.76rem;font-weight:700;line-height:1.2;display:flex;position:relative}.tc-pick-tname img{border-radius:4px;flex:none}.tc-pick-tcount{z-index:1;color:var(--gold-2);background:#0009;border-radius:999px;padding:0 6px;font-size:.7rem;position:absolute;top:5px;right:6px}.tc-pick-cta{color:var(--gold-2);font-size:.82rem;font-weight:600}.tc-how{max-width:820px;margin-top:28px}.tc-how ul{color:var(--muted);margin:0 0 12px;padding-left:20px}.tc-how li{margin-bottom:4px}.tc-source{color:var(--faint);margin:8px 0 0;font-size:.8rem}.tc-classnav{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.tc-classlink{border:1px solid var(--line);color:var(--c);background:#0b0e14bf;border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 3px;font-size:.82rem;font-weight:600;display:inline-flex}.tc-classlink img{border-radius:50%}.tc-classlink:hover{border-color:var(--c);text-decoration:none}.tc-classlink.active{border-color:var(--c);background:color-mix(in srgb, var(--c) 16%, var(--bg-2))}.tc{--cell:44px;--gap-x:26px;--gap-y:20px;position:relative}.tc-toolbar{background:linear-gradient(180deg, var(--bg-2), var(--bg-3));border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:12px;padding:12px 14px;display:flex;position:relative}.tc-fields{flex-wrap:wrap;gap:10px;display:flex}.tc-field{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);flex-direction:column;gap:2px;font-size:.7rem;font-weight:700;display:flex}.tc-field select{font:inherit;text-transform:none;letter-spacing:0;color:var(--text);background:var(--bg);border:1px solid var(--line-2);border-radius:8px;min-width:76px;padding:5px 8px;font-size:.92rem;font-weight:600}.tc-field select:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.tc-counters{flex-wrap:wrap;gap:6px;display:flex}.tc-counter{border:1px solid var(--line);background:#00000040;border-radius:8px;flex-direction:column;align-items:center;min-width:74px;padding:4px 10px;display:flex}.tc-counter b{font-family:var(--font-display);color:var(--gold-2);font-variant-numeric:tabular-nums;font-size:1.2rem;line-height:1.2}.tc-counter b small{color:var(--faint);font-size:.72rem;font-family:var(--font-body);margin-left:1px}.tc-counter>span{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);white-space:nowrap;font-size:.66rem;font-weight:700}.tc-counter.is-left b{color:var(--new)}.tc-counter.is-split b{color:var(--c)}.tc-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.tc-btn{font:inherit;cursor:pointer;color:var(--text);background:var(--bg);border:1px solid var(--line-2);white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:6px 11px;font-size:.84rem;font-weight:600;line-height:1.3;list-style:none;display:inline-flex}.tc-btn::-webkit-details-marker{display:none}.tc-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold-2)}.tc-btn:disabled{opacity:.45;cursor:default}.tc-btn:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.tc-btn-gold{background:var(--gold);color:#1a1406;border-color:var(--gold)}.tc-btn-gold:hover:not(:disabled){background:var(--gold-2);color:#1a1406}.tc-switch{background:var(--line-2);border-radius:999px;flex:none;width:28px;height:16px;transition:background .15s;position:relative}.tc-switch:after{content:"";background:var(--muted);border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.tc-toggle[aria-pressed=true]{border-color:var(--gold);color:var(--gold-2)}.tc-toggle[aria-pressed=true] .tc-switch{background:color-mix(in srgb, var(--gold) 45%, transparent)}.tc-toggle[aria-pressed=true] .tc-switch:after{background:var(--gold-2);transform:translate(12px)}.tc-status{z-index:80;pointer-events:none;border:1px solid var(--new);color:var(--new);background:#090c12f5;border-radius:999px;max-width:calc(100vw - 32px);padding:8px 16px;font-size:.88rem;font-weight:600;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.tc-status:empty{display:none}.tc-saved{position:relative}.tc-saved-panel{z-index:30;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius);width:min(340px,100vw - 32px);padding:12px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 40px #0000008c}.tc-save-form{gap:6px;display:flex}.tc-save-form input{min-width:0;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line-2);border-radius:8px;flex:1;padding:6px 9px;font-size:.9rem}.tc-save-form input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.tc-saved-title{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);margin:12px 0 6px;font-size:.7rem;font-weight:700}.tc-saved-list{max-height:260px;margin:0;padding:0;list-style:none;overflow:auto}.tc-saved-list li{align-items:stretch;gap:4px;margin-bottom:4px;display:flex}.tc-saved-empty{color:var(--muted);font-size:.84rem}.tc-saved-load{text-align:left;min-width:0;font:inherit;cursor:pointer;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;flex-direction:column;flex:1;align-items:flex-start;padding:5px 9px;display:flex}.tc-saved-load b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.88rem;overflow:hidden}.tc-saved-load span{color:var(--faint);font-size:.74rem}.tc-saved-load:hover{border-color:var(--gold)}.tc-saved-del{cursor:pointer;width:32px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:8px;flex:none;font-size:1.1rem}.tc-saved-del:hover{color:var(--removed);border-color:var(--removed)}.tc-legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin:0 2px 10px;font-size:.8rem;display:none}.tc-compare .tc-legend{display:flex}.tc-lg{align-items:center;gap:6px;display:inline-flex}.tc-lg:before{content:"";border:2px dashed;border-radius:4px;width:14px;height:14px}.tc-lg-new{color:var(--new)}.tc-lg-changed{color:var(--changed)}.tc-lg-moved{color:#7fa9ff}.tc-tabs{display:none}.tc-trees{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tc-tree{border-radius:var(--radius);border:1px solid var(--line);background:#06080c;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.tc-tree-bg{object-fit:cover;object-position:center top;opacity:.34;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tc-tree:after{content:"";pointer-events:none;background:linear-gradient(#06080c59,#06080c1a 30%,#06080cbf);position:absolute;inset:0}.tc-tree>:not(.tc-tree-bg){z-index:1;position:relative}.tc-tree-head{border-bottom:1px solid var(--line);background:#06080cb8;align-items:center;gap:10px;padding:10px 12px;display:flex}.tc-tree-head img{border-radius:6px;box-shadow:0 0 0 1px #ffffff1f}.tc-tree-head h2{flex:1;min-width:0;margin:0;font-size:1.1rem}.tc-tree-pts{font-family:var(--font-display);color:var(--gold-2);text-align:right;font-variant-numeric:tabular-nums;min-width:2ch;font-size:1.35rem}.tc-tree-reset{border:1px solid var(--line-2);background:var(--bg);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:7px;font-size:.95rem;line-height:1}.tc-tree-reset:hover:not(:disabled){color:var(--gold-2);border-color:var(--gold)}.tc-tree-reset:disabled{opacity:.35;cursor:default}.tc-grid{grid-template-columns:repeat(4, var(--cell));grid-auto-rows:var(--cell);column-gap:var(--gap-x);row-gap:var(--gap-y);justify-content:center;padding:20px 10px 24px;display:grid;position:relative}.tc-arrows{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.tc-arrow-line{fill:none;stroke:#4a4f5a;stroke-width:4px;stroke-linejoin:round}.tc-arrow-head{fill:#4a4f5a}.tc-arrow.on .tc-arrow-line{stroke:#d9b24c}.tc-arrow.on .tc-arrow-head{fill:#d9b24c}.tc-arrow.on.live .tc-arrow-line{stroke:var(--new)}.tc-arrow.on.live .tc-arrow-head{fill:var(--new)}.tc-cell{z-index:1;width:var(--cell);height:var(--cell);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#000;border:2px solid #3b404b;border-radius:8px;margin:0;padding:0;transition:border-color .12s,box-shadow .12s,transform 80ms;position:relative;box-shadow:0 2px 6px #0009}.tc-cell img{border-radius:6px;width:100%;height:100%;transition:filter .12s;display:block}.tc-cell:focus-visible{outline-offset:3px;outline:2px solid #fff}.tc-cell:active{transform:scale(.96)}.tc-rk{text-align:center;font-variant-numeric:tabular-nums;min-width:26px;color:var(--faint);background:#0b0e14;border:1px solid #3b404b;border-radius:6px;padding:0 4px;font-size:.7rem;font-weight:700;line-height:16px;position:absolute;bottom:-9px;right:-9px}.tc-cell.is-locked img{filter:grayscale()brightness(.5)}.tc-cell.is-locked{border-color:#2e323b}.tc-cell.is-avail{border-color:#c9a54a}.tc-cell.is-avail .tc-rk{color:var(--text);border-color:#6b5a2c}.tc-cell.is-avail:hover{box-shadow:0 0 0 1px #c9a54a,0 0 14px #e6b64c59}.tc-cell.is-part{border-color:var(--new)}.tc-cell.is-part .tc-rk{color:var(--new);border-color:color-mix(in srgb, var(--new) 55%, #000)}.tc-cell.is-part:not(.can-add) img{filter:saturate(.85)}.tc-cell.is-max{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 16px #e6b64c8c}.tc-cell.is-max .tc-rk{color:var(--gold-2);border-color:var(--gold)}.tc-cell.is-denied{animation:.25s tc-shake}@keyframes tc-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.tc-cell.is-denied{animation:none}.tc-cell,.tc-pick-art{transition:none}}.tc-compare .tc-cell[data-st=new]:before,.tc-compare .tc-cell[data-st=changed]:before,.tc-compare .tc-cell[data-st=moved]:before{content:"";border:2px dashed var(--new);pointer-events:none;border-radius:11px;position:absolute;inset:-7px}.tc-compare .tc-cell[data-st=changed]:before{border-color:var(--changed)}.tc-compare .tc-cell[data-st=moved]:before{border-color:#7fa9ff}.tc-removed{border-top:1px solid var(--line);background:#06080ccc;margin-top:auto;padding:10px 12px 12px;display:none}.tc-compare .tc-removed{display:block}.tc-removed h3{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--removed);margin:0 0 8px;font-size:.72rem}.tc-removed h3 span{color:var(--faint)}.tc-removed p{color:var(--faint);margin:0;font-size:.82rem}.tc-removed ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tc-removed li{border:1px dashed color-mix(in srgb, var(--removed) 60%, transparent);color:var(--muted);cursor:help;border-radius:7px;align-items:center;gap:6px;padding:2px 8px 2px 2px;font-size:.8rem;display:inline-flex}.tc-removed li img{filter:grayscale(.7);border-radius:5px}.tc-removed li small{color:var(--faint)}.tc-removed li:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.tc-help{color:var(--faint);margin:10px 2px 0;font-size:.8rem}.tc-tip{z-index:70;width:max-content;max-width:min(330px,100vw - 16px);color:var(--text);pointer-events:none;background:#090c12f7;border:1px solid #4a4f5a;border-radius:9px;padding:10px 12px;font-size:.86rem;line-height:1.45;position:fixed;top:0;left:0;box-shadow:0 16px 36px #0009}.tc-tip[hidden]{display:none}.tc-tip.is-pop{pointer-events:auto;border-color:var(--gold)}.tc-tip-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.tc-tip-head img{border:1px solid #4a4f5a;border-radius:6px;flex:none}.tc-tip-name{color:var(--gold-2);font-size:.95rem;font-weight:700;line-height:1.25}.tc-tip-rank{color:var(--muted);font-size:.78rem}.tc-tip-badges{margin:0 0 6px}.tc-badge{letter-spacing:.06em;border:1px solid;border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:700;display:inline-block}.tc-badge-new{color:var(--new)}.tc-badge-changed{color:var(--changed)}.tc-badge-moved{color:#7fa9ff}.tc-badge-same{color:var(--muted)}.tc-badge-removed{color:var(--removed)}.tc-tip-req{color:#ff6b61;font-size:.82rem}.tc-tip-desc{color:#ffd66b;white-space:pre-line;margin:6px 0 0}.tc-tip-desc.is-next{color:#e7d8a6}.tc-tip-next{color:var(--text);margin-top:8px;font-size:.78rem;font-weight:700}.tc-tip-classic{border-top:1px solid var(--line-2);margin-top:9px;padding-top:8px}.tc-tip-classic p{color:var(--classic);white-space:pre-line;margin:4px 0 0}.tc-tip-classic .tc-tip-desc{color:#aab4c8}.tc-tip-ctitle{text-transform:uppercase;letter-spacing:.1em;color:var(--classic);font-size:.68rem;font-weight:700}.tc-tip-cmeta{color:var(--muted);font-size:.8rem}.tc-tip-hint{color:var(--faint);margin-top:8px;font-size:.72rem}.tc-pop-actions{gap:6px;margin-top:10px;display:flex}.tc-pop-btn{cursor:pointer;height:38px;color:var(--text);background:var(--bg-3);border:1px solid var(--line-2);border-radius:8px;flex:1;font-size:1.3rem;font-weight:700}.tc-pop-btn.is-add{color:#1a1406;background:var(--gold);border-color:var(--gold)}.tc-pop-btn.is-close{color:var(--muted);flex:0 0 44px}.tc-pop-btn:disabled{opacity:.35}.tc-bottom{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:12px;margin-top:16px;display:grid}.tc-box{background:linear-gradient(180deg, var(--bg-2), var(--bg-3));border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.tc-box h2{margin-bottom:10px;font-size:1.15rem}.tc-order{columns:2 300px;column-gap:18px;margin:0;padding:0;list-style:none}.tc-order li{break-inside:avoid;border-bottom:1px solid #262d3b99;align-items:center;gap:8px;padding:4px 0;font-size:.86rem;display:flex}.tc-order li img{border-radius:4px;flex:none}.tc-order .tc-order-empty{color:var(--muted);border:0;display:block}.tc-ord-lv{width:64px;color:var(--gold);font-variant-numeric:tabular-nums;flex:none;font-size:.78rem;font-weight:700}.tc-ord-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tc-ord-tree{color:var(--faint);flex:none;font-size:.74rem}.tc-ord-rk{color:var(--new);font-variant-numeric:tabular-nums;text-align:right;flex:none;min-width:28px;font-size:.78rem;font-weight:700}.tc-links{flex-direction:column;gap:8px;display:flex}.tc-link{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:.9rem;font-weight:600;display:flex}.tc-link img{border-radius:6px}.tc-link:hover{border-color:var(--c,var(--gold));color:var(--gold-2);text-decoration:none}.tc-change-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr))}.tc-change-list .change{margin:0}@media (width>=1280px){.tc{--gap-x:30px;--gap-y:22px}}@media (width<=1080px){.tc{--gap-x:18px;--gap-y:18px}.tc-actions{margin-left:0}}@media (width<=900px){.tc-tabs{scrollbar-width:thin;gap:6px;margin-bottom:8px;display:flex;overflow-x:auto}.tc-tab{font:inherit;cursor:pointer;color:var(--muted);background:var(--bg-2);border:1px solid var(--line);border-radius:9px;flex:1 0 auto;align-items:center;gap:7px;padding:6px 10px;font-size:.88rem;font-weight:600;display:inline-flex}.tc-tab img{border-radius:5px}.tc-tab b{color:var(--gold-2);font-family:var(--font-display);margin-left:auto;padding-left:4px}.tc-tab.is-active{color:var(--text);border-color:var(--c,var(--gold));background:color-mix(in srgb, var(--c,var(--gold)) 14%, var(--bg-2))}.tc-trees{grid-template-columns:minmax(0,1fr)}.tc-tree{display:none}.tc-tree.is-active{display:flex}.tc-bottom{grid-template-columns:minmax(0,1fr)}.tc-order{columns:1}}@media (width<=560px){.tc-toolbar{gap:10px;padding:10px}.tc-counters{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.tc-counter{min-width:0;padding:4px}.tc-counter>span{white-space:normal;text-align:center;font-size:.6rem;line-height:1.2}.tc-actions{width:100%}.tc-actions .tc-btn{padding:6px 9px;font-size:.8rem}.tc-saved{position:static}.tc-saved-panel{width:auto;left:10px;right:10px}.tc{--gap-x:22px}.tc-ord-tree{display:none}}@media (width<=360px){.tc{--cell:40px;--gap-x:16px}}