.filter-bar{width:100%}.filter-group{flex:1;min-width:140px}.filter-group.text-search{flex:2;min-width:180px}.search-input-wrapper{width:100%;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filter-group select,.search-input-wrapper input{width:100%;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;background:#fff0d20a;border:1px solid #fff0d20f;border-radius:6px;outline:none;padding:10px 12px;font-size:.82rem;transition:all .2s}.search-input-wrapper input{cursor:text;padding-left:34px}.filter-group select:hover,.search-input-wrapper input:hover{background:#fff0d20f}.filter-group select:focus,.search-input-wrapper input:focus{background:#fff0d20d;border-color:#c9a96e66}.filter-group select option{color:var(--text-primary);background:#1e1b16}.multi-select-container{width:100%;position:relative}.multi-select-button{width:100%;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:#fff0d20d;border:1px solid #fff0d214;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.8rem;transition:all .2s;display:flex}.multi-select-button:hover,.multi-select-button.active{border-color:var(--accent-color);background:#fff0d214}.multi-select-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multi-select-icon{color:var(--text-secondary);margin-left:8px;transition:transform .2s}.multi-select-button.active .multi-select-icon{transform:rotate(180deg)}.multi-select-dropdown{z-index:100;background:#1e1b16;border:1px solid #c9a96e4d;border-radius:8px;flex-direction:column;width:100%;min-width:180px;max-height:250px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #00000080}.multi-select-search-container{border-bottom:1px solid #fff0d214;padding:8px}.multi-select-search-input{width:100%;color:var(--text-primary);font-family:var(--font-body);background:#fff0d20d;border:1px solid #fff0d21a;border-radius:4px;outline:none;padding:6px 10px;font-size:.8rem}.multi-select-search-input:focus{background:#fff0d214;border-color:#c9a96e66}.multi-select-actions{border-bottom:1px solid #fff0d214;padding:8px}.multi-select-action-btn{width:100%;color:var(--accent-color);cursor:pointer;background:#c9a96e1a;border:1px solid #c9a96e33;border-radius:4px;padding:4px;font-size:.75rem;transition:all .2s}.multi-select-action-btn:hover{background:#c9a96e33}.multi-select-options{padding:4px 0;overflow-y:auto}.multi-select-options::-webkit-scrollbar{width:6px}.multi-select-options::-webkit-scrollbar-track{background:0 0}.multi-select-options::-webkit-scrollbar-thumb{background:#fff0d21a;border-radius:3px}.multi-select-option{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;transition:background .15s;display:flex}.multi-select-option:hover{background:#fff0d20d}.multi-select-option.selected{background:#c9a96e14}.multi-select-checkbox{width:16px;height:16px;color:var(--accent-color);border:1px solid #fff0d24d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.multi-select-option.selected .multi-select-checkbox{border-color:var(--accent-color);background:#c9a96e26}.multi-select-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.multi-select-empty{color:var(--text-secondary);text-align:center;padding:12px;font-size:.8rem}.filter-row-primary{align-items:center;gap:10px;display:flex}.filter-row-primary .filter-group{flex:none;min-width:auto}.filter-row-secondary{display:none}.filter-row-secondary.open{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.filter-row-secondary.open .filter-group{flex:none;min-width:auto}.more-filters-btn{color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:#fff0d20d;border:1px solid #fff0d214;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;transition:all .2s;display:flex}.more-filters-btn:hover,.more-filters-btn.active{border-color:var(--accent-color);color:var(--text-primary);background:#fff0d214}.more-filters-chevron{color:var(--text-secondary);transition:transform .2s}.more-filters-chevron.rotated{transform:rotate(180deg)}.filter-badge{background:var(--accent-color);color:#111;border-radius:12px;padding:2px 6px;font-size:.7rem;font-weight:700}.filter-overlay,.filter-toggle-btn,.filter-overlay-header,.mobile-toggle-row{display:none}@media (max-width:768px){.filter-bar{position:relative}.filter-row-primary{display:none}.filter-row-secondary{display:none!important}.more-filters-btn,.filter-toggle-text{display:none}.mobile-toggle-row{align-items:center;gap:8px;display:flex}.filter-toggle-btn{width:max-content;height:34px;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;background:#fff0d20d;border:1px solid #fff0d226;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:.85rem;transition:all .2s;display:flex}.filter-toggle-btn:hover{background:#fff0d214}.filter-overlay.open{z-index:9999;background:var(--bg-binder,#141210);-webkit-overflow-scrolling:touch;flex-direction:column;align-items:stretch;gap:12px;padding:64px 16px 40px;display:flex;position:fixed;inset:0;overflow-y:auto}.filter-overlay::-webkit-scrollbar{width:6px}.filter-overlay::-webkit-scrollbar-track{background:0 0}.filter-overlay::-webkit-scrollbar-thumb{background:#fff0d226;border-radius:3px}.filter-overlay-header{z-index:10000;background:var(--bg-binder,#141210);border-bottom:1px solid #fff0d21a;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:fixed;top:0;left:0;right:0}.filter-overlay-title{font-family:var(--font-display);color:var(--accent-color);align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.filter-overlay-actions{align-items:center;gap:10px;display:flex}.filter-overlay-clear{color:#ef4444;font-size:.8rem;font-family:var(--font-body);cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:8px;padding:6px 14px;font-weight:600;transition:all .2s}.filter-overlay-clear:hover{background:#ef444426}.filter-overlay-close{width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:#fff0d20d;border:1px solid #fff0d21a;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.filter-overlay-close:hover{background:#fff0d21a}.filter-group{width:100%}}
.photocard-container{perspective:1200px;aspect-ratio:2.2/3.8;cursor:pointer;background:var(--bg-slot);border:2px solid #0000;border-radius:12px;width:100%;max-width:250px;margin:0 auto;padding:6px;position:relative;box-shadow:inset 0 2px 6px #0006,inset 0 0 1px #0009}.photocard-container.rarity-legendary{background-image:linear-gradient(var(--bg-slot), var(--bg-slot)), linear-gradient(135deg, red, #f80, #fe0, #0f6, #08f, #a0f, red);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000}.photocard-container.rarity-epic{border-color:#c0c5ceb3}.photocard-container.rarity-rare{border-color:#cda56499}.photocard-container.rarity-limited{border-color:#3b82f680}.photocard-container.rarity-uncommon{border-color:#a855f766}.photocard-container.rarity-common{border-color:#fff0d20f}.photocard-container.rarity-unranked{border-color:#0006}.photocard-wrapper{background:var(--bg-halo);border:1px solid #fff0d20f;border-radius:8px;flex-direction:column;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}:root{--owned-rarity-opacity:.5}.photocard-container.owned.rarity-legendary{background:linear-gradient(135deg, rgba(255, 0, 0, var(--owned-rarity-opacity)), rgba(255, 136, 0, var(--owned-rarity-opacity)), rgba(255, 238, 0, var(--owned-rarity-opacity)), rgba(0, 255, 102, var(--owned-rarity-opacity)), rgba(0, 136, 255, var(--owned-rarity-opacity)), rgba(170, 0, 255, var(--owned-rarity-opacity)))}.photocard-container.owned.rarity-epic{background:rgba(192, 197, 206, var(--owned-rarity-opacity))}.photocard-container.owned.rarity-rare{background:rgba(205, 165, 100, var(--owned-rarity-opacity))}.photocard-container.owned.rarity-limited{background:rgba(59, 130, 246, var(--owned-rarity-opacity))}.photocard-container.owned.rarity-uncommon{background:rgba(168, 85, 247, var(--owned-rarity-opacity))}.photocard-container.owned.rarity-common{background:#ffffff26}.photocard-container.owned.rarity-unranked{background:#141414cc}.photocard-image-container{width:100%;transform-style:preserve-3d;background:0 0;flex:1;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.photocard-image-container.is-flipped{transform:rotateY(180deg)}.photocard-front,.photocard-back{backface-visibility:hidden;background:#0a0908;border-radius:8px 8px 0 0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.photocard-back{transform:rotateY(180deg)}.photocard-img{object-fit:contain;width:100%;height:100%;display:block}.icon-badge{z-index:15;-webkit-backdrop-filter:blur(10px);color:#ffffff73;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0f0f14a6;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .25s cubic-bezier(.3,1.2,.2,1);display:flex;position:absolute;top:8px;box-shadow:0 4px 12px #0006}.icon-badge:active{transform:scale(.95)}.badge-want,.badge-trade{left:8px}.badge-missing{right:8px}.badge-owned-group{z-index:15;align-items:center;gap:5px;display:flex;position:absolute;top:8px;right:8px}.badge-owned-group .icon-badge{position:static;top:auto;right:auto}.badge-owned{color:#fff;background:#10b981eb;border-color:#6ee7b7d9;box-shadow:0 0 16px #10b98199,0 4px 12px #0006}.badge-want.active{color:#fff;background:#f43f5eeb;border-color:#fb7185d9;box-shadow:0 0 16px #f43f5e99,0 4px 12px #0006}.badge-trade.active{color:#fff;background:#0ea5e9eb;border-color:#38bdf8d9;box-shadow:0 0 16px #0ea5e999,0 4px 12px #0006}.card-banners-bottom{z-index:15;pointer-events:none;flex-direction:column;width:100%;display:flex;position:absolute;bottom:0;left:0}.badge-top-wanted,.badge-top-owned{-webkit-backdrop-filter:blur(4px);color:#fff;width:100%;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:.65rem;font-weight:700;display:flex}.badge-top-wanted{background:#f9731673;border-top:1px solid #fdba7466;box-shadow:0 -2px 8px #0003}.badge-top-owned{background:#10b98173;border-top:1px solid #6ee7b766;box-shadow:0 -2px 8px #0003}.count-badge{-webkit-backdrop-filter:blur(8px);color:#fff;height:28px;font-family:var(--font-display);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#10b981e0;border:1px solid #6ee7b7bf;border-radius:14px;align-items:center;padding:0 10px;font-size:.75rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #10b98166}@media (hover:hover) and (pointer:fine){.icon-badge:hover{color:#fff;border-color:#ffffff80;transform:scale(1.15)}.badge-owned:hover{background:#10b981;box-shadow:0 0 22px #10b981cc,0 4px 16px #00000080}.badge-missing:hover{color:#34d399;background:#10b98140;border-color:#34d39966}.badge-want.active:hover{background:#f43f5e;box-shadow:0 0 22px #f43f5ecc}.badge-trade.active:hover{background:#0ea5e9;box-shadow:0 0 22px #0ea5e9cc}.count-badge:hover{background:#10b981;transform:scale(1.08)}}.count-popover{z-index:50;-webkit-backdrop-filter:blur(8px);background:#14120ffa;border:1px solid #c9a96e59;border-radius:10px;align-items:center;gap:6px;padding:5px 8px;animation:.2s cubic-bezier(.16,1,.3,1) popoverFadeIn;display:flex;position:absolute;top:38px;right:0;transform:translateZ(50px);box-shadow:0 10px 25px #000000b3,0 0 0 1px #c9a96e0d}.count-popover:after{content:"";border-bottom:6px solid #14120ffa;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-6px;right:14px}.count-popover:before{content:"";z-index:-1;border-bottom:6px solid #c9a96e59;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-7px;right:14px}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-4px)scale(.95)translateZ(50px)}to{opacity:1;transform:translateY(0)scale(1)translateZ(50px)}}.count-popover-btn{color:var(--text-primary);cursor:pointer;background:#fff0d20d;border:1px solid #c9a96e26;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.count-popover-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color);background:#c9a96e33}.count-popover-btn:disabled{opacity:.3;cursor:not-allowed}.count-popover-input{width:36px;height:24px;color:var(--text-primary);text-align:center;font-family:var(--font-display);-moz-appearance:textfield;background:#ffffff08;border:1px solid #c9a96e2e;border-radius:6px;outline:none;font-size:.8rem;font-weight:700;transition:all .2s}.count-popover-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.count-popover-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.count-popover-input:focus{border-color:var(--accent-color);background:#ffffff0f}.photocard-container:not(.owned) .photocard-img{filter:brightness(.8)saturate(.85);transition:filter .3s}@media (hover:hover) and (pointer:fine){.photocard-container:not(.owned):hover .photocard-img{filter:brightness(.95)saturate(.95)}}@media (max-width:768px){.icon-badge{width:28px;height:28px;top:6px}.badge-want,.badge-trade{left:6px}.badge-missing,.badge-owned-group{top:6px;right:6px}.count-badge{height:24px;padding:0 8px;font-size:.7rem}.count-popover{gap:4px;padding:4px 6px;top:32px;transform:translateZ(30px)}.count-popover:after{border-top:none;border-bottom:5px solid #14120ffa;top:-5px;bottom:auto;right:12px}.count-popover:before{border-top:none;border-bottom:5px solid #14120f59;top:-6px;bottom:auto;right:12px}.count-popover-btn{border-radius:4px;width:20px;height:20px}.count-popover-input{width:30px;height:20px;font-size:.75rem}}.photocard-placeholder{width:100%;height:100%;color:var(--text-secondary);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;font-size:.8rem;display:flex}.photocard-glare{pointer-events:none;z-index:2;mix-blend-mode:overlay;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.photocard-container:hover .photocard-glare{opacity:1}}.photocard-info{background:var(--bg-halo);flex-direction:column;justify-content:center;padding:6px 8px 4px;display:flex}.photocard-header{justify-content:space-between;align-items:center;gap:4px;width:100%;margin-bottom:4px;display:flex}.photocard-name-row{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.photocard-member{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:500;overflow:hidden}.photocard-tags-container{flex-wrap:wrap;gap:4px;display:flex}.photocard-rarity-tag{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-size:.55rem;font-weight:600;line-height:1}.tag-red{color:#e8b4fe;background:linear-gradient(135deg,#ff000026,#0088ff26);border:1px solid #aa00ff4d}.tag-orange{color:#c0c5ce;background:#c0c5ce33;border:1px solid #c0c5ce66}.tag-yellow{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f666}.tag-purple{color:#d8b4fe;background:#a855f733;border:1px solid #a855f766}.tag-pink{color:#cda564;background:#cda56433;border:1px solid #cda56466}.tag-darkblue{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f666}.tag-black{color:#a1a1aa;background:#0006;border:1px solid #0009}.tag-white{color:#e5e7eb;background:#ffffff0d;border:1px solid #ffffff26}.photocard-type-tag{font-family:var(--font-body);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;background:#fff0d20f;border:1px solid #fff0d20a;border-radius:4px;padding:2px 6px;font-size:.55rem;line-height:1}.photocard-album{font-family:var(--font-body);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.7rem;font-weight:400;overflow:hidden}.photocard-description-text{font-family:var(--font-body);color:var(--text-secondary);opacity:.7;margin:4px 0 0;font-size:.6rem;line-height:1.3}.trade-pill{color:#fff6;background:#0009;border:1px solid #60a5fa33}.trade-pill:hover{color:#60a5fa;background:#60a5fa33;border-color:#60a5fa80}.trade-pill.active-trade{color:#60a5fa;background:#60a5fa40;border-color:#60a5fa8c;animation:2.5s infinite tradePulse}@keyframes tradePulse{0%,to{box-shadow:0 0 #60a5fa00}50%{box-shadow:0 0 6px 2px #60a5fa4d}}.admin-hash-overlay{z-index:5;color:#a78bfa;-webkit-backdrop-filter:blur(4px);pointer-events:all;-webkit-user-select:all;user-select:all;background:#000000bf;border:1px solid #a78bfa4d;border-radius:4px;padding:3px 6px;font-family:monospace;font-size:.68rem;font-weight:600;position:absolute;bottom:6px;right:6px}