._card_4bxxn_1{text-align:center;cursor:pointer;color:#111;border-radius:16px;padding:16px;transition:all .25s;position:relative;box-shadow:0 8px 20px #0000001a}._card_4bxxn_1 img{width:80px}._number_4bxxn_31{opacity:.8;font-size:12px}._name_4bxxn_41{margin-top:8px;font-weight:700}._types_4bxxn_49{margin-top:10px}._type_4bxxn_49{background:#ffffff4d;border-radius:10px;margin:2px;padding:4px 10px;font-size:11px}._favoriteBtn_4bxxn_71{cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:10px;right:10px}*{box-sizing:border-box;scrollbar-width:none;margin:0;padding:0}html,body{height:100%}body{color:#20304a;background:#f5f7fb;font-family:Arial,sans-serif;overflow-x:hidden}.app{align-items:stretch;gap:20px;min-height:100vh;padding:20px;display:flex}.left{flex:2;height:calc(100vh - 40px);padding-top:0;padding-right:5px;overflow-y:auto}.searchBar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f7fbe6;border:1px solid #ccc;border-radius:18px;margin-bottom:10px;padding:14px;position:sticky;top:0}.searchBar input{background:0 0;border:none;outline:none;flex:1;width:100%;font-size:16px}.searchBar button{color:#fff;background:#ff5b78;border:none;border-radius:12px;width:45px;height:45px;font-size:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:20px;display:grid}.right{flex:1;height:calc(100vh - 40px);position:sticky;top:20px;overflow:hidden}.detailCard{background:#fff;border-radius:25px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001a}.detailHeader{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:none;min-height:260px;padding:20px;position:relative}.detailHeader h2{color:#fff;margin-top:40px}.detailHeader img:first-of-type{z-index:2;width:160px;margin-top:10px;position:relative}.pokeballBg{opacity:.2;filter:blur(2px);pointer-events:none;z-index:1;width:200px;position:absolute;bottom:-10px;right:-10px;transform:rotate(-25deg)scale(1.1)}.closeBtn{color:#fff;cursor:pointer;background:#0003;border:none;border-radius:50%;width:35px;height:35px;font-size:18px;position:absolute;top:15px;left:15px}.detailNumber{color:#fff;font-weight:700;position:absolute;top:15px;right:15px}.detailTypes{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.detailTypeTag{color:#fff;text-transform:uppercase;border-radius:10px;padding:5px 10px;font-size:12px}.detailBody{flex:auto;padding:20px;overflow-y:auto}.description{color:#555;margin-bottom:15px;font-size:14px;line-height:1.5}.info{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.info div{text-align:center;background:#f6f8fc;border-radius:10px;padding:10px}.info p{text-transform:uppercase;margin-bottom:4px;font-size:11px}.info strong{font-size:16px}.stats{flex-direction:column;gap:10px;display:flex}.statLabel{justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.bar{background:#eee;border-radius:10px;height:8px;overflow:hidden}.fill{border-radius:10px;height:100%}.loadingMessage,.emptyMessage,.errorMessage{text-align:center;margin-top:15px}@media (width<=768px){.app{flex-direction:column;min-height:100vh;padding:0}.left{min-height:100vh;padding:10px;overflow-y:auto}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.right{z-index:9999;background:#fff;border-radius:0;height:100dvh;max-height:100dvh;transition:transform .3s;position:fixed;inset:auto 0 0;overflow:hidden;transform:translateY(100%)}.right.open{transform:translateY(0)}.detailCard{border-radius:0;height:100%}.detailHeader{min-height:220px;padding:16px}.detailHeader h2{font-size:22px}.detailHeader img{width:120px}.info{grid-template-columns:repeat(3,1fr);gap:8px}.info strong{font-size:14px}.closeBtn{top:10px;left:10px}.detailNumber{top:10px;right:10px}}