.custom-tier-list{max-width:1200px;margin:0 auto;padding:1rem}.tier-management{text-align:center;background-color:#14181d;border:1px solid #22282f;margin-bottom:2rem;padding:1rem}.tier-management h3{color:#fff;margin-top:0;margin-bottom:1rem;font-weight:300}.tier-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.tier-btn{color:#fff;cursor:pointer;background-color:#202442;border:0;padding:.5rem 1rem;font-size:.9rem;transition:background-color .3s}.tier-btn:hover{background-color:#14181d}.add-btn{background-color:#4caf50}.add-btn:hover{background-color:#45a049}.reset-btn{background-color:#f44336}.reset-btn:hover{background-color:#d32f2f}.tier-container{margin-bottom:2rem}.tier-row{min-height:120px;margin-bottom:1rem;display:flex}.tier-label{color:#000;flex-direction:column;justify-content:center;align-items:center;width:150px;min-width:150px;padding:.5rem;font-size:1.8rem;font-weight:800;display:flex;position:relative}.tier-name-input{color:#000;text-align:center;background:0 0;border:0;width:100%;margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.tier-name-input:focus{outline:2px solid #ffffff80}.tier-actions{opacity:0;visibility:hidden;justify-content:space-between;transition:opacity .2s,visibility .2s;display:flex;position:absolute;top:.25rem;left:.25rem;right:.25rem}.tier-label:hover .tier-actions{opacity:1;visibility:visible}.tier-action-btn{color:#fff;cursor:pointer;background:#0000004d;border:0;padding:.25rem;font-size:.8rem;transition:background-color .3s}.tier-action-btn:hover{background:#0009}.tier-characters{background-color:#0f1419;border:2px dashed #22282f;flex:1;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem;min-height:110px;margin-left:.5rem;padding:.5rem;display:grid}.tier-characters:empty:after{content:"Drop characters here";color:#666;text-align:center;grid-column:1/-1;align-self:center;font-size:.9rem;font-style:italic}.filters-section{margin-bottom:2rem}.character-pool{background-color:#14181d;border:1px solid #22282f;padding:1rem}.character-pool h3{color:#fff;text-align:center;margin-top:0;margin-bottom:1rem;font-weight:300}.pool-characters{background-color:#0f1419;border:2px dashed #22282f;min-height:200px;padding:.5rem;position:relative}.pool-characters:empty:after{content:"All characters assigned to tiers";color:#666;font-size:.9rem;font-style:italic;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tier-assigned{cursor:move}.tier-assigned:hover{transition:transform .2s;transform:scale(1.05)}.pool-characters .character{cursor:move}.pool-characters .character:hover{transition:transform .2s;transform:scale(1.05)}.tier-characters .character{cursor:move;background-color:#0f1419;border:1px solid #22282f;flex-direction:column;justify-content:flex-end;align-items:center;width:90px;height:120px;transition:all .2s;display:flex;position:relative}.tier-characters .character:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.tier-characters .character .img-wrapper{width:100%;height:100px;position:absolute;top:0;left:0;overflow:hidden}.tier-characters .character .bg{background-position:50%;background-size:cover;width:100%;height:100px;position:absolute;top:0;left:0}.tier-characters .character img,.tier-characters .character .character-portrait{object-fit:cover;z-index:1;width:100%;height:100px;position:absolute;top:0;left:0}.tier-characters .character .margin,.tier-characters .character .character-name{text-align:center;z-index:2;pointer-events:none;background-color:#14181d;width:100%;padding:.25rem;position:relative}.tier-characters .character .margin .content h2,.tier-characters .character .character-name h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.7rem;font-weight:400;text-decoration:none;overflow:hidden}.tier-characters .character a,.tier-characters .character a:hover,.tier-characters .character a:visited,.tier-characters .character a:focus,.pool-characters .character a,.pool-characters .character a:hover,.pool-characters .character a:visited,.pool-characters .character a:focus{border-bottom:none;text-decoration:none}.tier-characters .character.ur{background-image:linear-gradient(#f09a9acc,#ba0707cc)}.tier-characters .character.ssr{background-image:linear-gradient(#fff457cc,#ffb348cc)}.tier-characters .character.sr{background-image:linear-gradient(#e5b2cacc,#7028e4cc)}.tier-characters .character.r{background-image:linear-gradient(#9acbf0cc,#0090ffcc)}.tier-characters .character.n{background-image:linear-gradient(#9af0aacc,#008202cc)}.tier-characters .character.vivacious,.tier-characters .character.creator{background:linear-gradient(#fff457,#ffb348)}.tier-characters .character.madness,.tier-characters .character.explicator{background-image:linear-gradient(#f09a9acc,#ba0707cc)}.tier-characters .character.depressed,.tier-characters .character.destroyer{background:linear-gradient(#e5b2ca,#7028e4)}.tier-characters .character.composed,.tier-characters .character.consolidator{background:linear-gradient(#9acbf0,#0090ff)}.tier-characters .character.innocence,.tier-characters .character.computator{background:linear-gradient(#9af0aa,#008202)}.tier-characters.drag-over{background-color:#40b5501a;border-color:#4caf50}.pool-characters.drag-over{background-color:#f443361a;border-color:#f44336}.color-modal{z-index:1000;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.color-modal-content{background-color:#14181d;border:1px solid #22282f;width:90%;max-width:400px;padding:1.5rem}.color-modal-header{border-bottom:1px solid #22282f;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.color-modal-header h4{color:#fff;margin:0;font-weight:300}.close-modal{color:#fff;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.5rem;display:flex}.close-modal:hover{background-color:#ffffff1a}.color-picker-container{margin-bottom:1.5rem}#color-picker{cursor:pointer;border:0;width:100%;height:50px;margin-bottom:1rem}.color-presets{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.color-preset{cursor:pointer;border:2px solid #0000;width:40px;height:40px;transition:border-color .3s}.color-preset:hover{border-color:#fff}.color-modal-actions{justify-content:flex-end;gap:.5rem;display:flex}@media (max-width:768px){.tier-row{flex-direction:column}.tier-label{flex-direction:row;justify-content:space-between;width:100%;min-height:60px}.tier-name-input{margin-bottom:0;margin-right:.5rem;font-size:1.4rem}.tier-controls{flex-direction:column;align-items:center}.tier-btn{width:100%;max-width:200px}.color-modal-content{margin:1rem}.color-presets{grid-template-columns:repeat(3,1fr)}}