.tcp-page{padding-top:2rem;padding-bottom:4rem}.tcp-hero{max-width:780px;margin:0 auto 1.75rem;text-align:center}.tcp-hero h1{font-size:clamp(1.8rem,4vw,2.4rem);margin:0 0 .6rem}.tcp-hero p{color:var(--text-secondary);line-height:1.65;margin:0}.tcp-outcomes{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;max-width:900px;margin:0 auto .75rem}.tcp-outcome{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.85rem .5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,transform .1s,background .15s;color:var(--text-primary);font:inherit}.tcp-outcome:hover{border-color:var(--accent);transform:translateY(-1px)}.tcp-outcome.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-card));box-shadow:inset 0 0 0 1px var(--accent)}.tcp-outcome-icon{font-size:1.5rem;line-height:1}.tcp-outcome-label{font-size:.9rem;font-weight:600}.tcp-outcome-blurb{text-align:center;color:var(--text-secondary);font-size:.9rem;margin:0 auto 1.5rem;max-width:640px}.tcp-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.25rem;justify-content:center;max-width:900px;margin:0 auto 1.5rem;padding:1rem 1.1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px}.tcp-filter{display:flex;flex-direction:column;gap:.3rem}.tcp-filter>label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-weight:700}.tcp-filter-hint{font-size:.72rem;color:var(--text-secondary);opacity:.85}.tcp-filter input[type=number],.tcp-filter select{padding:.4rem .55rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font:inherit;font-size:.9rem;min-width:110px}.tcp-seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.tcp-seg button{padding:.4rem .7rem;background:var(--bg-card);border:none;border-right:1px solid var(--border);color:var(--text-secondary);font:inherit;font-size:.85rem;cursor:pointer}.tcp-seg button:last-child{border-right:none}.tcp-seg button.is-active{background:var(--accent);color:#fff;font-weight:600}.tcp-oil{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-primary);cursor:pointer}.tcp-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;max-width:1000px;margin:0 auto}.tcp-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:720px}.tcp-table thead th{position:sticky;top:0;background:var(--bg-secondary);color:var(--text-secondary);text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;padding:.6rem .7rem;white-space:nowrap}.tcp-table td,.tcp-table thead th{border-bottom:1px solid var(--border)}.tcp-table td{padding:.55rem .7rem;vertical-align:top}.tcp-table tbody tr:hover{background:var(--bg-secondary)}.tcp-num{text-align:right;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tcp-rank{text-align:center;color:var(--text-secondary);width:2.2rem}.tcp-node-name{display:block;font-weight:600;color:var(--text-primary)}.tcp-node-tree{display:block;font-size:.75rem}.tcp-effect,.tcp-node-tree{color:var(--text-secondary)}.tcp-effect{max-width:320px}.tcp-bonus{font-weight:700;color:var(--accent)}.tcp-table tr.tcp-flat{background:color-mix(in srgb,var(--text-secondary) 7%,transparent)}.tcp-empty,.tcp-table tr.tcp-flat .tcp-bonus{color:var(--text-secondary)}.tcp-empty{text-align:center;padding:2rem 1rem}.tcp-note{max-width:780px;margin:2rem auto 0;padding:1.1rem 1.3rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px}.tcp-note h2{font-size:1.05rem;margin:0 0 .5rem;color:var(--accent)}.tcp-note p{color:var(--text-secondary);line-height:1.6;margin:0 0 .6rem;font-size:.9rem}.tcp-note p:last-child{margin-bottom:0}.tcp-caveat{border-left:3px solid var(--accent);padding-left:.8rem}@media (max-width:640px){.tcp-filters{gap:.9rem}}