.card:hover{box-shadow:0 0 12px var(--hover-color);transition:transform .2s;transform:scale(1.05)}input:focus{box-shadow:0 0 12px var(--color-accent);transition:all .2s}.reset-btn{color:var(--color-accent);border:2px solid var(--color-accent)}.reset-btn:hover{color:#fe1d1c;border:2px solid #fe1d1c;transition:all .2s}.back-btn:hover{opacity:.8;transition:opacity .2s}.detail-layout{flex-direction:column;align-items:center;width:100%;max-width:800px;display:flex}.detail-left{flex-direction:column;align-items:center;display:flex}.detail-right{flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex}.pokemon-image{object-fit:contain;width:250px;height:250px}.sound-btn:hover{box-shadow:0 0 12px var(--hover-color);transition:transform .2s;transform:scale(1.05)}@keyframes fillBar{0%{width:0%}to{width:var(--bar-width)}}@media (width>=768px){.detail-layout{flex-direction:row;align-items:center;gap:40px}.detail-right{flex:1}}@media (width<=480px){.detail-layout{margin-top:40px}.detail-left{margin-bottom:20px}.pokemon-image{width:150px;height:150px}}:root{--color-bg:#111;--color-card:#1f1f1f;--color-accent:#fff;--color-text:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:sans-serif}@keyframes spin{to{transform:rotate(360deg)}}