.crystals-container{box-sizing:border-box;width:100%;max-width:1050px;font-family:var(--font-base,Tahoma, Verdana, Helvetica, sans-serif);color:var(--text);margin:0 auto;padding:12px;font-size:15px}.crystals-breadcrumbs{margin-bottom:14px}.crystals-breadcrumbs ol.breadcrumb{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;font-size:15px;font-weight:700;list-style:none;display:flex}.crystals-breadcrumbs li{color:var(--text);align-items:center;gap:6px;display:inline-flex}.crystals-breadcrumbs li a{color:var(--accent);text-decoration:none}.crystals-breadcrumbs li a:hover{color:var(--accent-hover);text-decoration:underline}.crystals-breadcrumbs li.active{color:var(--text-muted);font-weight:700}.crystals-breadcrumb-sep{color:var(--line);user-select:none}.crystals-header{margin-bottom:1.25rem}.crystals-main-title{color:var(--text);margin:0 0 .4rem;font-size:22px;font-weight:700}.crystals-lead-desc{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.crystal-filter-card{background-color:var(--surface);border:1px solid var(--line);box-sizing:border-box;border-radius:4px;margin-bottom:1rem;padding:.85rem 1rem}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.filter-search-box{flex:280px;align-items:center;gap:.5rem;display:flex}.filter-label{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:600}.filter-input{background-color:var(--search-input-bg,#fff);color:var(--search-input-text);border:1px solid var(--line);box-sizing:border-box;border-radius:3px;width:100%;max-width:320px;padding:.4rem .65rem;font-size:14px}.filter-input::placeholder{color:var(--search-input-placeholder)}.filter-input:focus{outline:2px solid var(--primary)}.filter-select{background-color:var(--surface-2);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:3px;padding:.4rem .65rem;font-size:13px}.filter-select:focus{outline:2px solid var(--primary)}.filter-checkbox-group{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.filter-checkbox-label{color:var(--text);cursor:pointer;user-select:none;align-items:center;gap:.35rem;font-size:13px;display:inline-flex}.filter-checkbox-label input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:15px;height:15px}.crystal-table-wrap{border:1px solid var(--line);background-color:var(--surface);box-sizing:border-box;border-radius:4px;width:100%;overflow-x:auto}.crystal-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.crystal-data-table thead tr{background-color:var(--card-header-bg);border-bottom:1px solid var(--line)}.crystal-data-table th{color:#fff;white-space:nowrap;padding:.6rem .75rem;font-size:13px;font-weight:700}.th-id{text-align:center;width:65px}.th-icon{text-align:center;width:44px}.th-name{min-width:180px}.th-socket{width:130px}.th-group{width:140px}.th-limit{text-align:center;width:90px}.th-effects{min-width:240px}.crystal-data-table tbody tr{border-bottom:1px solid #0000004d;transition:background-color .15s}.crystal-data-table tbody tr:hover{background-color:#ffffff0d}.crystal-data-table td{vertical-align:middle;padding:.45rem .65rem}.td-id{text-align:center;color:var(--text-muted);font-family:monospace;font-size:12px}.td-icon{text-align:center;padding:.35rem}.crystal-table-icon{object-fit:contain;background-color:var(--bg);border-radius:3px;width:36px;height:36px;display:block}.td-name{word-break:break-word}.crystal-name-link{font-weight:700;text-decoration:none}.crystal-name-link:hover{text-decoration:underline}.td-socket{color:var(--text-muted);font-size:12px}.socket-pill{background-color:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:3px;padding:.15rem .45rem;font-size:11px;font-weight:600;display:inline-block}.td-group{color:var(--text);font-size:12px}.group-ko{color:var(--text-muted);font-size:11px}.td-limit{text-align:center;font-size:12px;font-weight:600}.limit-badge{border-radius:3px;padding:.15rem .4rem;font-size:11px;font-weight:700;display:inline-block}.limit-1{color:var(--grade-orange);background-color:#0003;border:1px solid #0006}.limit-2{color:var(--grade-blue);background-color:#0003;border:1px solid #0006}.limit-4,.limit-6{color:var(--grade-purple);background-color:#0003;border:1px solid #0006}.limit-unlimited{color:var(--text-muted);background-color:#0003;border:1px solid #0006}.td-effects{font-size:12px;line-height:1.4}.effect-pill-small{color:var(--accent);background-color:#0000001a;border:1px solid #00000040;border-radius:2px;margin:1px 3px 1px 0;padding:.1rem .35rem;font-size:11px;display:inline-block}.table-footer-status{color:var(--text-muted);background-color:var(--surface);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:.6rem .75rem;font-size:12px;display:flex}.crystal-card{background-color:var(--surface);border:1px solid var(--line);box-sizing:border-box;border-radius:4px;width:100%;max-width:480px;overflow:hidden}.crystal-card-header{background-color:var(--card-header-bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .85rem;display:flex}.crystal-card-title{word-break:break-word;margin:0;font-size:16px;font-weight:700;line-height:1.3}.crystal-card-id{color:var(--text-muted);font-family:monospace;font-size:12px;font-weight:700}.crystal-card-body{box-sizing:border-box;padding:.85rem}.crystal-meta-row{align-items:flex-start;gap:12px;margin-bottom:.85rem;display:flex}.crystal-card-icon-wrap{flex-shrink:0;width:52px;height:52px;position:relative}.crystal-card-icon{object-fit:contain;background-color:var(--bg);border-radius:4px;width:48px;height:48px;display:block}.crystal-meta-details{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.crystal-badges-row{flex-wrap:wrap;gap:4px;margin-bottom:2px;display:flex}.crystal-badge{text-transform:uppercase;border-radius:3px;padding:.15rem .4rem;font-size:11px;font-weight:700;display:inline-block}.crystal-badge-grade{border:1px solid var(--line)}.crystal-badge-socket{background-color:var(--surface-2);color:var(--text);border:1px solid var(--line)}.crystal-info-line{color:var(--text-muted);font-size:12px;line-height:1.4}.crystal-info-line strong{color:var(--text)}.card-divider{background:var(--line);border:0;height:1px;margin:.75rem 0}.crystal-stats-section{margin-bottom:.85rem}.section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;font-size:12px;font-weight:700}.stat-pills-wrap{flex-wrap:wrap;gap:6px;margin-bottom:.6rem;display:flex}.stat-pill{background-color:var(--surface-2);border:1px solid var(--line);border-radius:3px;align-items:center;gap:4px;padding:.25rem .5rem;font-size:13px;display:inline-flex}.stat-pill .stat-name{color:var(--text);font-weight:500}.stat-pill .stat-val{color:var(--accent);font-weight:700}.crystal-effects-list{color:var(--grade-blue);flex-direction:column;gap:3px;font-size:13px;line-height:1.4;display:flex}.effect-item{color:var(--accent);font-weight:500}.crystal-incomplete-box{background-color:#0000001a;border:1px solid #0000004d;border-radius:4px;margin-bottom:.6rem;padding:.6rem .75rem}.incomplete-notice{color:var(--spirit);text-transform:uppercase;margin-bottom:.35rem;font-size:11px;font-weight:700}.incomplete-text-lines{color:var(--text);font-size:13px;line-height:1.45}.card-action-wrap{margin-top:.85rem}.btn-full-item{text-align:center;background-color:var(--primary);color:#fff;box-sizing:border-box;border-radius:3px;width:100%;padding:.5rem .75rem;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .15s,background-color .15s;display:block}.btn-full-item:hover{opacity:.9;text-decoration:none}.crystal-detail-layout{box-sizing:border-box;flex-direction:row;align-items:flex-start;gap:15px;width:100%;display:flex}@media (width<=860px){.crystal-detail-layout{flex-direction:column}}.crystal-detail-card-col{flex:0 0 450px;width:100%;max-width:480px}@media (width<=860px){.crystal-detail-card-col{flex:100%;max-width:100%}}.crystal-detail-side-col{flex-direction:column;flex:auto;gap:12px;min-width:0;display:flex}.crystal-snippet-card{background-color:var(--surface);border:1px solid var(--line);border-radius:4px;overflow:hidden}.crystal-snippet-header{background-color:var(--card-header-bg);border-bottom:1px solid var(--line);color:#fff;padding:.5rem .75rem;font-size:14px;font-weight:700}.crystal-snippet-body{flex-direction:column;gap:.65rem;padding:.75rem;display:flex}.snippet-field-group{flex-direction:column;gap:.25rem;display:flex}.snippet-label{color:var(--text-muted);font-size:11px;font-weight:700}.snippet-input-row{width:100%;display:flex}.snippet-input{background-color:var(--surface-2);min-width:0;color:var(--text);border:1px solid var(--line);border-right:none;border-radius:3px 0 0 3px;flex:auto;padding:.35rem .5rem;font-family:monospace;font-size:12px}.btn-snippet-copy{background-color:var(--primary);color:#fff;border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:0 3px 3px 0;padding:.35rem .65rem;font-size:12px;font-weight:600}.btn-snippet-copy:hover{opacity:.9}.grade-text-white{color:var(--grade-white,#fff)}.grade-text-green{color:var(--grade-green)}.grade-text-blue{color:var(--grade-blue)}.grade-text-yellow{color:var(--grade-yellow)}.grade-text-orange{color:var(--grade-orange)}.grade-text-purple{color:var(--grade-purple)}.grade-border-white{border:2px solid var(--grade-white,#fff)}.grade-border-green{border:2px solid var(--grade-green)}.grade-border-blue{border:2px solid var(--grade-blue)}.grade-border-yellow{border:2px solid var(--grade-yellow)}.grade-border-orange{border:2px solid var(--grade-orange)}.grade-border-purple{border:2px solid var(--grade-purple)}