.tier-list-container{width:100%;max-width:1400px;margin:0 auto;padding:1rem}.mode-btn,.control-btn,.tier-type-btn{padding:.75rem 1.5rem;background:var(--hw-bg-dark);border:2px solid var(--hw-border-light);border-radius:6px;color:var(--hw-text-light);font-weight:600;cursor:pointer}.mode-btn{padding:.75rem 2rem}.mode-btn.active,.tier-type-btn.active{background:var(--hw-primary-warm);border-color:var(--hw-primary-warm);color:var(--hw-text-dark)}.control-btn:disabled{cursor:not-allowed;opacity:.6}.mode-toggle{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1rem;background:var(--hw-bg-secondary);border-radius:8px;border:1px solid var(--hw-border-accent)}.maker-controls{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.tier-list-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap;padding:1rem;background:var(--hw-bg-secondary);border-radius:8px;border:1px solid var(--hw-border-accent)}.maker-layout{display:flex;flex-direction:column;gap:1.5rem;align-items:stretch}.maker-tier-list{flex:1}.top-pool{width:100%;background:var(--hw-bg-secondary);border:1px solid var(--hw-border-accent);border-radius:8px;padding:1rem;display:flex;flex-direction:column}.top-pool h3{color:var(--hw-primary-warm);font-size:1.1rem;text-align:center;margin-bottom:1rem;font-weight:700}.pool-characters{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;justify-content:center}.pool-characters.drag-over{background:#e8a5471a;border:2px dashed var(--hw-primary-warm)}.pool-character-card.dragging{opacity:.5}.pool-character-card{width:90px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.3rem;gap:.2rem;cursor:grab;position:relative;background:var(--hw-bg-medium);border:1px solid var(--hw-border-light);border-radius:6px}.pool-character-card.selected{border-color:var(--hw-primary-warm)}.pool-character-card img{width:60px;height:60px;border:2px solid var(--hw-border-light);border-radius:4px;object-fit:cover}.pool-character-placeholder{width:60px;height:60px;border:2px solid var(--hw-border-light);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--hw-text-muted);background:var(--hw-bg-light)}.pool-character-name{width:100%;font-size:.65rem;font-weight:700;line-height:1.05;color:var(--hw-text-light);text-align:center;margin:2px 0;height:20px;display:flex;align-items:center;justify-content:center;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.tier-list-display{background:var(--hw-bg-secondary);border:1px solid var(--hw-border-accent);border-radius:8px;padding:1rem;margin-bottom:2rem}.tier-list-info{text-align:center;margin-bottom:2rem;padding:1.5rem;background:var(--hw-bg-secondary);border-radius:8px;border:1px solid var(--hw-border-accent)}.tier-list-title{font-size:2rem;font-weight:800;color:var(--hw-primary-warm);margin-bottom:.5rem}.tier-list-description{color:var(--hw-text-muted);font-size:1.1rem;line-height:1.6;max-width:800px;margin:0 auto 1rem}.tier-list-updated{color:var(--hw-text-very-muted);font-size:.9rem;font-style:italic}.tier-row{display:flex;gap:1rem;margin-bottom:1rem;min-height:100px;border-bottom:1px solid var(--hw-border-muted);padding-bottom:1rem}.tier-row:last-child{border-bottom:none}.tier-label{width:100px;min-width:100px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:var(--hw-text-light);position:relative;flex-shrink:0}.tier-label.tier-sss,.tier-label.tier-ss,.tier-label.tier-s,.tier-label.tier-a,.tier-label.tier-b{color:var(--hw-primary-warm)}.tier-characters{flex:1;display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;min-height:100px;padding:1rem;background:var(--hw-bg-dark);border-radius:6px;border:1px dashed var(--hw-border-muted)}.tier-characters.drag-over{background:#e8a5471a;border-color:var(--hw-primary-warm);border-style:solid}.tier-characters.awaiting-placement{background:#e8a5470d;border-color:var(--hw-primary-warm)}.drop-zone-hint{width:100%;text-align:center;color:var(--hw-text-muted);font-style:italic;padding:2rem;display:flex;align-items:center;justify-content:center;min-height:60px}.tier-character-card{width:180px;height:240px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.75rem;gap:.5rem;cursor:pointer;position:relative;background:var(--hw-bg-medium);border:2px solid var(--hw-border-light);border-radius:8px;overflow:hidden}.tier-character-card.dragging{opacity:.5}.character-image-wrapper{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.character-image-wrapper img{width:100%;height:100%;border-radius:6px;object-fit:cover;border:2px solid var(--hw-border-light)}.character-placeholder{width:140px;height:140px;border:2px solid var(--hw-border-light);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--hw-text-muted);background:var(--hw-bg-light)}.character-name{width:100%;font-size:1rem;font-weight:700;line-height:1.2;color:var(--hw-text-light);text-align:center;margin:4px 0;height:40px;display:flex;align-items:center;justify-content:center;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.hw-badge{padding:.4rem .8rem;border-radius:4px;font-size:.7rem;font-weight:600;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.05em;display:inline-flex;border:none;min-height:24px;min-width:32px;line-height:1.2;text-align:center;align-items:center;justify-content:center}.hw-badge[data-rarity=EX]{background:gold;color:#1a1a1a;font-weight:700}.hw-badge[data-rarity=SS]{background:#9c27b0;color:#fff;font-weight:700}.hw-badge[data-rarity=S]{background:#1976d2;color:#fff;font-weight:700}.hw-badge[data-rarity=A]{background:#4caf50;color:#fff}.hw-badge[data-rarity=B]{background:#607d8b;color:#fff}.hw-badge[data-type=Special]{background:var(--hw-primary-warm);color:#1a1a1a;font-weight:700}.remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#dc2626e6;border:none;border-radius:50%;color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}@media (max-width: 768px){.tier-list-container{padding:.5rem}.mode-toggle,.tier-list-selector{flex-direction:column;gap:.5rem}.maker-layout{flex-direction:column}.top-pool{margin-bottom:1rem}.tier-row{flex-direction:column;min-height:auto}.tier-label{width:100%;min-width:100%;height:50px;font-size:1.3rem}.tier-characters{padding:.75rem;justify-content:center}.tier-character-card{width:140px;height:200px;padding:.5rem}.character-image-wrapper img,.character-placeholder{width:100px;height:100px}.character-name{font-size:.85rem;height:32px}}@media (max-width: 480px){.pool-character-card{width:85px;height:130px}.pool-character-card img,.pool-character-placeholder{width:60px;height:60px}.pool-character-name{font-size:.65rem;height:24px}.tier-character-card{width:120px;height:170px}.character-image-wrapper img,.character-placeholder{width:80px;height:80px}.character-name{font-size:.8rem;height:28px}}.mode-btn:focus,.control-btn:focus,.tier-type-btn:focus,.tier-character-card:focus,.pool-character-card:focus{outline:2px solid var(--hw-primary-warm);outline-offset:2px}@media (prefers-contrast: high){.tier-character-card,.pool-character-card{border-width:2px}}@media (prefers-reduced-motion: reduce){.tier-character-card,.pool-character-card,.mode-btn,.control-btn,.tier-type-btn{transition:none}}.priorities-list-display{margin:2rem 0}.priorities-header{text-align:center;margin-bottom:2rem;padding:1rem;background:var(--hw-bg-secondary);border:1px solid var(--hw-border-accent);border-radius:8px}.priorities-title{font-size:var(--hw-font-2xl);font-weight:var(--font-bold);color:var(--hw-text-light);margin:0 0 .5rem;background:var(--hw-gradient-warm-to-coral);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.priorities-subtitle{font-size:var(--hw-font-lg);color:var(--hw-text-muted);margin:0;font-style:italic}.priorities-characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;padding:1rem}.priorities-character-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1rem;cursor:pointer;position:relative;background:var(--hw-bg-medium);border:2px solid var(--hw-border-light);border-radius:8px;overflow:hidden}@media (max-width: 768px){.priorities-characters-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;padding:.5rem}}@media (max-width: 480px){.priorities-characters-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}}