.matchup-studio.content-card{overflow:hidden;padding:0;border:2px solid var(--line-strong);border-radius:12px;box-shadow:4px 4px 0 var(--line-strong)}.matchup-studio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 28px 22px;background:var(--surface)}.matchup-studio-head .eyebrow{margin:0 0 4px;color:var(--violet);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.matchup-studio-head h2{font-size:30px}.matchup-studio-head p:not(.eyebrow){max-width:680px;margin:7px 0 0;color:var(--muted)}.reverse-matchup{flex:0 0 auto;min-height:38px;padding:7px 11px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface2);color:var(--ink);font-size:12px;font-weight:800;cursor:pointer}.reverse-matchup:hover{border-color:var(--violet);color:var(--violet)}.matchup-console{display:grid;grid-template-columns:minmax(142px,1fr) 42px minmax(142px,1fr) minmax(142px,1fr) minmax(160px,.85fr);align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface2)}.type-slot{min-width:0;padding:17px 16px;border-right:1px solid var(--line);transition:background .16s ease}.type-slot>p{margin:0 0 8px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.type-slot.is-selected{background:color-mix(in srgb,var(--yellow) 26%,var(--surface))}.type-slot-button{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:4px 6px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);font-weight:800;text-align:left;cursor:pointer}.type-slot-button:hover,.type-slot.is-selected .type-slot-button{border-color:var(--line-strong);background:var(--surface)}.type-slot-button img{flex:0 0 46px;width:46px;height:46px;object-fit:contain}.type-slot-empty{justify-content:flex-start;color:var(--muted)}.type-slot-plus{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px dashed var(--line-strong);border-radius:50%;font-size:23px;line-height:1}.clear-secondary{margin:8px 0 0 5px;padding:0;border:0;background:transparent;color:var(--violet);font-size:11px;font-weight:800;text-decoration:underline;cursor:pointer}.matchup-connector{display:grid;place-items:center;border-right:1px solid var(--line);color:var(--muted);font:800 28px/1 "Baloo 2",sans-serif}.matchup-outcome{display:grid;align-content:center;justify-items:center;min-width:0;padding:14px;text-align:center;transition:background .16s ease,color .16s ease}.matchup-outcome strong{font:800 31px/1 "Baloo 2",sans-serif;font-variant-numeric:tabular-nums}.matchup-outcome>span{margin-top:5px;font-size:13px;font-weight:800;line-height:1.2}.matchup-outcome small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.25}.matchup-outcome[data-kind=good]{background:color-mix(in srgb,var(--good) 15%,var(--surface));color:var(--good)}.matchup-outcome[data-kind=bad]{background:color-mix(in srgb,var(--bad) 14%,var(--surface));color:var(--bad)}.matchup-outcome[data-kind=neutral]{background:color-mix(in srgb,var(--violet) 11%,var(--surface));color:var(--violet)}.matchup-outcome[data-kind=mixed]{background:color-mix(in srgb,var(--yellow) 28%,var(--surface));color:#7d5919}.matchup-outcome[data-kind=pending]{background:#e8dff1;color:#694a80}.type-palette-region{padding:18px 28px 22px;background:var(--surface)}.type-palette-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:11px}.type-palette-heading p{margin:0;color:var(--muted);font-size:12px}.type-palette-heading strong{color:var(--violet);font-size:13px}.type-palette-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.type-choice{display:flex;align-items:center;gap:7px;min-width:0;height:44px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--type-ink);font-size:12px;font-weight:800;text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.type-choice img{flex:0 0 25px;width:25px;height:25px;object-fit:contain}.type-choice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-choice:hover{border-color:var(--type-base);background:var(--type-tint)}.type-choice.is-active{border:2px solid var(--type-base);background:var(--type-tint);box-shadow:2px 2px 0 var(--type-base);transform:translate(-1px,-1px)}.matchup-relations{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);background:var(--surface)}.relation-module{min-width:0;padding:24px 28px 28px}.relation-module+.relation-module{border-left:1px solid var(--line)}.relation-module-head{margin-bottom:17px}.relation-module-head p{margin:0 0 3px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.relation-module-head h3{font-size:21px}.relation-flow-panel{display:grid;grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);gap:10px;align-items:center}.relation-group{min-width:0}.relation-group h4{margin:0 0 8px;font-size:12px;line-height:1.15}.relation-group-bad h4{color:var(--bad)}.relation-group-good h4{color:var(--good)}.relation-types{display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start;min-height:54px}.relation-type{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-height:27px;padding:3px 6px;border:1px solid color-mix(in srgb,var(--type-base) 35%,var(--line));border-radius:6px;background:var(--type-tint);color:var(--type-ink);font-size:10px;font-weight:800;cursor:pointer}.relation-type:hover{border-color:var(--type-base);box-shadow:1px 1px 0 var(--type-base)}.relation-type img{width:20px;height:20px;object-fit:contain}.relation-type span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relation-empty{align-self:center;color:var(--muted);font-size:12px}.relation-focus{display:grid;justify-items:center;gap:4px;align-self:stretch;padding:12px 5px;border-right:1px solid var(--line);border-left:1px solid var(--line);text-align:center;font-size:12px}.relation-focus img{width:54px;height:54px;object-fit:contain}.dual-type-note{margin:0;padding:12px 28px;border-top:1px solid var(--line);background:var(--surface2);color:var(--muted);font-size:12px}.matrix-wrap[data-type-matrix]{padding:12px;scrollbar-color:var(--violet) var(--surface2)}.matrix-cell{display:grid;place-items:center;width:100%;height:100%;min-width:37px;min-height:37px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;font:inherit;cursor:pointer}.matrix-cell:hover{border-color:var(--line-strong);background:color-mix(in srgb,var(--yellow) 26%,var(--surface))}.matrix-cell.is-selected{outline:3px solid var(--violet);outline-offset:1px;background:var(--surface);box-shadow:0 0 0 2px var(--surface)}.matrix-cell.is-secondary{outline:2px dashed var(--violet);outline-offset:1px}@media(max-width:1100px){.matchup-console{grid-template-columns:minmax(130px,1fr) 35px minmax(130px,1fr) minmax(130px,1fr);grid-template-rows:auto auto}.matchup-outcome{grid-column:1/-1;grid-row:2;min-height:82px;border-top:1px solid var(--line)}.type-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.relation-flow-panel{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)}}@media(max-width:780px){.matchup-studio-head{padding:21px 18px;gap:14px}.matchup-studio-head h2{font-size:25px}.matchup-console{grid-template-columns:1fr 36px 1fr}.type-slot-secondary{grid-column:1/-1;grid-row:2;border-top:1px solid var(--line);border-right:0}.matchup-outcome{grid-row:3}.type-palette-region{padding:17px 18px}.type-palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.matchup-relations{grid-template-columns:1fr}.relation-module{padding:22px 18px}.relation-module+.relation-module{border-top:1px solid var(--line);border-left:0}.dual-type-note{padding:12px 18px}}@media(max-width:520px){.matchup-studio-head{display:block}.reverse-matchup{margin-top:12px}.matchup-console{grid-template-columns:1fr 28px 1fr}.type-slot{padding:13px 9px}.type-slot>p{min-height:27px}.type-slot-button{gap:5px;font-size:12px}.type-slot-button img{flex-basis:38px;width:38px;height:38px}.type-slot-plus{flex-basis:32px;width:32px;height:32px}.type-palette-heading{align-items:flex-start;flex-direction:column;gap:2px}.type-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.type-choice{height:40px;padding:5px 6px;font-size:11px}.type-choice img{flex-basis:22px;width:22px;height:22px}.relation-module-head h3{font-size:19px}.relation-flow-panel{grid-template-columns:1fr}.relation-focus{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;border:0;border-bottom:1px solid var(--line);padding:0 0 10px}.relation-group{display:grid;grid-template-columns:92px 1fr;gap:8px;align-items:start}.relation-group h4{margin:6px 0 0}.relation-types{min-height:0}.dual-type-note{font-size:11px}.matrix-cell{min-width:34px;min-height:34px}}