*{font-family:Arial,Helvetica,sans-serif;scroll-behavior:smooth}body{background-color:#131313;color:#eee}.hidden{display:none!important}#header-combo,#header-nextfocusgirl{display:none}#header-combo.visible,#header-nextfocusgirl.visible{display:block;width:100%;text-align:center;font-size:1.5rem}.category-wrapper.hidden,#header-combo.hidden,#header-nextfocusgirl.hidden{display:none}.characters{margin-top:60px;min-height:calc(100vh - 60px);height:100%;padding:20px}.characters h1{font-size:3.2rem;background:#ed5836;background:-webkit-linear-gradient(to right,#ed5836,#ffa142);background:linear-gradient(to right,#ed5836,#ffa142);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;text-align:center}.characters h2{text-align:center;font-size:1.5rem}#character-container>h2{width:100%;text-align:center;font-size:1.5rem}#intro{padding:10px;max-width:1000px;margin:0 auto 20px auto;border-radius:8px;box-shadow:0 1px 10px rgba(255,255,255,.1)}.accordion{max-width:800px;margin:20px auto;border:1px solid #444;border-radius:8px;overflow:hidden;background-color:#1e1e1e}.accordion-toggle{display:block;width:100%;padding:12px;text-align:left;font-size:16px;font-weight:bold;background-color:#333;border:none;cursor:pointer}.accordion-checkbox:checked + .accordion-toggle{background-color:#444}@media (hover:hover){.accordion-toggle:hover{background-color:#444}}.accordion-toggle::after{content:"▼";float:right}.accordion-checkbox:checked + .accordion-toggle::after{content:"▲"}.accordion-content{max-height:0;overflow:hidden;padding:0 12px;background-color:#262626}.accordion-checkbox:checked ~ .accordion-content{max-height:1900px}.accordion .accordion .accordion-checkbox:checked ~ .accordion-content{padding:12px}.accordion-content p:first-child{font-size:1.2rem;color:rgb(0,171,255);margin-bottom:10px}.accordion-content p span{position:relative;top:-1px}.accordion-content li{margin-bottom:10px}.accordion-content li strong{display:block;font-weight:bold;margin-bottom:2px}.accordion-content li span{color:#ddd}.filter-section{margin-bottom:20px}.filter-section h3{font-size:18px;margin-bottom:10px}.filter-section p{font-size:14px;margin-bottom:10px}.filter-section ul{font-size:14px}#filters{display:flex;flex-wrap:wrap;justify-content:center}.filter-group{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:10px}.filter-label{font-size:1.2rem;font-weight:bold;display:block;width:100%;text-align:center;margin-bottom:10px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}#reset-filters{margin-top:10px}.filter-btn{background:#333;border:none;padding:10px 15px;cursor:pointer;border-radius:5px;transition:background .1s;white-space:nowrap}.filter-btn.active{background:#070}.filter-btn:disabled{opacity:.5;cursor:not-allowed}#combo-update.active,#next-focus-girl.active{background:#070}#reset-filters:active{background:#700}@media (hover:hover){#reset-filters:hover{background:#700}.filter-btn:disabled:hover{background-color:#333}.filter-btn:hover{background:#070}}#character-container{display:flex;flex-direction:column;gap:20px;align-items:center}#character-container h2{margin:0}.category-wrapper{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:1130px;width:100%}.character-card{background:#333;padding:15px;border-radius:10px;box-shadow:0 2px 5px rgba(255,255,255,.1);text-align:center;width:180px;cursor:pointer}.character-card img{width:150px;height:250px;border-radius:8px}.character-card h3{margin:10px 0 0 0}.combo-group{display:flex;gap:10px;justify-content:center;border:2px solid red;padding:10px;border-radius:10px;background-color:rgba(255,0,0,.1)}@media (max-width:780px){.characters{padding:10px}.combo-group{display:grid;grid-template-columns:1fr 1fr}}@media (max-width:580px){.character-card{width:129px}.character-card img{width:99px;height:165px}}@media (max-width:480px){.characters{padding:5px}}@media (max-width:300px){.combo-group{grid-template-columns:1fr}}.character-modal{position:fixed;top:0;left:0;width:100%;height:0;min-height:100%;background:transparent;z-index:1000;border:none;padding:1rem;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden}.character-modal[open]{opacity:1;visibility:visible;transition:all .3s ease-in-out}.modal-content{display:flex;background:#222;max-width:900px;height:auto;padding:2rem;border-radius:8px;position:relative;display:none}.modal-close{position:absolute;top:-.5rem;right:0;background:none;border:none;font-size:2rem;cursor:pointer;padding:.5rem}.character-modal::backdrop{background:rgba(0,0,0,.8)}.character-modal[open]::backdrop{opacity:1}.modal-grid{display:flex;gap:2rem;min-height:0;height:100%;width:100%;overflow-y:auto}.modal-image-container{flex:1;display:flex;justify-content:center;align-items:center;height:100%;max-height:70vh;min-width:400px;align-self:center}.modal-image{width:auto;height:100%;max-height:inherit;object-fit:contain}.character-card img{color:#333}.modal-image-container img{animation:fadeIn .5s}.modal-info{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:200px;min-height:0;max-height:70vh;overflow-y:auto;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.character-name{background:#333;padding:1rem;border-radius:4px;font-size:2rem}.bio-container{background:#333;padding:1rem;border-radius:4px}.character-bio{margin:0;line-height:1.5}.character-details{background:#333;padding:1rem;border-radius:4px;display:grid}.character-details dt{font-weight:bold;color:#ddd}.character-details dd{margin:0;margin-bottom:.5rem}.modal-loading{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.modal-loading[hidden]{display:none}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s ease-in-out infinite}@media (max-width:700px){.modal-image-container{min-width:auto}.modal-info{min-width:auto}}@media (max-width:680px){.modal-image-container{width:100%}}@media (max-width:500px),(max-width:950px) and (max-height:450px){.character-modal{padding:0}.modal-content{border-radius:0;width:100%;height:100%;max-width:none;justify-content:center}.modal-grid{flex-direction:column;overflow-y:auto;gap:1rem}.modal-image{max-height:300px}.modal-info{overflow-y:unset}.modal-close{top:-1.1rem;right:-.3rem;font-size:3rem}}