body{background:#0d1117;color:#d7ddff;font-family:Arial,sans-serif;margin:0;padding:20px}.stats-header{justify-content:flex-start;gap:20px}.settings-btn{background:#238636;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:15px;transition:background .2s}.settings-btn:hover{background:#2ea043}.chart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.combo-box,.combo-row{gap:14px;display:flex}.chart-container{background:#161b22;padding:20px;border-radius:12px;box-shadow:0 0 10px #00000055;height:auto}.combo-box{flex-direction:column}.combo-item{flex:1;display:flex;flex-direction:column}.combo-item h4{margin:0 0 8px;font-size:.95rem}.combo-item canvas{width:100%!important;height:200px!important}.single-chart canvas{width:100%!important;height:220px!important}.affiliation-wide canvas{width:100%!important;height:350px!important}canvas{display:block;margin:0 auto}.settings-sidebar.open{box-shadow:-6px 0 20px #000000aa;right:0}.chart-clickable{cursor:pointer;transition:transform .15s,filter .15s}#resetSettingsBtn,.back-button{color:#fff;transition:background .2s}.chart-clickable:hover{transform:scale(1.02);filter:brightness(1.1)}.back-button{padding:.45rem 1rem;background:#444;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;margin-bottom:1rem}.back-button:hover{background:#333}.stats-title{text-align:center;font-size:2rem;font-weight:700;margin:1.5rem 0 2rem;color:#fff;letter-spacing:.5px}.fruit-chart canvas,.island-chart canvas{width:100%!important;height:240px!important}.settings-overlay{position:fixed;inset:0;background:#00000088;opacity:0;pointer-events:none;transition:opacity .35s;z-index:900}.settings-overlay.visible{opacity:1;pointer-events:auto}.settings-sidebar{overscroll-behavior:contain;position:fixed;top:0;right:-460px;width:420px;height:100%;background:#161b22;box-shadow:-4px 0 12px #00000088;padding:20px;overflow-y:auto;transition:right .35s cubic-bezier(.25, .1, .25, 1);z-index:1000;border-top-left-radius:14px;border-bottom-left-radius:14px;border-left:1px solid #30363d}.accordion-toggle,.close-settings-btn{background:0 0;color:#d7ddff;cursor:pointer}.settings-header{display:flex;justify-content:space-between;align-items:center}.close-settings-btn{border:none;font-size:22px}#resetSettingsBtn{background:#8b0000;border:none;padding:10px 14px;border-radius:6px;cursor:pointer;margin-top:12px;width:100%;font-size:15px}#resetSettingsBtn:hover{background:#a30000}.accordion-section{border-bottom:1px solid #30363d;margin-bottom:10px}.accordion-toggle{width:100%;border:none;text-align:left;padding:12px 0;font-size:17px}.accordion-section.open .accordion-toggle{color:#58a6ff}.accordion-panel{max-height:0;overflow:hidden;transition:max-height .25s;padding-left:5px}.accordion-section.open .accordion-panel{max-height:1000px;padding-bottom:10px}.chart-type-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.range-row,.toggle-unknown{margin-bottom:8px;display:flex}.chart-type-row select{background:#0d1117;border:1px solid #30363d;color:#d7ddff;padding:6px;border-radius:6px}.range-row{gap:6px}.range-row input{background:#0d1117;border:1px solid #30363d;color:#d7ddff;padding:6px;border-radius:6px;width:100%}.remove-range-btn{background:#8b0000;border:none;color:#fff;padding:6px 10px;border-radius:6px;cursor:pointer}.add-range-btn{background:#238636;border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;margin-top:8px}.toggle-unknown{align-items:center;gap:10px;cursor:pointer;user-select:none}.toggle-unknown input{display:none}.toggle-slider{width:42px;height:22px;background:#30363d;border-radius:20px;position:relative;transition:background .2s}.carousel-btn,.toggle-unknown input:checked+.toggle-slider{background:#238636}.carousel-btn,.carousel-dot{cursor:pointer;transition:.2s}.toggle-slider::before{content:"";position:absolute;width:18px;height:18px;background:#d7ddff;border-radius:50%;top:2px;left:2px;transition:transform .2s}.toggle-unknown input:checked+.toggle-slider::before{transform:translateX(20px)}.toggle-label{color:#d7ddff;font-size:14px}.charts-section{margin-bottom:40px}.charts-section h2{font-size:1.8rem;color:#fff;margin-bottom:20px;border-bottom:2px solid #30363d;padding-bottom:10px}.character-charts-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:15px}.carousel-dots,.chart-combo-row{margin-bottom:20px}.character-charts-header h3{font-size:1.3rem;color:#d7ddff;margin:0}.carousel-btn{color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center}.carousel-btn:hover:not(:disabled){background:#2ea043;transform:scale(1.05)}.carousel-btn:disabled{background:#30363d;color:#666;cursor:not-allowed}.carousel-dots{display:flex;justify-content:center;gap:10px}.character-charts-carousel .chart-grid,.chart-combo-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.carousel-dot{width:10px;height:10px;border-radius:50%;background:#30363d}.character-charts-carousel .chart-slide,.chart-slide{transition:opacity .3s}.carousel-dot.active{background:#238636;transform:scale(1.2)}.carousel-dot:hover{background:#58a6ff}.character-charts-carousel{position:relative;min-height:600px}.chart-slide{opacity:1;visibility:visible;position:relative;width:100%}.character-charts-carousel .chart-container{background:#161b22;padding:20px;border-radius:12px;box-shadow:0 0 10px #00000055;height:300px;display:flex;flex-direction:column}.character-charts-carousel .chart-container h4{margin:0 0 15px;font-size:1.1rem;color:#fff;text-align:center}.character-charts-carousel .chart-container canvas{flex:1;width:100%!important;height:100%!important}.chart-container.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#161b22 0,#1c2128 100%);border:2px dashed #30363d}.placeholder-content{text-align:center;color:#8b949e;font-size:1rem;padding:20px}.affiliation-wide{grid-column:span 3;margin-top:40px}@media (max-width:1200px){.character-charts-carousel .chart-grid,.chart-combo-row{grid-template-columns:1fr}}@media (max-width:768px){.character-charts-carousel .chart-container{height:250px}.carousel-btn{width:35px;height:35px;font-size:16px}}