:root{--hw-border-radius-sm: 6px;--hw-border-radius-md: 8px;--hw-border-radius-lg: 12px;--hw-border-radius-xl: 14px;--hw-spacing-xs: .5rem;--hw-spacing-sm: .75rem;--hw-spacing-md: 1rem;--hw-spacing-lg: 1.5rem;--hw-spacing-xl: 2rem;--hw-font-xs: .75rem;--hw-font-sm: .8rem;--hw-font-md: .85rem;--hw-font-lg: .9rem;--hw-font-xl: 1rem;--hw-touch-target: 48px;--hw-touch-target-lg: 52px}@scope (.horizon-walker-main){.hw-char-db-hero-section{text-align:center;margin-bottom:2rem;padding:2rem 1rem}.hw-char-db-hero-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--hw-text-light);margin:0 0 1rem;background:linear-gradient(135deg,var(--hw-primary-warm),#ff7b7b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:var(--leading-tight)}.hw-char-db-hero-subtitle{font-size:var(--hw-font-xl);color:var(--hw-text-muted);margin:0 0 1.5rem;font-family:var(--font-primary);font-style:italic}.hw-char-db-page-flex{display:flex;flex-direction:column;min-height:100vh}.hw-char-db-main-content{flex:1;max-width:75rem;margin:0 auto;padding:2rem;width:100%}.hw-char-db-content-wrapper{display:flex;flex-direction:column;gap:2rem}.hw-char-db-subtitle{font-size:1rem;color:var(--hw-text-muted);margin:0;font-family:var(--font-primary)}.hw-char-db-stats-summary{display:flex;justify-content:center;align-items:center;gap:var(--hw-spacing-md);flex-wrap:wrap}.character-table-container{display:none;background:var(--hw-bg-dark);border:1px solid var(--hw-border-accent);border-radius:var(--hw-border-radius-lg);overflow-x:auto}.character-table{table-layout:fixed;width:max-content;min-width:100%;border-collapse:collapse;font-family:var(--font-primary)}.character-table th:nth-child(1){width:5%}.character-table th:nth-child(2){width:15%}.character-table th:nth-child(3){width:22%}.character-table th:nth-child(4){width:10%}.character-table th:nth-child(5){width:8%}.character-table th:nth-child(6){width:8%}.character-table th:nth-child(7){width:8%}.character-table th:nth-child(8){width:8%}.character-table th:nth-child(9){width:8%}.character-table th:nth-child(10){width:8%}.character-table th{background:var(--hw-bg-darker);color:var(--hw-primary-warm);font-size:var(--hw-font-md);font-weight:600;text-align:center;padding:.75rem .5rem;border-bottom:1px solid rgba(232,165,71,.2);white-space:nowrap;font-family:var(--font-primary)}.character-table td{text-align:center;vertical-align:middle;padding:1.2rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--hw-font-md);font-weight:400;border-bottom:1px solid var(--hw-border-light);color:var(--hw-text-light);font-family:var(--font-primary)}.character-table td:nth-child(1){font-size:var(--hw-font-sm);font-weight:400;color:var(--hw-text-very-muted)}.character-table td:nth-child(3){text-align:left;white-space:normal;overflow:visible}.character-image{width:64px;height:64px;border-radius:var(--hw-border-radius-md);object-fit:cover;border:none;flex-shrink:0}.character-name{font-size:1.1rem;font-weight:600;font-family:var(--font-primary)}.cost-value{font-size:var(--hw-font-md);font-weight:500;color:var(--hw-primary-warm)}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:2rem auto 1.5rem;flex-wrap:wrap;padding:0 1rem}.filter-controls,.sort-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.filter-select,.sort-btn{padding:.4rem .7rem;background:var(--hw-bg-darker);color:var(--hw-text-light);border-radius:8px;border:1px solid var(--hw-border-strong);font-size:.8rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-primary)}.sort-btn.active,.sort-btn.state-desc,.sort-btn.state-asc{background:var(--hw-primary-warm);color:var(--hw-bg-dark);border-color:var(--hw-primary-warm)}.reset-btn{padding:.5rem 1rem;background:linear-gradient(135deg,var(--hw-border-muted),var(--hw-border-strong));color:var(--hw-primary-warm);border-radius:10px;border:2px solid var(--hw-border-strong);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-primary)}.reset-btn:active{transform:translateY(0)}.mobile-card-view{display:block;padding:var(--hw-spacing-md)}.mobile-character-card{background:var(--hw-bg-dark);border-radius:var(--hw-border-radius-xl);padding:1.2rem 1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.8rem;border:1px solid var(--hw-border-accent);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}.mobile-character-card:active{background:var(--hw-border-muted);border-color:var(--hw-primary-warm)}.mobile-character-card:focus-visible{outline:2px solid var(--hw-primary-warm);outline-offset:2px}.mobile-card-header{display:flex;align-items:center;justify-content:center;gap:var(--hw-spacing-md)}.mobile-card-image{display:flex;align-items:center}.mobile-card-info{display:flex;flex-direction:column;align-items:center;gap:var(--hw-spacing-xs)}.mobile-card-info h3.character-name{color:var(--hw-text-light);margin:0;font-size:1.1rem;font-weight:600;text-align:center;font-family:var(--font-primary)}.header-badges{display:flex;gap:var(--hw-spacing-xs);align-items:center;justify-content:center;flex-wrap:wrap}.mobile-card-info .hw-badge,.mobile-card-info .cost-badge{align-self:center}.mobile-card-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:var(--hw-spacing-sm);padding:.75rem;background:var(--hw-bg-medium);border-radius:var(--hw-border-radius-md);border:1px solid var(--hw-border-light)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.stat-label{font-size:var(--hw-font-xs);font-weight:600;color:var(--hw-text-muted);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-primary)}.stat-value{font-size:var(--hw-font-lg);font-weight:500;color:var(--hw-text-light);font-family:var(--font-primary)}.character-img{border-radius:var(--hw-border-radius-md);object-fit:cover;border:2px solid var(--hw-accent-primary)}.mobile-card-tags{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--hw-border-accent)}.tags-label{font-size:var(--hw-font-sm);color:var(--hw-text-muted);font-weight:600;margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.5px}.tags-container{display:flex;flex-wrap:wrap;gap:.4rem}@media (hover: hover){.character-table-container{display:block}.mobile-card-view{display:none}.cost-value{background:var(--hw-primary-warm);color:var(--hw-text-dark);font-weight:700;padding:.4rem .8rem;border-radius:4px;display:inline-block;font-size:var(--hw-font-sm);text-transform:uppercase;letter-spacing:.05em}}.touch-optimized{touch-action:manipulation;min-height:44px}.clickable-row{cursor:pointer;touch-action:manipulation}.desktop-character-image{width:80px;height:80px;border-radius:var(--hw-border-radius-md);border:1px solid var(--hw-accent-primary);overflow:hidden}.mobile-character-image{width:64px;height:64px;border-radius:var(--hw-border-radius-md);border:2px solid var(--hw-accent-primary);overflow:hidden}@media (max-width: 1024px) and (min-width: 768px){.mobile-card-view,.mobile-character-card{padding:var(--hw-spacing-lg)}}@media (max-width: 768px){.character-table-container{display:none!important}.mobile-card-view{display:block!important;padding:var(--hw-spacing-md)}.filter-bar{flex-direction:column;gap:.8rem}.filter-controls,.sort-controls{width:100%;justify-content:center}.filter-select,.sort-btn{padding:.8rem 1rem;min-height:44px;font-size:.9rem}.reset-btn{padding:.8rem 1.2rem;min-height:44px}.hw-char-db-main-content{padding:var(--hw-spacing-md)}.hw-char-db-subtitle{font-size:var(--hw-font-lg)}.hw-char-db-stats-summary{gap:var(--hw-spacing-sm)}.hw-char-db-hero-section{padding:1.5rem .5rem;margin-bottom:1.5rem}.hw-char-db-hero-title{font-size:var(--text-3xl)}.hw-char-db-hero-subtitle{font-size:var(--hw-font-lg)}}@media (max-width: 480px){.hw-char-db-main-content,.mobile-card-view{padding:.5rem}.mobile-character-card{margin-bottom:1rem;padding:1rem .8rem}.mobile-card-header{flex-direction:column;text-align:center;gap:var(--hw-spacing-sm)}.mobile-card-stats-grid{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto}.mobile-card-stats-grid .stat-item:nth-child(4),.mobile-card-stats-grid .stat-item:nth-child(5){grid-column:span 1}.mobile-card-stats-grid .stat-item:nth-child(5){grid-column:2}.tags-label{font-size:var(--hw-font-xs)}.hw-char-db-subtitle{font-size:var(--hw-font-md)}.hw-char-db-stats-summary{gap:var(--hw-spacing-xs)}.hw-char-db-hero-section{padding:1rem .5rem;margin-bottom:1rem}.hw-char-db-hero-title{font-size:var(--text-2xl)}.hw-char-db-hero-subtitle{font-size:var(--hw-font-md)}}}