.skill-fruits-page{max-width:var(--max-w-content);padding:var(--space-6) var(--space-4);margin:0 auto}.skill-fruits-page .page-header{margin-bottom:var(--space-6)}.skill-fruits-page .page-title{font-size:var(--text-3xl);font-family:var(--font-display);color:var(--text);margin-bottom:var(--space-2)}.skill-fruits-page .page-subtitle{font-size:var(--text-base);color:var(--text-muted);max-width:800px;line-height:var(--leading-normal)}.skill-fruits-page .orchard-section{margin-bottom:var(--space-6)}.skill-fruits-page .orchard-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.skill-fruits-page .orchard-title-row{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.skill-fruits-page .section-title{font-size:var(--text-lg);font-family:var(--font-display);color:var(--text)}.skill-fruits-page .orchard-cycle-badge{font-size:.75rem;font-family:var(--font-mono);color:var(--accent);background-color:var(--surface-3);padding:2px var(--space-2);border-radius:var(--radius-sm)}.skill-fruits-page .section-subtext{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-4);line-height:var(--leading-normal)}.skill-fruits-page .lottery-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.skill-fruits-page .lottery-chip{align-items:center;gap:var(--space-3);background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);display:flex}.skill-fruits-page .lottery-empty{opacity:.75}.skill-fruits-page .lottery-pct{font-size:var(--text-xl);color:var(--accent);font-weight:700}.skill-fruits-page .lottery-empty .lottery-pct{color:var(--text-muted)}.skill-fruits-page .lottery-info{flex-direction:column;min-width:0;display:flex}.skill-fruits-page .lottery-label{font-size:var(--text-xs);color:var(--text);font-weight:600}.skill-fruits-page .lottery-sub{color:var(--text-muted);font-size:.65rem;line-height:1.2}.skill-fruits-page .filters-section{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.skill-fruits-page .search-wrap{width:100%;max-width:480px}.skill-fruits-page .search-input{width:100%;padding:var(--space-2) var(--space-3);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-sm)}.skill-fruits-page .search-input:focus{border-color:var(--accent);outline:none}.skill-fruits-page .element-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.skill-fruits-page .el-chip{align-items:center;gap:var(--space-2);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px var(--space-3);font-size:var(--text-xs);color:var(--text);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);display:inline-flex}.skill-fruits-page .el-chip:hover{border-color:var(--accent)}.skill-fruits-page .el-chip.active{background-color:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.skill-fruits-page .summary-line{font-size:var(--text-xs);color:var(--text-muted)}.skill-fruits-page .table-container{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.skill-fruits-page .fruits-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--text-xs)}.skill-fruits-page .fruits-table th{background-color:var(--surface-2);color:var(--text-muted);font-family:var(--font-mono);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-size:.7rem}.skill-fruits-page .fruits-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.skill-fruits-page .fruits-table tr:last-child td{border-bottom:none}.skill-fruits-page .fruit-cell{align-items:center;gap:var(--space-2);display:flex}.skill-fruits-page .fruit-cell img{flex-shrink:0}.skill-fruits-page .fruit-name{color:var(--text);font-weight:600}.skill-fruits-page .skill-taught-link{align-items:center;gap:var(--space-2);color:var(--accent);font-weight:500;text-decoration:none;display:inline-flex}.skill-fruits-page .skill-taught-link:hover{text-decoration:underline}.skill-fruits-page .skill-taught-link img{flex-shrink:0}.skill-fruits-page .element-badge{color:var(--text-muted);font-size:var(--text-xs);align-items:center;gap:4px;display:inline-flex}.skill-fruits-page .td-power{color:var(--accent);font-weight:700}.skill-fruits-page .rarity-badge{font-size:.65rem;font-family:var(--font-mono);padding:1px var(--space-2);border-radius:var(--radius-xs);background-color:var(--surface-3);color:var(--text-muted)}.skill-fruits-page .rarity-1{color:var(--text-muted)}.skill-fruits-page .rarity-2{color:var(--water)}.skill-fruits-page .rarity-3{color:var(--accent);font-weight:600}.skill-fruits-page .editorial-section{margin-top:var(--space-8)}.skill-fruits-page .editorial-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.skill-fruits-page .editorial-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.skill-fruits-page .editorial-title{font-size:var(--text-base);font-family:var(--font-display);color:var(--text);margin-bottom:var(--space-2)}.skill-fruits-page .editorial-body{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-normal)}@media (width<=640px){.skill-fruits-page .col-hide-mobile{display:none}.skill-fruits-page .fruits-table{table-layout:fixed;width:100%}.skill-fruits-page .th-fruit{width:45%}.skill-fruits-page .th-skill{width:37%}.skill-fruits-page .th-power{width:18%}}