@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@400;700;800&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#1c3148;background:radial-gradient(circle at 10% 18%,#fff6,#0000 35%),radial-gradient(circle at 90% 10%,#ffd4bd52,#0000 28%),linear-gradient(#ffd460 0%,#fda15f 54%,#f77f6a 100%);margin:0}.page-shell{max-width:1100px;margin:0 auto;padding:24px 16px 40px}.hero{text-align:center;background:linear-gradient(140deg,#fff7da 0%,#ffd9c4 45%,#ffe9f0 100%);border-radius:30px;padding:36px 22px 28px;position:relative;overflow:hidden;box-shadow:0 14px 34px #46301229}.hero:before,.hero:after{content:"";opacity:.42;pointer-events:none;border-radius:999px;position:absolute}.hero:before{background:#ffd166;width:240px;height:240px;top:-110px;left:-70px}.hero:after{background:#ef476f;width:190px;height:190px;bottom:-75px;right:-60px}.eyebrow,.subtitle,.summary-line,.pokemon-id,.page-footer,.search-wrap,.action-button,.status-panel,.type-chip{font-family:Nunito,Trebuchet MS,Verdana,sans-serif}h1,h2{margin:0;font-family:"Baloo 2",Trebuchet MS,sans-serif}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#bf4e00;background:#ffffffb3;border:1px solid #bf4e0040;border-radius:999px;margin:0;padding:6px 10px;font-size:.85rem;font-weight:800;display:inline-block}h1{color:#1a2f44;margin-top:12px;font-size:clamp(1.8rem,3.8vw,2.9rem);line-height:1.05}.subtitle{color:#31475d;max-width:640px;margin:12px auto 0;font-size:1.02rem}.hero-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.action-button{color:#fff;letter-spacing:.02em;cursor:pointer;background:#ff4d6d;border:none;border-radius:999px;padding:12px 18px;font-size:.95rem;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 18px #ff4d6d59}.action-button:hover{transform:translateY(-1px);box-shadow:0 11px 20px #ff4d6d6e}.search-wrap{color:#1d3451;background:#ffffffb8;border:1px solid #1d345133;border-radius:999px;align-items:center;gap:8px;padding:5px 8px 5px 14px;font-size:.95rem;font-weight:700;display:inline-flex}.search-wrap input{color:#1d3451;background:0 0;border:none;border-radius:999px;min-width:200px;padding:6px 8px;font-size:.95rem}.search-wrap input:focus{background:#ffffffa6;outline:none}.summary-line{text-align:center;color:#30455d;margin-top:18px;margin-bottom:14px;font-weight:700}.pokemon-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;display:grid}.pokemon-card{text-align:center;background:linear-gradient(160deg,#fffffff7,#fff9f1);border:1px solid #c67c2f33;border-radius:22px;padding:12px 10px 14px;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 16px #22201d1a}.pokemon-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #22201d2b}.image-wrap{background:radial-gradient(circle at 30% 22%,#ffd16640,#0000 60%),#fff;border:1px solid #31475d26;border-radius:18px;place-items:center;width:128px;height:128px;margin:0 auto;display:grid}.image-wrap img{image-rendering:auto;max-width:100%;height:auto}.pokemon-card h3{color:#23364a;margin-top:9px;margin-bottom:0;font-size:1.15rem;line-height:1.12}.pokemon-id{color:#6d7e91;margin-top:3px;font-size:.84rem;font-weight:800}.type-list{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.type-chip{color:#1f384e;text-transform:capitalize;background:#edf2f7;border-radius:999px;padding:4px 9px;font-size:.74rem;font-weight:800;display:inline-block}.fallback-icon{color:#47617d;background:#f2f8ff;border-radius:999px;place-items:center;width:64px;height:64px;font-size:2rem;font-weight:800;display:grid}.status-panel{text-align:center;color:#1f384e;background:#fff6ddd1;border:1px solid #c67c2f40;border-radius:14px;margin:20px 0;padding:16px;font-weight:800}.status-panel.error{color:#8a1325;background:#ffe6eccc;border-color:#a8214540}.page-footer{text-align:center;color:#526a81;margin-top:22px;font-size:.9rem}.page-footer a{color:#165d97;margin-left:4px;font-weight:700}@media (width<=700px){.page-shell{padding-top:14px}.hero{padding:30px 14px 22px}.search-wrap{justify-content:space-between;width:100%}.search-wrap input{width:58%;min-width:0}.action-button{width:100%;max-width:310px}}