.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-bar{display:flex;flex-direction:column;gap:1.5rem;margin:2rem auto 1.5rem;padding:0 1rem;max-width:1200px}.filter-controls{display:flex;flex-direction:column;gap:1rem;align-items:stretch;background:#0003;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,183,77,.2)}.filter-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-start}.sort-controls{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;justify-content:center;padding:1.2rem 1.5rem;background:#00000026;border-radius:12px;border:1px solid rgba(255,183,77,.15);margin-bottom:1rem}.sort-controls-label{color:#fff;font-weight:600;margin-right:.5rem}.rarity-filter-group{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.rarity-filter-label{font-size:1rem;color:#fff;font-weight:700;margin-right:.75rem;text-shadow:0 1px 2px rgba(0,0,0,.5);display:inline-block}.rarity-filter-btn{padding:.4rem .7rem;border:2px solid transparent;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;box-shadow:0 2px 8px #0000001a;text-shadow:0 1px 2px rgba(0,0,0,.3)}.rarity-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.rarity-filter-btn.active{border-color:#ffe066!important;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.rarity-filter-btn.all{background:linear-gradient(135deg,#66bb6a,#4caf50);color:#000;text-shadow:0 1px 2px rgba(255,255,255,.3)}.rarity-filter-btn.all:hover{background:linear-gradient(135deg,#81c784,#66bb6a)}.rarity-filter-btn.all.active{color:#000!important;text-shadow:0 1px 2px rgba(255,255,255,.3)}.rarity-filter-btn.ssr{background:linear-gradient(135deg,#ffcc02,#e6ac00);color:#000;text-shadow:0 1px 2px rgba(255,255,255,.3)}.rarity-filter-btn.ssr:hover{background:linear-gradient(135deg,#e6ac00,#c90)}.rarity-filter-btn.ssr.active{color:#000!important;text-shadow:0 1px 2px rgba(255,255,255,.3);background:linear-gradient(135deg,#c90,#b88600)!important}.rarity-filter-btn.sr{background:linear-gradient(135deg,#ab47bc,#8e24aa);color:#fff}.rarity-filter-btn.sr:hover{background:linear-gradient(135deg,#8e24aa,#7b1fa2)}.rarity-filter-btn.sr.active{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.rarity-filter-btn.r{background:linear-gradient(135deg,#8d6e63,#6d4c41);color:#fff}.rarity-filter-btn.r:hover{background:linear-gradient(135deg,#6d4c41,#5d4037)}.rarity-filter-btn.r.active{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.class-filter-group{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.class-filter-label{font-size:1rem;color:#fff;font-weight:700;margin-right:.75rem;text-shadow:0 1px 2px rgba(0,0,0,.5);display:inline-block}.class-filter-btn{padding:.4rem .7rem;border:2px solid transparent;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;box-shadow:0 2px 8px #0000001a;text-shadow:0 1px 2px rgba(0,0,0,.3);background:linear-gradient(135deg,#5e72e4,#4c63d2);color:#fff}.class-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;background:linear-gradient(135deg,#4c63d2,#3b4cc0)}.class-filter-btn.active{border-color:#ffe066!important;background:linear-gradient(135deg,#ffb74d,#ff9800)!important;color:#000!important;transform:translateY(-2px);box-shadow:0 4px 16px #ff98004d;text-shadow:0 1px 2px rgba(255,255,255,.3)}.class-filter-btn.all{background:linear-gradient(135deg,#66bb6a,#4caf50)}.class-filter-btn.all.active{background:linear-gradient(135deg,#81c784,#66bb6a)!important;color:#000!important;border-color:#ffe066!important}.sort-btn{padding:.8rem 1rem;background:var(--bg-primary);color:var(--text-secondary);border-radius:12px;border:2px solid var(--mocha-mousse);font-size:.9rem;cursor:pointer;min-height:44px;min-width:64px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .2s ease}.sort-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--amber-glow)}.sort-btn:focus{outline:2px solid var(--amber-glow);outline-offset:2px}.sort-btn.active{background:var(--amber-glow);color:#fff;border-color:var(--amber-glow)}.reset-btn{padding:.8rem 1.2rem;background:linear-gradient(135deg,var(--rose-quartz),#e91e63);color:#fff;border-radius:12px;border:2px solid var(--rose-quartz);font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #e91e634d;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-height:44px;min-width:80px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.reset-btn:hover{background:linear-gradient(135deg,#d81b60,var(--rose-quartz));transform:translateY(-1px);box-shadow:0 4px 12px #e91e6366;border-color:#d81b60}.reset-btn:active{transform:translateY(0);box-shadow:0 2px 6px #e91e634d}.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)}.effects-cell{max-width:300px;text-align:left;font-size:.8rem}.effect-item{margin:.25rem 0;padding:.25rem;background:#ffb74d1a;border-radius:4px}.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;transition:all .2s ease;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{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 (max-width: 768px){.memory-table-container{display:none!important}.mobile-card-view{display:block!important}.main-content-container{padding:0 1rem}.filter-bar{gap:1.2rem;padding:0 .5rem}.filter-controls{gap:1rem;padding:1.2rem}.filter-row{justify-content:center;flex-direction:column;align-items:center;gap:1rem}.sort-controls{padding:1rem;gap:1rem;flex-direction:column;margin-bottom:1.5rem}.sort-controls span{margin-bottom:.5rem;font-size:1rem}.rarity-filter-group,.class-filter-group{justify-content:center;gap:.8rem;width:100%;flex-wrap:wrap}.rarity-filter-label,.class-filter-label{width:100%;text-align:center;margin-right:0;margin-bottom:.5rem;font-size:1rem;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.7)!important}.rarity-filter-btn,.class-filter-btn{padding:.8rem 1.2rem;font-size:.9rem;min-height:44px;min-width:64px;border-radius:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;letter-spacing:.5px}}@media (max-width: 480px){.page-flex{gap:1.5rem}.filter-bar{padding:0 .5rem;margin:1rem auto}.filter-controls{padding:.75rem}.sort-controls{padding:.75rem;gap:.4rem}.rarity-filter-label,.class-filter-label{font-size:.85rem;margin-right:.4rem;width:100%;text-align:center;margin-bottom:.5rem}.rarity-filter-btn,.class-filter-btn{font-size:.7rem;padding:.3rem .5rem}.rarity-filter-group,.class-filter-group{gap:.3rem;justify-content:center;width:100%}.filter-row{gap:.5rem;justify-content:center;flex-direction:column;align-items:stretch}}