body{font-family:sans-serif;background-color:#f0f0f0;color:#333;margin:0;padding:20px}header{text-align:center;margin-bottom:10px}#current-banners-container{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;max-width:800px;margin:0 auto 25px}.banner-group{background-color:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 10px #0000000d;min-width:180px}.banner-countdown{text-align:center;font-size:.9em;font-weight:500;color:#333;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 #ddd;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:#e63946;font-weight:700;font-size:13px;text-shadow:0px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;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:#666;margin:0}.sort-controls{display:flex;justify-content:center;margin-bottom:20px}.toggle-switch{display:flex;position:relative;background-color:#e9ecef;border-radius:50px;border:1px solid #ccc;padding:4px;width:280px}.toggle-highlight{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background-color:#bde0fe;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:#333;cursor:pointer;z-index:1;transition:color .3s ease-in-out}.ranking-container{max-width:800px;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.ranking-header{display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:15px 20px;background-color:#e9ecef;font-weight:700;border-bottom:2px solid #ddd;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 #eee;cursor:pointer;transition:background-color .2s;gap:20px}.character-entry:hover{background-color:#f8f9fa}.rank-cell{width:60px;font-size:1.5em;font-weight:700;color:#888;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 #ccc}.character-details{background-color:#fdfdfd;border-bottom:1px solid #eee;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 #eee;padding-bottom:5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.stat-item{background-color:#f8f9fa;padding:10px;border-radius:6px;border:1px solid #eee}.stat-item .label{font-size:.85em;color:#555;margin:0 0 5px}.stat-item .value{font-size:1.2em;font-weight:700;color:#333;margin:0}.card-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.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 #ddd;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:#333}.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:#f0f0f0}.banner-history-content{margin-top:10px}.card-item-small{position:relative;width:60px;height:60px;border-radius:6px;overflow:hidden;border:2px solid #ddd;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:#333}.collapse-button{display:block;margin:20px auto 0;padding:8px 20px;font-size:.9em;font-weight:600;color:#555;background-color:#f0f0f0;border:1px solid #ccc;border-radius:6px;cursor:pointer;transition:background-color .2s}.collapse-button:hover{background-color:#e0e0e0}@media (max-width: 600px){#current-banners-container{grid-template-columns:1fr}}@media (max-width: 480px){.rank-cell{width:40px}.character-entry,.ranking-header{grid-template-columns:40px 1fr auto}}@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:#555;padding-top:2px}}.footer{text-align:center;font-size:15px}