*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}.header{justify-content:center;padding:40px;display:flex}.title{color:#ffcb05;-webkit-text-stroke:4px #3466af;letter-spacing:4px;text-align:center;text-shadow:3px 3px #3466af,6px 6px #00000026;margin:0;font-family:Pokemon Solid,sans-serif;font-size:72px;transform:perspective(500px)rotateX(10deg)}.main{flex-grow:1;align-items:center;padding:0 24px;display:flex;position:relative}.footer{justify-content:center;align-items:center;margin-top:auto;padding:24px;animation:.6s .6s forwards fadeIn;display:flex}.footer-text{color:#64748b;text-transform:uppercase;letter-spacing:.1em;text-align:center;width:100%;font-size:12px}@media (width>=768px){.main{padding-left:80px;padding-right:80px}.footer{padding:40px}}@media (width>=1024px){.main{padding-left:128px;padding-right:128px}}@keyframes fadeIn{to{opacity:1}}.card{transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 10px 20px #00000026,0 6px 6px #0000001a}.favorite-btn{color:red;cursor:pointer;z-index:2;background:0 0;border:none;font-size:24px;line-height:1;transition:transform .2s,text-shadow .2s,color .2s;position:absolute;top:30px;right:6px}.favorite-btn:hover{text-shadow:0 2px 8px #ff000059;transform:scale(1.2)}.favorite-btn.active{animation:.28s heartPop}.filter-bar{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-bottom:20px;display:flex}.filter-select,.filter-button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:8px 12px;font-size:14px}.filter-button:hover,.filter-select:hover{box-shadow:0 2px 8px #00000014}@keyframes heartPop{0%{transform:scale(1)}35%{transform:scale(1.45)}70%{transform:scale(.9)}to{transform:scale(1)}}