.type-chart-page{max-width:1240px;padding:var(--space-6) var(--space-4);box-sizing:border-box;margin:0 auto}.type-chart-page .page-header{margin-bottom:var(--space-6)}.type-chart-page .page-title{font-size:var(--text-2xl);font-family:var(--font-display);color:var(--text);margin-bottom:var(--space-2)}.type-chart-page .page-subtitle{font-size:var(--text-sm);color:var(--text-muted);max-width:800px;line-height:var(--leading-relaxed)}.type-chart-page .section-heading{font-size:var(--text-lg);font-family:var(--font-display);color:var(--text);margin-bottom:var(--space-1)}.type-chart-page .section-subtext{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-4)}.type-chart-page .summary-section{margin-bottom:var(--space-6)}.type-chart-page .matchup-chips-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.type-chart-page .matchup-chip-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;gap:4px;display:flex}.type-chart-page .chip-head{align-items:center;gap:var(--space-2);display:flex}.type-chart-page .chip-title{font-size:var(--text-sm);color:var(--text);font-weight:700}.type-chart-page .chip-body{font-size:var(--text-xs);color:var(--text-muted)}.type-chart-page .strong-text{color:var(--good);font-weight:600}.type-chart-page .faint-text{color:var(--text-faint)}.type-chart-page .cycle-section{margin-bottom:var(--space-6)}.type-chart-page .cycle-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.type-chart-page .cycle-flow{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.type-chart-page .cycle-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);display:flex}.type-chart-page .cycle-node{color:var(--text);align-items:center;gap:4px;font-weight:600;display:inline-flex}.type-chart-page .cycle-arrow{color:var(--text-muted);font-size:.75rem}.type-chart-page .matrix-section{margin-bottom:var(--space-6)}.type-chart-page .matrix-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.type-chart-page .matrix-header-row{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.type-chart-page .matrix-legend{align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-family:var(--font-mono);display:flex}.type-chart-page .legend-item{align-items:center;gap:4px;display:inline-flex}.type-chart-page .legend-dot{border-radius:50%;width:10px;height:10px;display:block}.type-chart-page .dot-super{background-color:var(--good)}.type-chart-page .dot-neutral{background-color:var(--border-strong)}.type-chart-page .dot-resisted{background-color:var(--bad)}.type-chart-page .table-scroll-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.type-chart-page .type-matrix-table{border-collapse:collapse;text-align:center;width:100%}.type-chart-page .type-matrix-table th,.type-chart-page .type-matrix-table td{padding:var(--space-2) var(--space-1);border:1px solid var(--border);font-size:var(--text-xs)}.type-chart-page .corner-header{background-color:var(--surface-3);color:var(--text-muted);font-family:var(--font-mono);padding:var(--space-2);min-width:90px;font-size:.7rem}.type-chart-page .col-def-header{background-color:var(--surface-2);color:var(--text);font-family:var(--font-mono);min-width:70px;font-weight:600}.type-chart-page .col-def-header img,.type-chart-page .row-atk-header img{margin:0 auto 2px;display:block}.type-chart-page .row-atk-header{background-color:var(--surface-2);color:var(--text);font-family:var(--font-mono);text-align:left;padding:var(--space-2) var(--space-3);white-space:nowrap;font-weight:600}.type-chart-page .row-atk-header img{vertical-align:middle;margin:0 var(--space-1) 0 0;display:inline-block}.type-chart-page .matrix-cell{font-family:var(--font-mono);font-weight:700}.type-chart-page .cell-strong{background-color:var(--surface-3);color:var(--good)}.type-chart-page .cell-weak{background-color:var(--bg-2);color:var(--bad)}.type-chart-page .cell-norm{background-color:var(--surface);color:var(--text-faint)}.type-chart-page .matrix-footer-note{margin-top:var(--space-3)}.type-chart-page .source-note{color:var(--text-muted);font-size:.75rem;line-height:var(--leading-normal)}.type-chart-page .source-note code{color:var(--accent);font-family:var(--font-mono)}.type-chart-page .dual-type-section{margin-bottom:var(--space-6)}.type-chart-page .dual-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.type-chart-page .dual-controls{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.type-chart-page .element-picker-box{gap:var(--space-2);flex-direction:column;display:flex}.type-chart-page .picker-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);font-weight:600}.type-chart-page .dual-chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.type-chart-page .dual-chip{height:32px;padding:0 var(--space-3);background-color:var(--bg-2);border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);border-radius:9999px;align-items:center;gap:4px;font-weight:600;display:inline-flex}.type-chart-page .dual-chip:hover{border-color:var(--accent);color:var(--text)}.type-chart-page .dual-chip.active{background-color:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.type-chart-page .dual-results-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.type-chart-page .dual-result-card{background-color:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.type-chart-page .result-head{align-items:center;gap:var(--space-2);display:flex}.type-chart-page .result-name{font-size:var(--text-sm);color:var(--text);font-weight:700}.type-chart-page .result-value-box{justify-content:space-between;align-items:baseline;display:flex}.type-chart-page .result-multiplier{font-size:var(--text-lg);font-weight:700}.type-chart-page .result-label{font-size:.7rem;font-family:var(--font-mono)}.type-chart-page .res-extreme{border-color:var(--flame)}.type-chart-page .res-extreme .result-multiplier{color:var(--flame)}.type-chart-page .res-super{border-color:var(--good)}.type-chart-page .res-super .result-multiplier{color:var(--good)}.type-chart-page .res-neutral{border-color:var(--border)}.type-chart-page .res-neutral .result-multiplier{color:var(--text)}.type-chart-page .res-resist{border-color:var(--warn)}.type-chart-page .res-resist .result-multiplier{color:var(--warn)}.type-chart-page .res-double-resist{border-color:var(--bad)}.type-chart-page .res-double-resist .result-multiplier{color:var(--bad)}.type-chart-page .editorial-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.type-chart-page .editorial-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.type-chart-page .editorial-title{font-size:var(--text-base);font-family:var(--font-display);color:var(--text);margin-bottom:var(--space-2)}.type-chart-page .editorial-body{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-normal)}@media (width<=640px){.type-chart-page .matrix-card{padding:var(--space-2)}.type-chart-page .table-scroll-wrap{overflow-x:hidden}.type-chart-page .type-matrix-table{table-layout:fixed;width:100%}.type-chart-page .corner-header{width:32px;min-width:0;padding:4px 1px;font-size:.55rem}.type-chart-page .col-def-header{width:32px;min-width:0;padding:4px 1px}.type-chart-page .col-def-header span,.type-chart-page .row-atk-header span{display:none}.type-chart-page .col-def-header img,.type-chart-page .row-atk-header img{width:16px;height:16px;margin:0 auto}.type-chart-page .row-atk-header{text-align:center;width:32px;min-width:0;padding:4px 1px}.type-chart-page .type-matrix-table td{padding:4px 1px;font-size:.65rem}.type-chart-page .mult-val{font-size:.65rem}}