:root{--bg-primary: #f0f0f0;--bg-secondary: #ffffff;--bg-tertiary: #f8f9fa;--bg-header: #e9ecef;--bg-hover: #f8f9fa;--bg-active-highlight: #bde0fe;--text-primary: #333;--text-secondary: #555;--text-muted: #666;--text-rank: #888;--border-primary: #ddd;--border-secondary: #eee;--border-icon: #ccc;--shadow-color: rgba(0, 0, 0, .1);--shadow-light: rgba(0,0,0,.05);--new-indicator-text: #e63946;--new-indicator-shadow: #000}body.dark-mode{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2a2a2a;--bg-header: #2c2c2c;--bg-hover: #333333;--bg-active-highlight: #005f99;--text-primary: #e0e0e0;--text-secondary: #bbbbbb;--text-muted: #999999;--text-rank: #888888;--border-primary: #444444;--border-secondary: #333333;--border-icon: #555555;--shadow-color: rgba(0, 0, 0, .5);--shadow-light: rgba(0,0,0,.3);--new-indicator-text: #ff5252;--new-indicator-shadow: #000}body{font-family:sans-serif;background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:20px;transition:background-color .3s,color .3s}header{text-align:center;margin-bottom:10px;position:relative;height:40px}.theme-switch-wrapper{position:absolute;top:5px;right:20px;display:flex;align-items:center}.theme-switch{display:inline-block;position:relative;width:60px;height:32px}.theme-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px;transition:.4s}.slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:.4s;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f39c12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='12' cy='12' r='5'%3e%3c/circle%3e%3cline x1='12' y1='1' x2='12' y2='3'%3e%3c/line%3e%3cline x1='12' y1='21' x2='12' y2='23'%3e%3c/line%3e%3cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'%3e%3c/line%3e%3cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'%3e%3c/line%3e%3cline x1='1' y1='12' x2='3' y2='12'%3e%3c/line%3e%3cline x1='21' y1='12' x2='23' y2='12'%3e%3c/line%3e%3cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'%3e%3c/line%3e%3cline x1='18.36' y1='5.64' x2='19.78' y2='4.22'%3e%3c/line%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}input:checked+.slider{background-color:#4a4e5a}input:checked+.slider:before{transform:translate(28px)}input:checked+.slider:before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235865f2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'%3e%3c/path%3e%3c/svg%3e")}#current-banners-container{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;max-width:800px;margin:0 auto 25px}.banner-group{background-color:var(--bg-secondary);border-radius:8px;padding:12px;box-shadow:0 2px 10px var(--shadow-light);min-width:180px}.banner-group.irregular-banner .featured-cards-grid{display:flex;justify-content:center;gap:8px;min-height:54px}.banner-group.irregular-banner .featured-card{width:31%;max-width:70px;min-width:50px;padding-top:0;position:relative;aspect-ratio:1 / 1}.banner-group.irregular-banner .featured-card .card-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.banner-countdown{text-align:center;font-size:.9em;font-weight:500;color:var(--text-primary);margin-bottom:10px}.featured-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px;min-height:54px}.featured-card{position:relative;width:100%;padding-top:100%;border-radius:6px;overflow:hidden;border:2px solid var(--border-primary);cursor:help}.featured-card .card-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.featured-card.is-new:after{content:"NEW";position:absolute;top:0;left:50%;transform:translate(-50%);color:var(--new-indicator-text);font-weight:700;font-size:13px;text-shadow:0px -1px 0 var(--new-indicator-shadow),1px -1px 0 var(--new-indicator-shadow),-1px 1px 0 var(--new-indicator-shadow),1px 1px 0 var(--new-indicator-shadow);pointer-events:none}.banner-group.is-empty .featured-cards-grid{display:flex;align-items:center;justify-content:center}.no-cards-text{font-size:.9em;color:var(--text-muted);margin:0}.sort-controls{display:flex;justify-content:center;margin-bottom:20px}.toggle-switch{display:flex;position:relative;background-color:var(--bg-header);border-radius:50px;border:1px solid var(--border-icon);padding:4px;width:280px}.toggle-highlight{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background-color:var(--bg-active-highlight);border-radius:50px;transition:transform .3s ease-in-out;z-index:0}.toggle-switch.right-active .toggle-highlight{transform:translate(100%)}.toggle-switch button{flex:1;padding:8px 15px;font-size:.9em;font-weight:600;border:none;background-color:transparent;color:var(--text-primary);cursor:pointer;z-index:1;transition:color .3s ease-in-out}.ranking-container{max-width:800px;margin:0 auto;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 10px var(--shadow-color);overflow:hidden}.ranking-header{display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:15px 20px;background-color:var(--bg-header);font-weight:700;border-bottom:2px solid var(--border-primary);gap:20px}.rank-header{text-align:center}.days-header{text-align:right;line-height:1.3}.character-entry{display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:10px 20px;border-bottom:1px solid var(--border-secondary);cursor:pointer;transition:background-color .2s;gap:20px}.character-entry:hover{background-color:var(--bg-hover)}.rank-cell{width:60px;font-size:1.5em;font-weight:700;color:var(--text-rank);text-align:center;padding-right:10px}.character-cell{display:flex;align-items:center;gap:15px;font-size:1.1em}.days-cell{text-align:right;font-size:1.1em;font-weight:500}.character-icon{width:50px;height:50px;border-radius:50%;border:2px solid var(--border-icon);transition:filter .3s ease-in-out}.character-details{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);grid-column:1 / -1;max-height:0;overflow:hidden;padding:0 20px;transition:max-height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out}.character-details.active{max-height:2000px;padding-top:20px;padding-bottom:20px}.details-section{margin-bottom:25px}.details-section:last-child{margin-bottom:15px}.details-section h4{margin-top:0;margin-bottom:15px;border-bottom:1px solid var(--border-secondary);padding-bottom:5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.stat-item{background-color:var(--bg-tertiary);padding:10px 15px;border-radius:6px;border:1px solid var(--border-secondary);border-left-width:5px;transition:transform .2s ease}.stat-item .label{font-size:.85em;color:var(--text-secondary);margin:0 0 5px}.stat-item .value{font-size:1.2em;font-weight:700;color:var(--text-primary);margin:0}.card-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:filter .3s ease-in-out}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px}.card-item{text-align:center;cursor:help}.card-image-container{position:relative;width:100%;padding-top:100%;border:2px solid var(--border-primary);border-radius:8px;overflow:hidden}.card-feature-count{position:absolute;bottom:2px;right:2px;background-color:#000000b3;color:#fff;font-size:.7em;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #fff}.card-days-since{margin-top:5px;margin-bottom:0;font-size:.8em;color:var(--text-primary)}.details-section summary{font-weight:700;font-size:1.1em;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s}.details-section summary:hover{background-color:var(--bg-hover)}.banner-history-content{margin-top:10px}.card-item-small{position:relative;width:60px;height:60px;border-radius:6px;overflow:hidden;border:2px solid var(--border-primary);cursor:help}.banner-timeline-container{display:flex;flex-wrap:wrap;padding-bottom:10px;gap:15px}.timeline-item{text-align:center;width:60px;cursor:help}.timeline-date{margin-top:5px;margin-bottom:0;font-size:.75em;font-weight:500;line-height:1.2;color:var(--text-primary)}.collapse-button{display:block;margin:20px auto 0;padding:8px 20px;font-size:.9em;font-weight:600;color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-icon);border-radius:6px;cursor:pointer;transition:background-color .2s}.collapse-button:hover{background-color:var(--bg-hover)}.area-cb{grid-area:banner-curr}.area-cc{grid-area:card-curr}.area-sb{grid-area:banner-short}.area-lb{grid-area:banner-long}.area-sc{grid-area:card-short}.area-lc{grid-area:card-long}body.dark-mode .character-icon,body.dark-mode .card-thumbnail{filter:brightness(85%) contrast(95%)}@media (max-width: 600px){#current-banners-container{grid-template-columns:1fr}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-item{padding:8px 4px;display:flex;flex-direction:column;justify-content:center}.stat-item .label{font-size:.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-item .value{font-size:1.1em}}@media (max-width: 350px){body{padding:10px}.ranking-header{display:none}.character-entry{grid-template-columns:60px 1fr;grid-template-rows:auto auto;grid-template-areas:"rank char" ". days";padding:15px 10px;gap:0 10px}.rank-cell{grid-area:rank;align-self:center}.character-cell{grid-area:char}.days-cell{grid-area:days;text-align:left;font-size:.9em;color:var(--text-secondary);padding-top:2px}}@media (min-width: 660px){.s-cb{order:1}.s-sb{order:2}.s-lb{order:3}.s-cc{order:4}.s-sc{order:5}.s-lc{order:6}}.footer{text-align:center;font-size:15px}.footer a{color:var(--text-primary)}