.dropdown-container .dropdown-content{width:auto;min-width:100%;box-sizing:border-box}.viewer-header .dropdown-container{flex-grow:1;margin:0 2rem;max-width:25rem}.search-and-filter-container{display:flex;gap:1rem;align-items:center}.filter-container{display:flex;gap:.5rem;background-color:var(--input-bg);padding:.25rem;border-radius:.5rem;border:1px solid var(--border-color)}.filter-btn{background-color:transparent;border:none;color:var(--text-secondary);padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-weight:600;transition:all .2s ease;text-align:center}.filter-btn.active{background-color:var(--accent-color);color:#fff;box-shadow:0 2px 8px #007bff4d}#event-selection-view{--control-h: 2.75rem}#event-selection-view #search-bar{height:var(--control-h);padding:0 1rem}#event-selection-view .filter-container{height:var(--control-h);display:flex;align-items:center}#event-selection-view .filter-btn{height:100%;display:inline-flex;align-items:center}#event-selection-view .viewer-header{display:flex;flex-wrap:wrap;row-gap:.75rem}#event-selection-view .search-and-filter-container{display:flex;align-items:center;gap:1rem;flex:1 1 100%}#event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.6rem;align-items:start}#event-grid .grid-card{display:flex;flex-direction:column;width:100%;height:auto;max-width:8rem}#event-grid .card-thumbnail{width:100%;aspect-ratio:3 / 4;height:auto;object-fit:cover;background-size:cover;background-position:center top}#event-grid .card-content{padding:.5rem .6rem}#event-grid .card-title{font-size:.9rem;line-height:1.25;margin-bottom:.2rem}#event-grid .card-subtitle{font-size:.72rem;line-height:1.3}.grid-card .card-checkbox{position:absolute;top:.35rem;right:.35rem;width:1.75rem;height:1.75rem;background-color:#00000073;border:1.5px dashed rgba(255,255,255,.55);border-radius:50%;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,border-style .18s ease,transform .1s ease;z-index:10;display:flex;align-items:center;justify-content:center;backdrop-filter:saturate(120%) blur(2px)}.grid-card .card-checkbox:after{content:"✔";color:#ffffff8c;font-size:.95rem;font-weight:700;line-height:1;transition:color .18s ease,opacity .18s ease,transform .15s ease;opacity:.45}.grid-card .card-checkbox:hover{background-color:#000000a6;border-color:#ffffffe6;border-style:solid}.grid-card .card-checkbox:hover:after{opacity:.9;color:#fffffff2}.grid-card .card-checkbox:active{transform:scale(.92)}.grid-card .card-checkbox.completed{background-color:var(--accent-color);border-color:var(--accent-color);border-style:solid;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-color) 35%,transparent),0 2px 6px #00000059}.grid-card .card-checkbox.completed:after{color:#fff;opacity:1;font-size:1rem}.grid-card.completed-card{opacity:.6}.grid-card.completed-card:hover{opacity:1}#event-selection-view .viewer-header{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:wrap}#event-selection-view .header-title{flex:0 0 auto;margin:0 1rem 0 0}#event-selection-view .search-and-filter-container{display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex:1 1 auto;margin-left:auto;min-width:0}#event-selection-view .filter-container{flex:0 0 auto}.chip-row--search .dropdown-container{flex:0 1 24rem;min-width:12rem;max-width:24rem;margin:0;position:relative}.chip-row--search #search-bar{width:100%;height:1.85rem;padding:0 .85rem;border-radius:999px;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color);font-size:.85rem;line-height:1;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.chip-row--search #search-bar::placeholder{color:var(--subtitle-color);opacity:.8}.chip-row--search #search-bar:hover{border-color:color-mix(in srgb,var(--accent-color) 50%,var(--border-color))}.chip-row--search #search-bar:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent)}.visible-count{font-size:.85rem;font-weight:600;color:var(--text-secondary, var(--subtitle-color));white-space:nowrap;padding:0 .5rem}.visible-count strong{color:var(--accent-color);font-weight:700}.chip-filters{display:flex;flex-direction:column;gap:.4rem;flex:1 1 100%}.chip-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.chip-row-label{font-size:.8rem;font-weight:600;color:var(--subtitle-color);min-width:3rem}.chip-group{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem;border:1px solid var(--border-color);border-radius:999px;background:var(--input-bg);color:var(--text-secondary, var(--subtitle-color));cursor:pointer;font-size:.75rem;font-weight:600;line-height:1;transition:opacity .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s ease;user-select:none}.chip:hover{border-color:var(--accent-color);color:var(--text-color)}.chip:active{transform:scale(.97)}.chip:not(.active){opacity:.55}.chip.active{opacity:1;border-color:var(--accent-color);color:var(--text-color)}.chip-faction img{width:1.1rem;height:1.1rem;object-fit:contain;display:block}.chip-rarity{min-width:2rem;justify-content:center}.chip-rarity[data-rarity=UR].active{background:var(--rarity-ur);color:var(--rarity-ur-text);border-color:transparent}.chip-rarity[data-rarity=SSR].active{background:var(--rarity-ssr);color:var(--rarity-ssr-text);border-color:transparent}.chip-rarity[data-rarity=SR].active{background:var(--rarity-sr);color:var(--rarity-sr-text);border-color:transparent}.chip-rarity[data-rarity=R].active{background:var(--rarity-r);color:var(--rarity-r-text);border-color:transparent}.chip-rarity[data-rarity=N].active{background:var(--rarity-n);color:var(--rarity-n-text);border-color:transparent}.chip-reset{border-style:dashed}body.dark-mode .chip{background:var(--highlight-subtle, var(--input-bg))}@media(max-width:1024px){.filter-btn{text-align:center;flex:1 1 0}#event-selection-view .viewer-header{display:flex;flex-direction:column;align-items:stretch;gap:.75rem}#event-selection-view .header-title{order:0;margin:0}#event-selection-view .search-and-filter-container{order:1;margin-left:0;flex-direction:column;gap:.5rem;width:100%;min-width:0}#event-selection-view .filter-container,#event-selection-view .dropdown-container{width:100%;max-width:100%;flex:0 0 auto}#event-selection-view #search-bar{width:100%;max-width:100%;box-sizing:border-box}#event-selection-view .chip-filters{order:2;width:100%}.visible-count{text-align:center;width:100%}}@media(max-width:600px){#event-grid{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.5rem}#event-grid .grid-card{max-width:7rem}.chip-row-label{min-width:auto}}