.page-flex{display:flex;gap:2.5rem}.main-content-container{width:100%;display:flex;justify-content:center;padding:0 2rem}.content-wrapper{max-width:1200px;width:100%;margin:0 auto}.filter-container{background:var(--zn-bg-card);border:1px solid var(--zn-border);border-radius:6px;margin:1rem auto .8rem;overflow:hidden}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.2rem;background:var(--zn-bg-tertiary);border-bottom:1px solid var(--zn-border)}.filter-title{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:var(--font-bold);color:var(--zn-text-primary);line-height:1.3}.filter-controls{padding:.75rem 1.2rem}.filter-row{display:flex;gap:1.2rem;margin-bottom:.8rem;align-items:flex-start;flex-wrap:wrap}.filter-row:last-child{margin-bottom:0}.filter-group{flex:1;min-width:250px}.filter-label{display:block;font-family:var(--font-primary);font-size:.8rem;font-weight:var(--font-semibold);color:var(--zn-text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.button-group{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.rarity-group{max-width:300px}.class-group{max-width:100%}.sort-group{max-width:250px}.filter-section-label{color:var(--zn-text-primary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.filter-btn{padding:.35rem .65rem;border:1px solid var(--zn-border-light);border-radius:4px;font-family:var(--font-primary);font-size:.75rem;font-weight:var(--font-medium);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .1s ease;text-transform:uppercase;letter-spacing:.025em;background:var(--zn-bg-tertiary);color:var(--zn-text-secondary);white-space:nowrap;text-align:center;min-height:32px;-webkit-tap-highlight-color:transparent;user-select:none}.filter-btn.active{border-color:var(--zn-primary);background:var(--zn-primary);color:#000;font-weight:var(--font-semibold);transform:scale(1)}.filter-btn:active{transform:scale(.95)}.filter-btn.ssr.active{background:var(--zn-badge-ssr);border-color:var(--zn-badge-ssr);color:#000}.filter-btn.sr.active{background:var(--zn-badge-sr);border-color:var(--zn-badge-sr);color:#000}.filter-btn.r.active{background:var(--zn-badge-r);border-color:var(--zn-badge-r);color:#000}.sort-btn{background:var(--zn-bg-tertiary);border-color:var(--zn-border-light);font-size:.7rem;padding:.3rem .6rem}.sort-btn.active{background:var(--zn-primary);border-color:var(--zn-primary);color:#000}.reset-btn{padding:.4rem .9rem;background:var(--zn-bg-tertiary);color:var(--zn-text-secondary);border:1px solid var(--zn-border);font-family:var(--font-primary);font-size:.75rem;font-weight:var(--font-medium);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease;text-transform:uppercase;letter-spacing:.025em;border-radius:4px;white-space:nowrap;min-height:32px}.memory-table-container{overflow-x:auto;margin:1.5rem auto;padding:0 1rem}table.memory-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-primary);border-radius:12px;box-shadow:0 4px 16px #00000014;font-family:Space Grotesk,sans-serif}table.memory-table th,table.memory-table td{padding:1rem .5rem;text-align:center;border-bottom:1px solid var(--neutral-200)}table.memory-table th{background:var(--amber-glow);color:#222;font-weight:700;font-size:.9rem;position:sticky;top:0;z-index:2}.memory-img{width:60px;height:60px;border-radius:12px;object-fit:cover;border:2px solid var(--amber-glow)}.rarity-badge,.element-badge,.type-badge{padding:.2rem .6rem;border-radius:10px;font-size:.85rem;font-weight:600}.element-badge.fire{background:var(--zn-badge-fire);color:var(--zn-badge-white)}.element-badge.ice{background:var(--zn-badge-ice);color:var(--zn-badge-white)}.element-badge.wind{background:var(--zn-badge-wind);color:var(--zn-badge-black)}.element-badge.holy{background:var(--zn-badge-holy);color:var(--zn-badge-black)}.element-badge.chaos{background:var(--zn-badge-chaos);color:var(--zn-badge-white)}.type-badge.buffer{background:var(--zn-badge-blue);color:var(--zn-badge-black)}.type-badge.offensive{background:var(--zn-badge-orange);color:var(--zn-badge-black)}.type-badge.defensive{background:var(--zn-badge-gray);color:var(--zn-badge-black)}.type-badge.special{background:var(--zn-badge-purple);color:var(--zn-badge-white)}.mobile-memory-card{background:var(--bg-primary, #232323);border-radius:16px;box-shadow:0 4px 20px #00000026;padding:1.5rem 1.2rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem;border:2px solid var(--amber-glow, #ffe066);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-card-header{display:flex;align-items:center;gap:1rem}.mobile-memory-card img{width:90px;height:90px;border-radius:16px;border:3px solid var(--amber-glow, #ffe066);background:#fff;margin-bottom:0;touch-action:manipulation}.mobile-card-title-group{display:flex;flex-direction:column;gap:.2rem}.mobile-memory-card h3{margin:0 0 .2rem;font-size:1.35rem;color:var(--amber-glow, #ffe066);font-weight:700;letter-spacing:.5px;line-height:1.2}.mobile-card-badges{display:flex;gap:.5rem;margin-top:.2rem;flex-wrap:wrap;align-items:center}.mobile-memory-card .rarity-badge,.mobile-memory-card .element-badge,.mobile-memory-card .type-badge,.mobile-memory-card .class-badge{font-size:.95em;padding:.18em .7em;border-radius:8px;font-weight:600;display:inline-block;margin:0}.mobile-card-stats{display:flex;gap:1.5rem;margin-top:.7rem;font-size:1.1em;color:var(--text-secondary, #e0e0e0);font-weight:500;flex-wrap:wrap;justify-content:space-between}.mobile-card-stats .stat-label{color:var(--amber-glow, #ffe066);font-weight:700;margin-right:.2em}.mobile-card-effects{margin-top:.75rem}.mobile-card-effects h4{margin:0 0 .5rem;font-size:.9rem;color:var(--amber-glow);font-weight:600}.mobile-effect-item{background:#ffb74d1a;padding:.5rem;border-radius:6px;margin:.25rem 0;font-size:.85rem;color:var(--text-secondary)}.memory-table-container{display:block}.mobile-card-view{display:none}@media (min-width: 769px){.filter-container{max-width:1200px;margin-left:auto;margin-right:auto}.filter-controls{padding:1rem 1.2rem}.filter-row{align-items:flex-start;gap:1.5rem}.button-group{justify-content:flex-start}}@media (min-width: 1024px){.filter-controls{padding:1.2rem 1.5rem}.filter-row{gap:1.8rem}.filter-btn{font-size:.8rem;padding:.4rem .7rem}}@media (max-width: 768px){.memory-table-container{display:none!important}.mobile-card-view{display:block!important}.main-content-container{padding:0 .75rem}.filter-container{margin:.6rem auto;border-radius:8px}.filter-header{padding:1rem;flex-direction:column;gap:1rem;text-align:center}.filter-title{font-size:1.15rem}.filter-controls{padding:1rem}.filter-row{flex-direction:column;gap:1.2rem;margin-bottom:1rem}.filter-group{min-width:auto;width:100%}.filter-label{text-align:center;margin-bottom:.6rem;font-size:.85rem;font-weight:600}.button-group{justify-content:center;gap:.5rem}.rarity-group .filter-btn{padding:.75rem 1rem;font-size:.85rem;min-height:48px;min-width:70px;touch-action:manipulation;flex:0 0 auto;border-radius:8px}.class-group{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--zn-border) transparent}.class-group .button-group{justify-content:flex-start;gap:.5rem;padding-bottom:.5rem;min-width:max-content}.class-group .filter-btn{padding:.75rem 1rem;font-size:.8rem;min-height:48px;min-width:80px;touch-action:manipulation;flex:0 0 auto;white-space:nowrap;border-radius:8px;font-weight:500}.class-group::-webkit-scrollbar{height:4px}.class-group::-webkit-scrollbar-track{background:var(--zn-bg-tertiary);border-radius:2px}.class-group::-webkit-scrollbar-thumb{background:var(--zn-border);border-radius:2px}.reset-btn{padding:.75rem 1.5rem;font-size:.85rem;width:100%;max-width:280px;min-height:48px;border-radius:8px;margin:0 auto}.sort-group .sort-btn{padding:.75rem 1rem;font-size:.85rem;min-height:48px;min-width:70px;touch-action:manipulation;flex:0 0 auto;border-radius:8px}}@media (max-width: 480px){.main-content-container{padding:0 .5rem}.filter-container{margin:.5rem auto;border-radius:6px}.filter-header{padding:.8rem;gap:.8rem}.filter-title{font-size:1.05rem}.filter-controls{padding:.8rem}.filter-row{gap:1rem;margin-bottom:.8rem}.filter-label{font-size:.8rem;margin-bottom:.5rem}.button-group{gap:.4rem}.rarity-group .filter-btn{padding:.6rem .8rem;font-size:.75rem;min-height:44px;min-width:60px}.class-group .filter-btn{padding:.6rem .8rem;font-size:.75rem;min-height:44px;min-width:70px}.sort-group .sort-btn{padding:.6rem .8rem;font-size:.75rem;min-height:44px;min-width:60px}.reset-btn{padding:.6rem 1.2rem;font-size:.75rem;min-height:44px;max-width:240px}.mobile-memory-card{padding:1rem .8rem;margin-bottom:1rem}.mobile-card-header{gap:.8rem}.mobile-memory-card img{width:70px;height:70px}.mobile-memory-card h3{font-size:1.1rem}.mobile-card-stats{gap:1rem;font-size:.9rem}}